@charset "UTF-8";
/* Mixins */
/* ------------------------------------------------- *
 *        ＠リセットCSS　　　
 * ------------------------------------------------- */
ul {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

h1 {
  padding: 0;
  margin: 0; }

h1, h2, h3, h4, h5 {
  font-size: 20px;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    h1, h2, h3, h4, h5 {
      font-size: 18px; } }

p {
  color: #4f4f4f;
  line-height: 1.7;
  font-size: 16px;
  padding: 0;
  margin: 0; }
  @media only screen and (max-width: 767px) {
    p {
      font-size: 14px; } }

a {
  color: #337ab7;
  text-decoration: none; }

dd {
  margin: 0; }

img {
  display: block; }

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
  border-top: 1px solid #DDD;
  border-left: 1px solid #DDD;
  background: #FFF; }

th, td {
  padding: 8px;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*リセットCSSの外部化*/
/* ------------------------------------------------- *
 *        ＠レイアウトCSS　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
body {
  background: #FFF;
  margin: 0; }

#wrap {
  max-width: 1080px;
  margin: 0 auto; }
  @media only screen and (max-width: 1023px) {
    #wrap {
      margin: 0 15px;
      display: table; } }
  @media only screen and (max-width: 767px) {
    #wrap {
      padding: 0;
      margin: 0; } }

#sidebar {
  width: 29%;
  float: right;
  max-width: 300px; }
  @media only screen and (max-width: 1023px) {
    #sidebar {
      width: 100%;
      float: none;
      margin: 0 auto;
      max-width: 690px; } }
  @media only screen and (max-width: 767px) {
    #sidebar {
      width: 100%;
      float: none;
      max-width: 100%; } }

.inner {
  margin: 0 auto;
  max-width: 1080px;
  padding: 0 1rem; }
  @media only screen and (max-width: 767px) {
    .inner {
      width: 100%;
      padding: 0 1rem; } }

/* カテゴリの色 */
.money, .kuti-money {
  color: #e8c501; }

.work, .kuti-work {
  color: #05dbde; }

.bearty_health, .kuti-beauty {
  color: #e303a1; }

.pc_communication, .kuti-pc {
  color: #060abc; }

.life, .kuti-life {
  color: #28a801; }

.entame, .kuti-entame {
  color: #d84129; }

.travel, .kuti-travel {
  color: #dd8200; }

.gourmet, .kuti-gourmet {
  color: #bc5306; }

.shopping, .kuti-shopping {
  color: #d904d7; }

/*レイアウトCSSの外部化*/
/* ------------------------------------------------- *
*        ＠sidebar
* ------------------------------------------------- */
#sidebar {
  /*　広告 */
  /*　人気コラム */
  /*　記事ランキング */
  /*　記事カテゴリリスト */
  /*　記事カテゴリリスト */
  /* 商品ランキング */
  /* 記事検索 */ }
  #sidebar .sub-list {
    margin: 0 0 2rem 0; }
    #sidebar .sub-list h4 {
      font-size: 0.95rem; }
      #sidebar .sub-list h4 a {
        color: #4f4f4f;
        display: block;
        padding: 0.5rem 0 0.5rem 0; }
      #sidebar .sub-list h4 a:hover {
        background: #EFEFEF; }
    #sidebar .sub-list li {
      background: url(../img/icon/icon-arrow-b.png) no-repeat 0 14px;
      background-size: 0.3rem; }
      #sidebar .sub-list li a {
        color: #626262;
        font-size: 0.9rem;
        display: block;
        padding: 0.5rem 0 0.5rem 0.6rem; }
      #sidebar .sub-list li a:hover {
        background: #EFEFEF; }
    #sidebar .sub-list .sub-list-title {
      color: #4f4f4f;
      font-size: 1.1rem;
      font-weight: bold;
      padding: .5rem .5rem 1rem 2rem;
      position: relative; }
      #sidebar .sub-list .sub-list-title:before {
        background-color: #4f4f4f;
        content: '';
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        top: 24px;
        width: 20px; }
      @media only screen and (max-width: 767px) {
        #sidebar .sub-list .sub-list-title {
          font-size: 14px; } }
  #sidebar .sub-box {
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      #sidebar .sub-box {
        margin: 0; } }
  #sidebar .sub-box-title {
    color: #4f4f4f;
    font-size: 1.1rem;
    font-weight: bold;
    padding: .5rem .5rem 1rem 2rem;
    position: relative; }
    #sidebar .sub-box-title:before {
      background-color: #4f4f4f;
      content: '';
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      top: 24px;
      width: 20px; }
    @media only screen and (max-width: 767px) {
      #sidebar .sub-box-title {
        font-size: 14px; } }
  #sidebar .ad {
    margin-bottom: 2rem; }
  #sidebar .ads {
    background: #F0FEFE; }
  #sidebar .side-column-popular .list-item {
    background: #fff;
    margin-bottom: 1rem;
    padding: 0; }
    #sidebar .side-column-popular .list-item .img img {
      border-radius: 4px 0 0 4px;
      width: 84%; }
    #sidebar .side-column-popular .list-item .detail {
      padding: .5rem; }
      #sidebar .side-column-popular .list-item .detail .title {
        font-size: .8rem; }
  #sidebar .side-column-rank #popular-post {
    counter-reset: wpp-ranking;
    overflow: hidden; }
    #sidebar .side-column-rank #popular-post li {
      padding: 8px 0;
      overflow: hidden;
      border-bottom: 1px dotted #CCC;
      position: relative; }
      @media only screen and (max-width: 767px) {
        #sidebar .side-column-rank #popular-post li {
          padding: 8px; } }
      #sidebar .side-column-rank #popular-post li:before {
        content: counter(wpp-ranking,decimal);
        counter-increment: wpp-ranking;
        position: absolute;
        top: 10;
        left: 0;
        padding: 1px 6px;
        z-index: 1;
        opacity: .9;
        color: #FFF;
        background: #004572;
        font-size: 12px; }
        @media only screen and (max-width: 767px) {
          #sidebar .side-column-rank #popular-post li:before {
            left: 8px; } }
      #sidebar .side-column-rank #popular-post li .wpp-thumbnail {
        width: 30%;
        margin: 0;
        height: auto; }
        @media only screen and (max-width: 767px) {
          #sidebar .side-column-rank #popular-post li .wpp-thumbnail {
            width: 25%; } }
      #sidebar .side-column-rank #popular-post li .wpp-post-title {
        width: 70%;
        float: left;
        font-size: 13px;
        font-weight: bold;
        padding-left: 8px;
        line-height: 1.4; }
        @media only screen and (max-width: 767px) {
          #sidebar .side-column-rank #popular-post li .wpp-post-title {
            width: 75%; } }
      #sidebar .side-column-rank #popular-post li .wpp-views {
        color: #a0a0a0;
        font-size: 12px;
        font-weight: normal;
        padding-left: 8px; }
        @media only screen and (max-width: 767px) {
          #sidebar .side-column-rank #popular-post li .wpp-views {
            position: absolute;
            right: 8px;
            bottom: 8px; } }
  @media only screen and (max-width: 767px) {
    #sidebar .side-column-cat li {
      border-bottom: 1px solid #eaeaea; } }
  #sidebar .side-column-cat li:last-child {
    border: none; }
  #sidebar .side-column-cat li a {
    color: #4f4f4f;
    padding: 1rem .5rem;
    display: block;
    font-size: .9rem; }
    #sidebar .side-column-cat li a:hover {
      color: #292929;
      text-decoration: underline; }
  #sidebar .side-archive li {
    padding: 1rem .5rem;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      #sidebar .side-archive li {
        border-bottom: 1px solid #eaeaea; } }
    #sidebar .side-archive li:last-child {
      border: none; }
    #sidebar .side-archive li a {
      color: #4f4f4f; }
      #sidebar .side-archive li a:hover {
        color: #292929;
        text-decoration: underline; }
  #sidebar .side-product-rank .item {
    border-bottom: 1px dotted #CCC;
    padding: 8px 0; }
    @media only screen and (max-width: 767px) {
      #sidebar .side-product-rank .item {
        padding: 8px;
        overflow: hidden; } }
    #sidebar .side-product-rank .item .title {
      margin-bottom: 8px;
      font-size: 14px;
      font-weight: bold; }
    #sidebar .side-product-rank .item img {
      width: 100%;
      height: auto;
      margin-bottom: 8px; }
      @media only screen and (max-width: 767px) {
        #sidebar .side-product-rank .item img {
          width: 40%;
          float: left; } }
    #sidebar .side-product-rank .item p {
      font-size: 12px;
      line-height: 1.5; }
      @media only screen and (max-width: 767px) {
        #sidebar .side-product-rank .item p {
          width: 60%;
          float: right;
          padding-left: 8px; } }
  #sidebar .side-search-kizi #searchform {
    padding-top: 16px; }
    @media only screen and (max-width: 767px) {
      #sidebar .side-search-kizi #searchform {
        padding: 16px; } }
    #sidebar .side-search-kizi #searchform .form {
      width: 75%; }
    #sidebar .side-search-kizi #searchform .submit {
      width: 22%; }

/*サイドバーCSSの外部化*/
/* ------------------------------------------------- *
*        ＠footer
* ------------------------------------------------- */
#footer {
  clear: both;
  background: #1a1a1a;
  color: #fff; }
  #footer .link {
    padding: 1.5rem 0; }
    #footer .link-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2rem; }
      @media only screen and (max-width: 767px) {
        #footer .link-list {
          gap: 0.5rem 2rem; } }
      #footer .link-list-item {
        position: relative; }
        @media only screen and (max-width: 767px) {
          #footer .link-list-item {
            width: 45%; } }
        @media only screen and (max-width: 767px) {
          #footer .link-list-item-bar {
            position: absolute;
            width: 1px;
            height: 1rem;
            top: 50%;
            right: -1rem;
            transform: translateY(-50%);
            background-color: #fff; } }
    #footer .link a {
      color: #fff;
      display: block;
      font-size: 12px;
      text-align: center;
      transition: 0.2s; }
      #footer .link a:hover {
        opacity: 0.6; }
  #footer .copy {
    border-top: 1px solid #595959;
    text-align: center;
    color: #FFF;
    padding: 16px; }
    #footer .copy p {
      font-size: 12px;
      color: #fff; }
    #footer .copy .page-top {
      margin-bottom: 8px; }
      #footer .copy .page-top a {
        color: #FFF;
        display: block;
        padding: 8px;
        background: #464545; }

/*フッターCSSの外部化*/
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }

/*featureのCSS*/
/*color*/
.txt-salmonpink {
  color: #f27979;
  font-weight: bold; }

.txt-glp1pink {
  color: #e4abbe;
  font-weight: bold; }

.glp1-red {
  color: #ed55b8;
  font-weight: bold; }

.txt-skincarered {
  color: #ff9a9e;
  font-weight: bold; }

.txt-sleepred {
  color: #f59b89;
  font-weight: bold; }

.txt-pastelmarker {
  background-image: linear-gradient(transparent 40%, #FFEEB3 30%);
  font-weight: bold; }

.carsateikiji-red {
  color: #c62127;
  font-weight: bold; }

.detective-red {
  color: #c82626;
  font-weight: bold; }

.detective-yellow {
  color: #ccba10;
  font-weight: bold; }

.detective-blue {
  color: #173780;
  font-weight: bold; }

.hokei-red {
  color: #cc3c14;
  font-weight: bold; }

.afterpill-red {
  color: #f1528b;
  font-weight: bold; }

.english-red {
  color: #ed524e;
  font-weight: bold; }

.kani-red {
  color: #e9461b;
  font-weight: bold; }

.osechi-red {
  color: #f51e2a;
  font-weight: bold; }

.hikkoshi-orange {
  color: #f9802b;
  font-weight: bold; }

.newreal-red {
  color: #ff6c00;
  font-weight: bold; }

.ed-red {
  color: #cc1616;
  font-weight: bold; }

.edu-red {
  color: #ff328f;
  font-weight: bold; }

.es-edu-red {
  color: #ff5e40;
  font-weight: bold; }

.gym-red {
  color: #ea5b8b;
  font-weight: bold; }

.kimono-red {
  color: #eb6238;
  font-weight: bold; }

.slimming-red {
  color: #e73a56;
  font-weight: bold; }

.marriage-red {
  color: #d20447;
  font-weight: bold; }

.factoring-red {
  color: #ff4200;
  font-weight: bold; }

.skincareright-red {
  color: #e5784f;
  font-weight: bold; }

.snore-red {
  color: #f64f4f;
  font-weight: bold; }

.funding-stock-red {
  color: #d64952;
  font-weight: bold; }

.funding-social-red {
  color: #ec7b81;
  font-weight: bold; }

.funding-fudosan-red {
  color: #e70012;
  font-weight: bold; }

.teeth-red {
  color: #ffaa29;
  font-weight: bold; }

.eyelids-red {
  color: #fd7ba9;
  font-weight: bold; }

.electric-red {
  color: #ff4d3b;
  font-weight: bold; }

.pilates-red {
  color: #F56ECF;
  font-weight: bold; }

.eyebags-red {
  color: #dd0021;
  font-weight: bold; }

.date-red {
  color: #F75BBB;
  font-weight: bold; }

.match-red {
  color: #ff6a70;
  font-weight: bold; }

.nose-red {
  color: #df5a5d;
  font-weight: bold; }

.agent-red {
  color: #9c203c;
  font-weight: bold; }

.whitening-red {
  color: #cb0500;
  font-weight: bold; }

/*カラー設定*/
/* 記事LP検索機能（column03）    feature　feature_cat taxonomy-search-kiziおよびkekka
----------------------------------------------------------------------------------------------*/
.infosearch {
  border: solid 5px #F2F2F2; }
  .infosearch-ttl {
    background-color: #F2F2F2;
    font-weight: bold;
    padding: .5rem 0;
    text-align: center;
    margin: 0 !important; }
  .infosearch-wrap {
    padding: 0 2rem; }
    @media only screen and (max-width: 767px) {
      .infosearch-wrap {
        padding: 0 1rem; } }
    .infosearch-wrap-item {
      margin: 1.5rem 0 !important; }
    .infosearch-wrap-ttl {
      margin-bottom: 0.3rem !important;
      font-size: 1rem; }
    .infosearch-wrap-keyword {
      margin-top: 1.5rem; }
      .infosearch-wrap-keyword-radio {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        gap: 0.6rem; }
        .infosearch-wrap-keyword-radio-label {
          text-decoration: none !important;
          color: #0a0a0a;
          font-weight: normal;
          line-height: 2rem;
          border-radius: 40px;
          display: inline-block;
          background-color: #f4f4f4; }
          .infosearch-wrap-keyword-radio-label .radio-input {
            opacity: 0;
            position: absolute;
            z-index: -1; }
            .infosearch-wrap-keyword-radio-label .radio-input:checked + span {
              background-color: #555555;
              color: #fff; }
            .infosearch-wrap-keyword-radio-label .radio-input-cover {
              border-radius: 40px;
              cursor: pointer;
              display: block;
              padding: 0.5rem 1.5rem;
              transition: 0.3s;
              font-size: 0.9rem; }
              .infosearch-wrap-keyword-radio-label .radio-input-cover:hover {
                background-color: #555555;
                color: #fff; }
              @media only screen and (max-width: 767px) {
                .infosearch-wrap-keyword-radio-label .radio-input-cover {
                  padding: .2rem .9rem;
                  font-size: 0.8rem; } }
    .infosearch-wrap-pull {
      position: relative;
      display: block; }
      .infosearch-wrap-pull:before {
        position: absolute;
        z-index: 1;
        top: 1rem;
        right: 1.5rem;
        transform: translateY(-50%);
        content: "";
        width: .5rem;
        height: .5rem;
        border: 1px solid #333;
        border-top: none;
        border-right: none;
        transform: rotate(-45deg);
        display: inline-block; }
    .infosearch-wrap-select {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      outline: 0;
      position: relative;
      display: block;
      padding: 0.8rem 1rem;
      border: none;
      background-color: #f3f3f3;
      font-size: .9rem;
      border-radius: 50px; }
      @media only screen and (max-width: 767px) {
        .infosearch-wrap-select {
          font-size: 0.8rem; } }
    .infosearch-wrap-submit {
      text-align: center; }
      .infosearch-wrap-submit-btn {
        padding: 0.9rem;
        border: none;
        border-radius: 25px;
        width: 40%;
        line-height: 1rem;
        cursor: pointer;
        transition: 0.3s;
        background-color: #222222;
        color: #fff; }
        @media only screen and (max-width: 767px) {
          .infosearch-wrap-submit-btn {
            width: 60%; } }
        .infosearch-wrap-submit-btn:hover {
          background-color: #F2F2F2;
          color: #0a0a0a;
          border: 1px solid #222222; }

.infokekka {
  /*cvボタン*/ }
  .infokekka-cv-btn {
    margin: auto;
    background-color: #c62127;
    display: flex;
    gap: 1rem;
    font-size: .9rem;
    text-align: center;
    font-weight: 700;
    width: 20%;
    border-radius: 30px;
    overflow: hidden;
    /*cvボタンの動きをつける*/
    animation-name: pekopeko-btn;
    animation-delay: 0s;
    /* アニメーションの開始時間指定 */
    animation-duration: 3s;
    /* アニメーション動作時間の指定 */
    animation-timing-function: linear;
    /* アニメーションの動き（一定）*/
    animation-iteration-count: infinite;
    /* アニメーションを繰り返す */ }
    @media only screen and (max-width: 767px) {
      .infokekka-cv-btn {
        width: 90%;
        margin-bottom: 1rem; } }
    .infokekka-cv-btn a {
      display: inline-block;
      color: #fff;
      text-decoration: none;
      width: 100%;
      padding: 1rem 0.5rem; }
    .infokekka-cv-btn span {
      color: #fff; }
    .infokekka-cv-btn::before {
      position: absolute;
      content: '';
      display: inline-block;
      top: -180px;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: #fff;
      animation: shiny-btn1 3s ease-in-out infinite; }
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
@-webkit-keyframes pekopeko-btn {
  0% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  60% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  70% {
    box-shadow: 0 0 0 #850108;
    transform: translatey(8px); }
  80% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); } }
  .infokekka-kome {
    font-weight: normal;
    font-size: 11px;
    display: inline-block;
    margin-left: 1rem;
    color: #999; }
    @media only screen and (max-width: 767px) {
      .infokekka-kome {
        margin-left: .5rem; } }
  .infokekka-ttl {
    text-align: center;
    margin-bottom: 1rem; }
    .infokekka-ttl-tag {
      font-size: 1.3rem; }
  .infokekka-sort {
    display: flex;
    justify-content: space-between;
    gap: .5rem;
    font-size: .8rem;
    width: 22rem;
    border: 1px solid #F3F3F3;
    margin: 0 auto 1rem; }
    @media only screen and (max-width: 767px) {
      .infokekka-sort {
        margin: 0 auto;
        width: 100%;
        padding: 0;
        gap: 0; } }
    .infokekka-sort-ttl {
      display: inline-block;
      padding: 0.5rem;
      background-color: #F3F3F3;
      width: 24%; }
      @media only screen and (max-width: 767px) {
        .infokekka-sort-ttl {
          width: auto; } }
    .infokekka-sort-box {
      padding: 0.5rem; }
      .infokekka-sort-box .sort {
        position: relative;
        margin-right: 1rem; }
      .infokekka-sort-box .sort.asc::after {
        position: absolute;
        top: 50%;
        right: -.8rem;
        transform: translateY(-50%);
        color: #a0a0a0;
        content: "▼";
        font-size: 0.2rem; }
      .infokekka-sort-box .sort.desc::after {
        position: absolute;
        top: 50%;
        right: -.8rem;
        transform: translateY(-50%);
        color: #a0a0a0;
        content: "▲";
        font-size: 0.2rem; }
  .infokekka-flex {
    display: flex;
    align-items: center;
    gap: .5rem; }
    @media only screen and (max-width: 767px) {
      .infokekka-flex {
        flex-direction: column; } }
  .infokekka-gift {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .infokekka-gift-text {
      display: none;
      background-color: #C7A736;
      color: #fff;
      padding: .5rem;
      font-size: 1.1rem;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .infokekka-gift-text {
          padding: .1rem; } }
      .infokekka-gift-text span {
        display: block;
        font-size: 0.8rem;
        margin-bottom: -0.2rem; }
        @media only screen and (max-width: 767px) {
          .infokekka-gift-text span {
            display: inline;
            margin: 0 0.2rem 0 0; } }
      .infokekka-gift-text-on {
        display: block; }
  .infokekka-detail {
    width: 80%;
    color: #222;
    margin: .1rem 0 .5rem 0;
    font-size: 0.8rem;
    display: flex;
    gap: .2rem; }
    @media only screen and (max-width: 767px) {
      .infokekka-detail {
        flex-wrap: wrap;
        width: 100%; } }
    .infokekka-detail-wide {
      width: 100%; }
    .infokekka-detail-flex {
      display: flex;
      flex-wrap: wrap;
      gap: .2rem; }
      @media only screen and (max-width: 767px) {
        .infokekka-detail-flex {
          flex-direction: column; } }
      .infokekka-detail-flex-short {
        width: 49%;
        display: flex;
        flex-wrap: wrap;
        gap: .2rem; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-flex-short {
            width: 100%; } }
        .infokekka-detail-flex-short-english {
          width: 75%; }
          @media only screen and (max-width: 767px) {
            .infokekka-detail-flex-short-english {
              width: 100%; } }
      .infokekka-detail-flex-wide {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-flex-wide {
            width: 100%; } }
    .infokekka-detail-wrap {
      display: flex;
      flex-direction: column;
      text-align: left;
      border: 1px solid #f9f9f9;
      border-top: none; }
      .infokekka-detail-wrap-purpose {
        width: 22%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-purpose {
            width: 49%; } }
      .infokekka-detail-wrap-type {
        width: 20%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-type {
            width: 49%; } }
      .infokekka-detail-wrap-area {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-area {
            width: 49%; } }
      .infokekka-detail-wrap-ratio {
        width: 12%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ratio {
            width: 49%; } }
      .infokekka-detail-wrap-number {
        width: 12%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-number {
            width: 49%; } }
      .infokekka-detail-wrap-history {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-history {
            width: 49%; } }
      .infokekka-detail-wrap-startday {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-startday {
            width: 49%; } }
      .infokekka-detail-wrap-endday {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-endday {
            width: 49%; } }
      .infokekka-detail-wrap-startend {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-startend {
            width: 49%; } }
      .infokekka-detail-wrap-endend {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-endend {
            width: 49%; } }
      .infokekka-detail-wrap-pill {
        width: 21%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-pill {
            width: 49%; } }
      .infokekka-detail-wrap-injection {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-injection {
            width: 49%; } }
      .infokekka-detail-wrap-skincare_startday {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-skincare_startday {
            width: 49%; } }
      .infokekka-detail-wrap-skincare_endtday {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-skincare_endtday {
            width: 49%; } }
      .infokekka-detail-wrap-skincare_startend {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-skincare_startend {
            width: 49%; } }
      .infokekka-detail-wrap-skincare_endend {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-skincare_endend {
            width: 49%; } }
      .infokekka-detail-wrap-skincare_medifee {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-skincare_medifee {
            width: 49%; } }
      .infokekka-detail-wrap-skincare_setprice {
        width: 23%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-skincare_setprice {
            width: 49%; } }
      .infokekka-detail-wrap-danieval {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-danieval {
            width: 49%; } }
      .infokekka-detail-wrap-danifirstp {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-danifirstp {
            width: 49%; } }
      .infokekka-detail-wrap-danisecondp {
        width: 20%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-danisecondp {
            width: 49%; } }
      .infokekka-detail-wrap-danipostage {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-danipostage {
            width: 49%; } }
      .infokekka-detail-wrap-danicatch {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-danicatch {
            width: 49%; } }
      .infokekka-detail-wrap-danibind {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-danibind {
            width: 49%; } }
      .infokekka-detail-wrap-hikkoshi_osusumerk {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hikkoshi_osusumerk {
            width: 49%; } }
      .infokekka-detail-wrap-hikkoshi_company {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hikkoshi_company {
            width: 49%; } }
      .infokekka-detail-wrap-hikkoshi_price {
        width: 12%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hikkoshi_price {
            width: 49%; } }
      .infokekka-detail-wrap-hikkoshi_pref {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hikkoshi_pref {
            width: 49%; } }
      .infokekka-detail-wrap-hikkoshi_phone {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hikkoshi_phone {
            width: 49%; } }
      .infokekka-detail-wrap-hikkoshi_select {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hikkoshi_select {
            width: 49%; } }
      .infokekka-detail-wrap-car_osusumerk {
        width: 49%; }
      .infokekka-detail-wrap-car_company {
        width: 49%; }
      .infokekka-detail-wrap-car_cost {
        width: 49%; }
      .infokekka-detail-wrap-cat_pref {
        width: 49%; }
      .infokekka-detail-wrap-detective_osusume {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-detective_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-detective_num {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-detective_num {
            width: 49%; } }
      .infokekka-detail-wrap-detective_time {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-detective_time {
            width: 49%; } }
      .infokekka-detail-wrap-detective_cost {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-detective_cost {
            width: 49%; } }
      .infokekka-detail-wrap-detective_tag {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-detective_tag {
            width: 100%; } }
      .infokekka-detail-wrap-hokei_osusume {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hokei_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-hokei_type {
        width: 21%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hokei_type {
            width: 49%; } }
      .infokekka-detail-wrap-hokei_time {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hokei_time {
            width: 49%; } }
      .infokekka-detail-wrap-hokei_cost {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hokei_cost {
            width: 49%; } }
      .infokekka-detail-wrap-hokei_surgery {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hokei_surgery {
            width: 49%; } }
      .infokekka-detail-wrap-hokei_aftercare {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-hokei_aftercare {
            width: 49%; } }
      .infokekka-detail-wrap-english_osusume {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-english_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-english_resson {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-english_resson {
            width: 49%; } }
      .infokekka-detail-wrap-english_time {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-english_time {
            width: 49%; } }
      .infokekka-detail-wrap-english_price {
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-english_price {
            width: 49%; } }
      .infokekka-detail-wrap-english_tag {
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-english_tag {
            width: 100%; } }
      .infokekka-detail-wrap-kani_osusume {
        width: 22%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kani_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-kani_area {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kani_area {
            width: 49%; } }
      .infokekka-detail-wrap-kani_price {
        width: 20%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kani_price {
            width: 100%; } }
      .infokekka-detail-wrap-kani_tag {
        width: 40%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kani_tag {
            width: 100%; } }
      .infokekka-detail-wrap-ed_osusume {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ed_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-ed_kind {
        width: 21%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ed_kind {
            width: 49%; } }
      .infokekka-detail-wrap-ed_cost {
        width: 21%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ed_cost {
            width: 49%; } }
      .infokekka-detail-wrap-ed_reserve {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ed_reserve {
            width: 49%; } }
      .infokekka-detail-wrap-ed_howto {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ed_howto {
            width: 49%; } }
      .infokekka-detail-wrap-ed_trial {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ed_trial {
            width: 49%; } }
      .infokekka-detail-wrap-edu_osusume {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-edu_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-edu_payment {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-edu_payment {
            width: 49%; } }
      .infokekka-detail-wrap-edu_target {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-edu_target {
            width: 49%; } }
      .infokekka-detail-wrap-edu_subject {
        width: 21%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-edu_subject {
            width: 49%; } }
      .infokekka-detail-wrap-edu_forwhat {
        width: 25%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-edu_forwhat {
            width: 49%; } }
      .infokekka-detail-wrap-edu_trial {
        width: 12%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-edu_trial {
            width: 49%; } }
      .infokekka-detail-wrap-gym_osusume {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-gym_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-gym_fee {
        width: 25%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-gym_fee {
            width: 49%; } }
      .infokekka-detail-wrap-gym_monthly {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-gym_monthly {
            width: 49%; } }
      .infokekka-detail-wrap-gym_moneyback {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-gym_moneyback {
            width: 49%; } }
      .infokekka-detail-wrap-gym_meal {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-gym_meal {
            width: 49%; } }
      .infokekka-detail-wrap-gym_rental {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-gym_rental {
            width: 49%; } }
      .infokekka-detail-wrap-kimono_osusume {
        width: 22%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kimono_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-kimono_howto {
        width: 20%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kimono_howto {
            width: 49%; } }
      .infokekka-detail-wrap-kimono_satei {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kimono_satei {
            width: 49%; } }
      .infokekka-detail-wrap-kimono_today {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kimono_today {
            width: 49%; } }
      .infokekka-detail-wrap-kimono_cash {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kimono_cash {
            width: 49%; } }
      .infokekka-detail-wrap-kimono_materital {
        width: 19%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-kimono_materital {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_osusume {
        width: 21%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_counseling {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_counseling {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_how {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_how {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_back {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_back {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_pill {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_pill {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_inj {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_inj {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_osusume {
        width: 21%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_counseling {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_counseling {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_how {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_how {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_back {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_back {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_pill {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_pill {
            width: 49%; } }
      .infokekka-detail-wrap-slimming_inj {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-slimming_inj {
            width: 49%; } }
      .infokekka-detail-wrap-marriage_osusume {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-marriage_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-marriage_age {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-marriage_age {
            width: 49%; } }
      .infokekka-detail-wrap-marriage_type {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-marriage_type {
            width: 49%; } }
      .infokekka-detail-wrap-marriage_introduce {
        width: 19%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-marriage_introduce {
            width: 49%; } }
      .infokekka-detail-wrap-marriage_monthly {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-marriage_monthly {
            width: 49%; } }
      .infokekka-detail-wrap-marriage_seikon {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-marriage_seikon {
            width: 49%; } }
      .infokekka-detail-wrap-factoring_osusume {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-factoring_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-factoring_mintime {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-factoring_mintime {
            width: 49%; } }
      .infokekka-detail-wrap-factoring_commission {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-factoring_commission {
            width: 49%; } }
      .infokekka-detail-wrap-factoring_achieve {
        width: 19%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-factoring_achieve {
            width: 49%; } }
      .infokekka-detail-wrap-factoring_doc {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-factoring_doc {
            width: 49%; } }
      .infokekka-detail-wrap-factoring_contract {
        width: 19%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-factoring_contract {
            width: 49%; } }
      .infokekka-detail-wrap-_osusume {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-funeral_type {
        width: 23%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-funeral_type {
            width: 49%; } }
      .infokekka-detail-wrap-funeral_mincost {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-funeral_mincost {
            width: 49%; } }
      .infokekka-detail-wrap-funeral_num {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-funeral_num {
            width: 49%; } }
      .infokekka-detail-wrap-funeral_style {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-funeral_style {
            width: 49%; } }
      .infokekka-detail-wrap-funeral_discount {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-funeral_discount {
            width: 49%; } }
      .infokekka-detail-wrap-snore_osusume {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-snore_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-snore_time {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-snore_time {
            width: 49%; } }
      .infokekka-detail-wrap-snore_firstprice {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-snore_firstprice {
            width: 49%; } }
      .infokekka-detail-wrap-snore_downtime {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-snore_downtime {
            width: 49%; } }
      .infokekka-detail-wrap-snore_times {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-snore_times {
            width: 49%; } }
      .infokekka-detail-wrap-snore_area {
        width: 23%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-snore_area {
            width: 49%; } }
      .infokekka-detail-wrap-eyelids_osusume {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-eyelids_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-eyelids_way {
        width: 19%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-eyelids_way {
            width: 49%; } }
      .infokekka-detail-wrap-eyelids_cost {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-eyelids_cost {
            width: 49%; } }
      .infokekka-detail-wrap-eyelids_period {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-eyelids_period {
            width: 49%; } }
      .infokekka-detail-wrap-eyelids_masui {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-eyelids_masui {
            width: 49%; } }
      .infokekka-detail-wrap-eyelids_area {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-eyelids_area {
            width: 49%; } }
      .infokekka-detail-wrap-funding_osusume {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-funding_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-funding_min {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-funding_min {
            width: 49%; } }
      .infokekka-detail-wrap-funding_tag {
        width: 70%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-funding_tag {
            width: 100%; } }
      .infokekka-detail-wrap-teeth_osusume {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-teeth_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-teeth_mintime {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-teeth_mintime {
            width: 49%; } }
      .infokekka-detail-wrap-teeth_commission {
        width: 34%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-teeth_commission {
            width: 100%; } }
      .infokekka-detail-wrap-teeth_achieve {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-teeth_achieve {
            display: none; } }
      .infokekka-detail-wrap-teeth_doc {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-teeth_doc {
            width: 49%; } }
      .infokekka-detail-wrap-teeth_contract {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-teeth_contract {
            width: 49%; } }
      .infokekka-detail-wrap-ele_osusume {
        width: 14%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ele_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-ele_money {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ele_money {
            width: 49%; } }
      .infokekka-detail-wrap-ele_tag {
        width: 73%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-ele_tag {
            width: 100%; } }
      .infokekka-detail-wrap-pilates_osusume {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-pilates_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-pilates_lesson {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-pilates_lesson {
            width: 49%; } }
      .infokekka-detail-wrap-pilates_kinds {
        width: 20%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-pilates_kinds {
            width: 49%; } }
      .infokekka-detail-wrap-pilates_type {
        width: 20%; }
      .infokekka-detail-wrap-pilates_month {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-pilates_month {
            width: 49%; } }
      .infokekka-detail-wrap-nenga_osusume {
        width: 23%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-nenga_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-nenga_cost {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-nenga_cost {
            width: 49%; } }
      .infokekka-detail-wrap-nenga_postage {
        width: 10%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-nenga_postage {
            width: 49%; } }
      .infokekka-detail-wrap-nenga_when {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-nenga_when {
            width: 49%; } }
      .infokekka-detail-wrap-nenga_design {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-nenga_design {
            width: 49%; } }
      .infokekka-detail-wrap-nenga_kinds {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-nenga_kinds {
            width: 49%; } }
      .infokekka-detail-wrap-mochu_osusume {
        width: 23%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-mochu_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-mochu_cost {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-mochu_cost {
            width: 49%; } }
      .infokekka-detail-wrap-mochu_postage {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-mochu_postage {
            width: 49%; } }
      .infokekka-detail-wrap-mochu_when {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-mochu_when {
            width: 49%; } }
      .infokekka-detail-wrap-mochu_design {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-mochu_design {
            width: 49%; } }
      .infokekka-detail-wrap-mochu_discount {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-mochu_discount {
            width: 49%; } }
      .infokekka-detail-wrap-agent_osusume {
        width: 22%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-agent_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-agent_commision {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-agent_commision {
            width: 49%; } }
      .infokekka-detail-wrap-agent_short {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-agent_short {
            width: 49%; } }
      .infokekka-detail-wrap-agent_long {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-agent_long {
            width: 49%; } }
      .infokekka-detail-wrap-agent_working {
        width: 13%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-agent_working {
            width: 49%; } }
      .infokekka-detail-wrap-agent_to {
        width: 21%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-agent_to {
            width: 49%; } }
      .infokekka-detail-wrap-law_osusume {
        width: 22%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-law_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-law_qualification {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-law_qualification {
            width: 49%; } }
      .infokekka-detail-wrap-law_fee {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-law_fee {
            width: 49%; } }
      .infokekka-detail-wrap-law_any {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-law_any {
            width: 49%; } }
      .infokekka-detail-wrap-law_bankrupt {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-law_bankrupt {
            width: 49%; } }
      .infokekka-detail-wrap-law_over {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-law_over {
            width: 49%; } }
      .infokekka-detail-wrap-date_osusume {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-date_osusume {
            width: 49%; } }
      .infokekka-detail-wrap-date_sex {
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-date_sex {
            width: 49%; } }
      .infokekka-detail-wrap-date_for {
        width: 30%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-date_for {
            width: 100%; } }
      .infokekka-detail-wrap-date_age {
        width: 28%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-date_age {
            width: 49%; } }
      .infokekka-detail-wrap-date_area {
        width: 11%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-date_area {
            width: 49%; } }
      .infokekka-detail-wrap-house_design {
        width: 30%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-house_design {
            width: 100%; } }
      .infokekka-detail-wrap-house_structure {
        width: 17%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-house_structure {
            width: 49%; } }
      .infokekka-detail-wrap-house_tsubo {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-house_tsubo {
            width: 49%; } }
      .infokekka-detail-wrap-house_period {
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-house_period {
            width: 49%; } }
      .infokekka-detail-wrap-house_area {
        width: 18%; }
        @media only screen and (max-width: 767px) {
          .infokekka-detail-wrap-house_area {
            width: 49%; } }
      .infokekka-detail-wrap-ttl {
        display: inline-block;
        background-color: #f3f3f3;
        padding: .5rem 1rem; }
        .infokekka-detail-wrap-ttl-detective {
          padding: .5rem; }
      .infokekka-detail-wrap-data {
        display: inline-block;
        margin-right: .5rem;
        padding: .5rem 1rem; }
  .infokekka .width80 {
    width: 80%; }
    @media only screen and (max-width: 767px) {
      .infokekka .width80 {
        width: 100%; } }
  .infokekka-none {
    margin-top: 1rem;
    text-align: center; }
    .infokekka-none-btn {
      width: 30%;
      margin: 1rem auto 0; }
      @media only screen and (max-width: 767px) {
        .infokekka-none-btn {
          width: 90%; } }
      .infokekka-none-btn a {
        text-decoration: none !important;
        color: #0a0a0a;
        font-weight: normal;
        line-height: 2rem;
        padding: 0.5rem 2rem;
        border-radius: 40px;
        display: inline-block;
        background-color: #f4f4f4;
        transition: 0.3s; }
        .infokekka-none-btn a:hover {
          background-color: #222222;
          color: #fff; }
  @media only screen and (max-width: 767px) {
    .infokekka .cat-list_column p {
      display: block;
      font-size: 0.6rem; } }
  @media only screen and (max-width: 767px) {
    .infokekka .cat-list_column .item .img {
      width: 100%;
      margin-bottom: 0.5rem; } }
  @media only screen and (max-width: 767px) {
    .infokekka .cat-list_column .item .img img {
      width: 60%;
      height: auto;
      margin: auto; } }
  @media only screen and (max-width: 767px) {
    .infokekka .cat-list_column .item .txt {
      width: 100%; } }

/*ポップアップ*/
.popup-area {
  display: none;
  width: 350px;
  background: #fff;
  padding: 15px 15px 8px;
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  text-align: center;
  border-radius: 8px;
  box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.4); }
  @media only screen and (max-width: 767px) {
    .popup-area {
      width: 75%; } }
  .popup-area .popup-area-in a {
    color: #333; }
  .popup-area .popup-area-in img {
    margin: auto;
    border: solid 1px #888; }
  .popup-area .popup-area-in p {
    font-weight: bold;
    font-size: 1.4rem;
    text-align: left; }
  .popup-area .popup-area-in .flex {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .popup-area .popup-area-in .flex .txt {
      width: 82%;
      margin: 1rem auto; }
    .popup-area .popup-area-in .flex .arrow {
      border-radius: 25px;
      width: 40px;
      height: 40px;
      border: solid 1px #888;
      background: #EFEFEF;
      text-align: center;
      float: right;
      margin: 0px;
      position: relative; }
      .popup-area .popup-area-in .flex .arrow::before {
        content: '';
        width: 10px;
        height: 10px;
        border: 0;
        border-bottom: solid 3px #888;
        border-right: solid 3px #888;
        position: absolute;
        bottom: .9rem;
        right: 1rem;
        transform: rotate(-45deg); }
  .popup-area button {
    position: absolute;
    top: -11%;
    border-radius: 25px;
    width: 35px;
    height: 35px;
    right: 0%;
    border: none; }
    @media only screen and (max-width: 767px) {
      .popup-area button {
        top: -12%; } }
    .popup-area button p {
      font-size: 3rem;
      line-height: 0.9 !important; }
      @media only screen and (max-width: 767px) {
        .popup-area button p {
          padding: 0px; } }

/*ポップアップ　背景のみ*/
.cover-eml {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.followpop-area {
  display: none;
  position: fixed;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  right: -100%;
  width: 15vw;
  transition: .5s ease; }
  @media only screen and (max-width: 767px) {
    .followpop-area {
      width: 100%;
      transform: none;
      top: inherit;
      bottom: 0; } }
  .followpop-area.show {
    display: block;
    right: 0; }
  .followpop-area-in {
    padding: 1rem; }
    @media only screen and (max-width: 767px) {
      .followpop-area-in {
        padding: 0; } }
  .followpop-area-closebtn {
    position: absolute;
    top: -2rem;
    left: -1rem;
    border-radius: 15px;
    padding: .25rem 1rem;
    background-color: #fff;
    cursor: pointer; }
  .followpop-area-footer {
    padding-bottom: 6rem !important; }

/*抱き合わせ案件リスト*/
.service {
  max-width: 1000px;
  margin: 1rem auto;
  border-top: 2px dashed #222;
  border-bottom: 2px dashed #222; }
  @media only screen and (max-width: 767px) {
    .service {
      padding: 0 1rem; } }
  .service-ttl {
    margin: 1rem auto;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.5; }
    .service-ttl-sub {
      font-size: 1rem;
      display: block; }
  .service-list {
    margin: 1rem auto 3rem; }
    .service-list-item {
      background-color: #f4f4f3;
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      padding: .5rem;
      display: flex;
      align-items: center;
      flex-direction: column;
      gap: .5rem;
      height: auto; }
      .service-list-item-ttl {
        text-align: center;
        font-size: 1rem;
        line-height: 1.2;
        min-height: 3rem; }
        .service-list-item-ttl .big {
          font-size: 1.3rem; }
      .service-list-item-subttl {
        text-align: center;
        font-size: .9rem;
        line-height: 1.2;
        min-height: 2rem;
        display: flex;
        align-items: end; }
      .service-list-item-img {
        min-height: 5rem;
        display: flex;
        align-items: center;
        width: 100%; }
        .service-list-item-img img {
          margin: auto; }
      .service-list-item-wrap {
        min-height: 6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        margin-top: .5rem; }
        .service-list-item-wrap-copy {
          font-size: .8rem;
          text-align: center; }
        .service-list-item-wrap-cv {
          border: 1px solid #fff;
          border-radius: 30px;
          position: relative;
          margin: .5rem 0;
          text-align: center;
          width: 100%;
          box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
          .service-list-item-wrap-cv a:hover {
            opacity: 1; }
          .service-list-item-wrap-cv:before {
            position: absolute;
            display: inline-block;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: .25rem 0 .25rem 0.4rem;
            border-color: transparent transparent transparent #4f4f4f;
            top: 50%;
            right: .7rem;
            transform: translateY(-50%);
            transition: 0.3s; }
          .service-list-item-wrap-cv:hover {
            transition: 0.3s;
            border: 1px solid #4f4f4f;
            box-shadow: none; }
            .service-list-item-wrap-cv:hover:before {
              transition: 0.1s;
              right: .5rem; }
          .service-list-item-wrap-cv-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #fff;
            width: 100%;
            height: 3rem;
            border-radius: 30px; }
            .service-list-item-wrap-cv-btn-img {
              width: 70%;
              margin: auto; }
              .service-list-item-wrap-cv-btn-img img {
                margin: auto; }

.movingsearch {
  max-width: 620px;
  margin: -2rem auto -1.5rem;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .movingsearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .movingsearch .only-pc {
      display: none; } }
  .movingsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .movingsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .movingsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .movingsearch-form {
        gap: .5rem; } }
    .movingsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .movingsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .movingsearch-form-wrap-sankaku {
            width: 48%; } }
        .movingsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .movingsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .movingsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .movingsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .movingsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .movingsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .movingsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .movingsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .movingsearch-form-submit-txt:before {
              display: none; } }
        .movingsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .movingsearch-form-submit-txt:after {
              display: none; } }
      .movingsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .movingsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .movingsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .movingsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.moving-columnlist {
  max-width: 750px;
  margin: 2rem auto; }
  .moving-columnlist-ttl {
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem;
    padding: .5rem 0;
    background-color: #f4f4f3;
    border: 1px solid #222;
    border-left: none;
    border-right: none; }
  .moving-columnlist-content {
    margin: 1rem auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem .9rem; }
    @media only screen and (max-width: 767px) {
      .moving-columnlist-content {
        gap: 1rem;
        padding: 0 2rem; } }
    .moving-columnlist-content-item {
      position: relative;
      padding-left: 1rem;
      width: 48%; }
      @media only screen and (max-width: 767px) {
        .moving-columnlist-content-item {
          width: 100%; } }
      .moving-columnlist-content-item:before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%) rotate(45deg);
        border-top: 5px solid #4f4f4f;
        border-left: 5px solid transparent;
        -webkit-transform: translateY(-50%) rotate(45deg);
        content: ''; }
      .moving-columnlist-content-item a {
        text-decoration: underline; }

.intromoving-mv {
  max-width: 750px;
  margin: auto; }
  .intromoving-mv .movingsearch {
    max-width: 1000px;
    margin: auto; }
.intromoving-intro {
  width: 90%;
  margin: auto !important; }
  .intromoving-intro img {
    margin: 1rem auto !important; }
.intromoving-container {
  position: relative;
  width: 2rem;
  height: 4rem;
  margin: auto !important; }
  .intromoving-container-chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    top: -1.8rem;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite; }
    @media only screen and (max-width: 767px) {
      .intromoving-container-chevron {
        top: -1.5rem; } }
    .intromoving-container-chevron:first-child {
      animation: move 3s ease-out 1s infinite; }
    .intromoving-container-chevron:nth-child(2) {
      animation: move 3s ease-out 2s infinite; }
    .intromoving-container-chevron:before, .intromoving-container-chevron:after {
      content: ' ';
      position: absolute;
      top: 0;
      height: 100%;
      width: 51%;
      background: #6fbb2d; }
    .intromoving-container-chevron:before {
      left: 0;
      transform: skew(0deg, 30deg); }
    .intromoving-container-chevron:after {
      right: 0;
      width: 50%;
      transform: skew(0deg, -30deg); }
@keyframes move {
  25% {
    opacity: 1; }
  33% {
    opacity: 1;
    transform: translateY(30px); }
  67% {
    opacity: 1;
    transform: translateY(40px); }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5); } }
/*検索結果ページ、ポップアップ等各種機能*/
/*     feature　
----------------------------------------------------------------------------------------------*/
.feature-rank-cardloan .inner {
  max-width: 960px; }

.feature-rank-cardloan_visual {
  margin: 0 0 2rem 0; }
  .feature-rank-cardloan_visual img {
    width: 100%; }

.feature-rank-cardloan_content article {
  max-width: 690px; }

.feature-rank-cardloan_box {
  background: #fff; }
  .feature-rank-cardloan_box .box {
    margin: 0 0 2rem 0;
    border: 4px solid #CCC;
    background-color: #fff2d5;
    border-radius: 8px; }
  .feature-rank-cardloan_box .title {
    position: relative;
    padding: 1rem 0rem 1rem 6rem;
    margin: 0 0 1.5rem 0;
    background: #FFF;
    border-radius: 8px; }
    .feature-rank-cardloan_box .title img {
      position: absolute;
      top: 0rem;
      left: 1.5rem;
      width: 3rem; }
  .feature-rank-cardloan_box .banner {
    margin: 0 2.5% 1rem 2.5%;
    width: 19%;
    display: inline-block;
    float: left; }
    .feature-rank-cardloan_box .banner img {
      width: 100%; }
  .feature-rank-cardloan_box .catch {
    width: 73.5%;
    display: inline-block;
    float: right;
    font-size: 1.4rem;
    font-weight: bold;
    margin: 0 2.5% 0.5rem 0;
    line-height: 1.4; }
  .feature-rank-cardloan_box .point {
    border-radius: 6px;
    background: #FFF;
    width: 73.5%;
    display: inline-block;
    float: right;
    margin: 0 2.5% 1rem 0;
    padding: 1.5rem 1.5rem 0.5rem 1.5rem; }
    .feature-rank-cardloan_box .point li {
      margin: 0 0 1rem 0;
      font-size: 1rem;
      background: url(../img/icon/icon-check.png) left top no-repeat;
      padding: 0 0 0 2rem;
      background-size: auto 1rem;
      background-position: 0 0.2rem; }
  .feature-rank-cardloan_box .spec {
    clear: both;
    width: 95.5%;
    margin: 0 0 1rem 2.5%;
    font-size: 0.9rem; }
    .feature-rank-cardloan_box .spec th {
      font-size: 0.8rem;
      background: #f3f3f3; }
    .feature-rank-cardloan_box .spec td {
      font-size: 1rem;
      text-align: center; }
  .feature-rank-cardloan_box .btn {
    margin: 0 0 1rem 0;
    text-align: center; }
    .feature-rank-cardloan_box .btn img {
      margin: 0 auto; }
  .feature-rank-cardloan_box .rank1 {
    border: 4px solid #ff1000; }
  .feature-rank-cardloan_box .rank2 {
    border: 4px solid #a0a0a0; }
  .feature-rank-cardloan_box .rank3 {
    border: 4px solid #a88c3f; }

.feature-rank-cardloan_table {
  margin: 0 0 2rem 0; }
  .feature-rank-cardloan_table li {
    text-align: left; }
  .feature-rank-cardloan_table th {
    font-size: 0.8rem;
    background: #d3a84e;
    color: #fff; }
  .feature-rank-cardloan_table td {
    padding: 0.8rem;
    text-align: center;
    font-size: 0.8rem; }
  .feature-rank-cardloan_table .thumb {
    font-size: 0.7rem;
    text-align: center; }
    .feature-rank-cardloan_table .thumb img {
      width: 100%;
      margin: 0 auto; }

.feature-rank-cardloan_list {
  margin: 0 0 2rem 0; }
  .feature-rank-cardloan_list ul {
    margin: 0 -1rem; }
    @media only screen and (max-width: 767px) {
      .feature-rank-cardloan_list ul {
        margin: 0; } }
  .feature-rank-cardloan_list li {
    width: 33.333%;
    float: left;
    padding: 0 1rem 2rem 1rem; }
    @media only screen and (max-width: 767px) {
      .feature-rank-cardloan_list li {
        width: 100%;
        display: flex;
        padding: 0.25rem 0;
        margin: 0.25rem 0;
        border-bottom: 1px solid #EEE; } }
  .feature-rank-cardloan_list h3 {
    color: #222;
    font-size: 1.1rem;
    line-height: 1.5;
    margin: 0 0 0.4rem 0; }
    @media only screen and (max-width: 1023px) {
      .feature-rank-cardloan_list h3 {
        font-size: 0.9rem; } }
    @media only screen and (max-width: 767px) {
      .feature-rank-cardloan_list h3 {
        width: 70%;
        font-size: 0.95rem;
        font-weight: 500; } }
  .feature-rank-cardloan_list p {
    font-size: 0.85rem;
    color: #222; }
    @media only screen and (max-width: 1023px) {
      .feature-rank-cardloan_list p {
        font-size: 0.8rem; } }
    @media only screen and (max-width: 767px) {
      .feature-rank-cardloan_list p {
        display: none; } }
  @media only screen and (max-width: 767px) {
    .feature-rank-cardloan_list .thumb {
      width: 30%;
      margin: 0 1rem 0 0; } }
  .feature-rank-cardloan_list .thumb img {
    border-radius: 6px;
    margin: 0 0 0.8rem 0;
    width: 100%; }

.feature-rank-cardloan_search {
  margin: 0 0 2rem 0; }
  .feature-rank-cardloan_search .special-button {
    margin: 0 0 0.5rem 0; }
    .feature-rank-cardloan_search .special-button ul {
      margin: 0 -0.5rem; }
    .feature-rank-cardloan_search .special-button li {
      float: left;
      width: 33.3333%;
      padding: 0 0.5rem; }
    .feature-rank-cardloan_search .special-button label {
      display: block;
      padding: 8% 2% 7% 20%;
      margin: 0 0 4px 0;
      font-size: 0.9rem;
      line-height: 1; }
    .feature-rank-cardloan_search .special-button input {
      display: none; }
    .feature-rank-cardloan_search .special-button .check1 {
      background: url(../img/feature/cardloan/bg/bg-search-sokuzitu-off.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .check2 {
      background: url(../img/feature/cardloan/bg/bg-search-zyosei-off.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .check3 {
      background: url(../img/feature/cardloan/bg/bg-search-sinsa-off.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .check4 {
      background: url(../img/feature/cardloan/bg/bg-search-murisoku-off.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .check5 {
      background: url(../img/feature/cardloan/bg/bg-search-raiten-off.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .check6 {
      background: url(../img/feature/cardloan/bg/bg-search-syoumei-off.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .list1 .click {
      background: url(../img/feature/cardloan/bg/bg-search-sokuzitu-on.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .list2 .click {
      background: url(../img/feature/cardloan/bg/bg-search-zyosei-on.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .list3 .click {
      background: url(../img/feature/cardloan/bg/bg-search-sinsa-on.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .list4 .click {
      background: url(../img/feature/cardloan/bg/bg-search-murisoku-on.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .list5 .click {
      background: url(../img/feature/cardloan/bg/bg-search-raiten-on.gif) no-repeat center;
      background-size: contain; }
    .feature-rank-cardloan_search .special-button .list6 .click {
      background: url(../img/feature/cardloan/bg/bg-search-syoumei-on.gif) no-repeat center;
      background-size: contain; }
  .feature-rank-cardloan_search table th {
    font-size: 0.8rem; }
  .feature-rank-cardloan_search table td {
    padding: 0.7rem 1rem 0.35rem 1rem; }
  .feature-rank-cardloan_search table ul {
    content: “”;
    display: block;
    clear: both; }
  .feature-rank-cardloan_search table li {
    float: left;
    width: 25%;
    font-size: 0.8rem;
    padding: 0 0 0.35rem 0; }
  .feature-rank-cardloan_search table input {
    margin: 0 0.5rem 0 0; }
  .feature-rank-cardloan_search .submit {
    display: flex;
    padding: 2rem;
    background: #fff2d5; }
  .feature-rank-cardloan_search .submit-button {
    display: inline-block;
    margin: auto;
    background: #ffae00;
    padding: 0.8rem 3rem;
    border-style: none;
    border-bottom: 6px solid #d09922;
    border-radius: 4px;
    color: #FFF;
    font-weight: bold;
    font-size: 1.4rem;
    text-shadow: 1px 1px 2px #000; }
  .feature-rank-cardloan_search .submit-button:hover {
    opacity: 0.6; }

.feature-rank-cardloan_search-result {
  margin: 0 0 2rem 0; }
  .feature-rank-cardloan_search-result .inner {
    max-width: 1200px; }
  .feature-rank-cardloan_search-result table td {
    text-align: center;
    font-size: 0.8rem;
    padding: 1rem 0.75rem 0.5rem 0.75rem; }
  .feature-rank-cardloan_search-result table li {
    text-align: left;
    font-size: 0.9rem;
    padding: 0 0 0.5rem 1.4rem;
    background: url(../img/icon/icon-check.png) no-repeat 0% 0.25rem;
    background-size: 0.8rem; }
  .feature-rank-cardloan_search-result table a {
    font-size: 0.7rem;
    margin: 0.6rem 0;
    display: block; }

/*カードローン*/
/* 引っ越しLP（column03）    feature　
----------------------------------------------------------------------------------------------*/
iframe {
  aspect-ratio: 16/9; }

.mejs-inner {
  margin: 0 !important; }
  .mejs-inner .mejs-overlay-button {
    transform: translate(-50%, -50%); }
  .mejs-inner div {
    margin: 0 !important; }

.new {
  margin: auto auto 2rem auto;
  max-width: 640px;
  padding: 0 1rem; }
  @media (max-width: 360px) {
    .new {
      padding: 0 .5rem; } }
  .new .inner-1000 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
  .new .inner-700 {
    width: 100%;
    max-width: 700px;
    margin: 0 auto; }
  .new .inner-600 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto; }
  .new article {
    margin-top: 2rem; }
    .new article h1 {
      font-size: 1.9rem; }
    .new article h2 {
      padding: 0 0 0.5rem 0;
      border-bottom: 2px dashed #222;
      font-size: 1.6rem;
      margin: 1.5rem 0 1rem 0; }
    .new article h2.line {
      border-top: 5px solid #212121;
      border-bottom: 5px solid #212121;
      padding: 1rem 0;
      text-align: center;
      font-size: 2rem; }
      @media only screen and (max-width: 767px) {
        .new article h2.line {
          font-size: 1.7rem; } }
    .new article h3 {
      padding: 1rem .5rem;
      border-top: 1px solid #222;
      border-bottom: 1px solid #222;
      margin: 1.5rem 0 1rem 0;
      font-size: 1.4rem; }
    .new article h4 {
      font-size: 1.4rem;
      border-left: 8px solid #AAA;
      padding: 0 0 0 0.6rem;
      margin: 1rem 0; }
    .new article h2.line {
      border-top: 5px solid #212121;
      border-bottom: 5px solid #212121;
      padding: 1rem 0;
      text-align: center;
      font-size: 2rem;
      line-height: 1.4; }
      @media only screen and (max-width: 767px) {
        .new article h2.line {
          font-size: 1.7rem; } }
    .new article h3.line {
      border-top: 0;
      border-bottom: 2px dotted #212121;
      padding: 0.5rem 0;
      font-size: 1.6rem; }
      @media only screen and (max-width: 767px) {
        .new article h3.line {
          font-size: 1.4rem;
          margin-top: 1rem; } }
    .new article a {
      text-decoration: underline;
      font-weight: bold; }
    .new article p {
      font-size: 1.1rem;
      line-height: 1.5;
      margin-bottom: 1rem;
      letter-spacing: 0.8pt; }
    .new article .disc {
      padding-left: 1.5rem; }
      .new article .disc li {
        list-style: disc; }
    .new article ol {
      counter-reset: my-counter;
      list-style: none;
      padding: 0;
      margin: 0; }
      .new article ol li {
        line-height: 1.5;
        padding-left: 2rem;
        position: relative; }
        .new article ol li:before {
          content: counter(my-counter);
          counter-increment: my-counter;
          border: 1px solid;
          border-radius: 50%;
          box-sizing: border-box;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 23px;
          width: 23px;
          font-size: 85%;
          line-height: 1;
          position: absolute;
          top: 0.1rem;
          left: 0; }
    .new article table {
      margin: 1rem 0; }
    .new article th {
      background-color: #f2f2f2; }
    .new article div {
      margin: 1rem 0; }
    .new article img {
      margin: 2rem auto; }
    .new article dl dt {
      font-weight: 700; }
    .new article dl dd {
      margin-bottom: 1rem; }
    .new article .btn-cv {
      position: relative;
      text-align: center; }
      .new article .btn-cv a {
        display: block;
        width: 90%;
        margin: 1.5rem auto 2rem auto;
        line-height: 1.1;
        padding: 1.5rem 1rem;
        border: 4px solid #FFF;
        border-radius: 20px;
        background: -webkit-linear-gradient(#7dc96e, #6fb648);
        color: #FFF;
        font-size: 2.5rem;
        font-weight: bold;
        box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.5), inset 0px 0px 1px #ff00d9;
        text-decoration: none; }
      .new article .btn-cv a:hover {
        background: -webkit-linear-gradient(#6fb648, #7dc96e);
        opacity: 0.8; }
      .new article .btn-cv.shine {
        overflow: hidden;
        position: relative; }
        .new article .btn-cv.shine::after {
          animation: shiny-btn1 3s ease-in-out infinite;
          background-color: #fff;
          content: '';
          display: inline-block;
          height: 100%;
          left: 0;
          position: absolute;
          top: -180px;
          width: 30px; }
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
    .new article .waku {
      padding: 2rem;
      background: #F3F3F3;
      margin-bottom: 2rem;
      font-size: 1.1rem; }
    .new article .waku-kuro {
      background: #FFF;
      border: 1px solid #000; }
    .new article .waku-aka {
      background: #FFF;
      border: 2px solid #FF0000; }
    .new article .waku-title {
      padding: 1rem;
      border: 3px solid #222;
      background: #FFF;
      margin-bottom: 1rem;
      text-align: center; }
      .new article .waku-title .txt-center {
        text-align: center; }
      .new article .waku-title .fs-big {
        font-size: 2.4rem; }
      .new article .waku-title .fs-nor {
        font-size: 1.8rem; }
      @media only screen and (max-width: 767px) {
        .new article .waku-title .fs-big {
          font-size: 1.9rem; }
        .new article .waku-title .fs-nor {
          font-size: 1.4rem; } }
    .new article .fs-xxl {
      font-size: 2.4rem; }
    .new article .fs-xl {
      font-size: 1.9rem; }
    .new article .fs-l {
      font-size: 1.4rem; }
    .new article .fs-s {
      font-size: 0.85rem; }
    .new article .fs-xs {
      font-size: 0.6rem; }
    .new article .ta-center {
      text-align: center; }
    .new article .ta-right {
      text-align: right; }
    @media only screen and (max-width: 767px) {
      .new article h1 {
        font-size: 1.4rem; }
      .new article h2 {
        font-size: 1.4rem; }
      .new article h3 {
        font-size: 1.3rem; }
      .new article h4 {
        font-size: 1.2rem; }
      .new article .btn-cv a {
        font-size: 1.4rem; } }
  .new .mv {
    position: relative;
    margin-top: 0;
    overflow: hidden; }
    .new .mv-season {
      position: relative;
      margin: 0; }
      .new .mv-season-txt {
        position: absolute;
        z-index: 1;
        text-align: center;
        margin-bottom: -1rem;
        padding: 1rem 10rem;
        transform: rotate(-25deg);
        top: 0rem;
        left: -9.5rem; }
        @media only screen and (max-width: 767px) {
          .new .mv-season-txt {
            padding: 0.5rem 9rem;
            top: -0.5rem;
            left: -9rem;
            font-size: 0.7rem; } }
        .new .mv-season-txt span {
          font-size: 1.3rem;
          font-weight: 700; }
          @media only screen and (max-width: 767px) {
            .new .mv-season-txt span {
              font-size: 1rem;
              margin-right: -0.2rem; } }
    .new .mv-img {
      margin-top: 0; }
      .new .mv-img img {
        margin: 0 auto; }
    .new .mv-wrap {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      background-color: rgba(255, 255, 255, 0.6);
      margin-top: 0; }
      @media only screen and (max-width: 767px) {
        .new .mv-wrap {
          margin: 0.5rem 0 0; } }
    .new .mv-copy {
      padding: 1.25rem 0;
      line-height: 1.4;
      margin: auto;
      width: 90%;
      text-align: center;
      font-family: "Lucida Grande", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.2); }
      @media only screen and (max-width: 767px) {
        .new .mv-copy {
          padding: 0.8rem 0;
          font-size: 1.3rem; } }

/*引っ越しLP（column03）*/
/* ランドセル    feature　
----------------------------------------------------------------------------------------------*/
.randosel {
  color: #2d2b28; }
  .randosel-cv {
    margin: 1rem 0 5rem 0;
    text-align: center; }
    .randosel-cv-btn {
      position: relative;
      display: inline-block;
      width: 50%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.5rem;
      font-weight: bold;
      background-color: #e95464;
      box-shadow: 0 8px 0 #850108;
      animation-name: cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes cvmove {
  0% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #850108;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); } }
      @media only screen and (max-width: 767px) {
        .randosel-cv-btn {
          width: 100%;
          padding: 0.5rem 0; } }
      .randosel-cv-btn-text {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        color: #fff;
        text-decoration: none;
        text-align: center;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        .randosel-cv-btn-text:nth-child(1) {
          top: 0;
          animation-name: cvtextup; }
        .randosel-cv-btn-text:nth-child(2) {
          bottom: -100%;
          animation-name: cvtextcome; }
@keyframes cvtextup {
  0% {
    top: 0;
    left: 0; }
  20% {
    top: 0;
    left: 0; }
  40% {
    top: 100%;
    left: 0; }
  55% {
    top: 0%;
    left: -250%; }
  70% {
    top: -100%;
    left: 0; }
  90% {
    top: 0;
    left: 0; }
  100% {
    top: 0;
    left: 0; } }
@keyframes cvtextcome {
  0% {
    bottom: 100%;
    left: 0; }
  20% {
    bottom: 100%;
    left: 0; }
  40% {
    bottom: 0;
    left: 0; }
  60% {
    bottom: 0;
    left: 0; }
  80% {
    bottom: -100%;
    left: 0; }
  100% {
    bottom: 0;
    left: -250%; } }
  .randosel-mainvisual, .randosel-wrapper {
    width: 1020px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .randosel-mainvisual, .randosel-wrapper {
        width: 100%; } }
  .randosel th {
    background-color: #dce9e2;
    width: 20%;
    height: 5rem; }
  .randosel td {
    background-color: #fffcf1;
    padding: 1rem; }
  .randosel-wrapper {
    padding: 0 1rem; }
    .randosel-wrapper .miniranking {
      margin-top: 1rem; }
      .randosel-wrapper .miniranking-title {
        width: 50%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .randosel-wrapper .miniranking-title {
            width: 100%; } }
      .randosel-wrapper .miniranking-table {
        margin-top: 1rem; }
        .randosel-wrapper .miniranking-table-cv {
          margin: 0; }
          .randosel-wrapper .miniranking-table-cv-btn {
            width: 100%;
            font-size: 1rem; }
        .randosel-wrapper .miniranking-table .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .randosel-wrapper .miniranking-table .ico-rank {
              width: 2.5rem; } }
        .randosel-wrapper .miniranking-table .td-rate {
          text-align: center; }
          .randosel-wrapper .miniranking-table .td-rate .img-rate {
            margin: 0.3rem auto 0 auto; }
        .randosel-wrapper .miniranking-table .img-order {
          width: 2.5rem;
          margin: auto; }
        @media only screen and (max-width: 767px) {
          .randosel-wrapper .miniranking-table th {
            width: 80px;
            line-height: 1.2;
            height: auto; } }
        @media only screen and (max-width: 767px) {
          .randosel-wrapper .miniranking-table td {
            width: 125px;
            padding: 0.5rem; } }
    .randosel-wrapper .point {
      margin-top: 2.5rem; }
      @media only screen and (max-width: 767px) {
        .randosel-wrapper .point {
          background-color: #fffcf1; } }
      .randosel-wrapper .point-list {
        display: flex;
        justify-content: space-between;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .randosel-wrapper .point-list {
            margin-top: 0;
            margin-bottom: 2rem;
            gap: 0; } }
        .randosel-wrapper .point-list-detail {
          width: 100%;
          background-color: #fffcf1; }
          .randosel-wrapper .point-list-detail-img {
            height: 10rem;
            padding: 1rem; }
            .randosel-wrapper .point-list-detail-img img {
              margin: auto;
              height: 100%; }
          .randosel-wrapper .point-list-detail dt {
            padding: 1rem;
            background-color: #87bebc;
            color: #fffcf1;
            text-align: center; }
          .randosel-wrapper .point-list-detail dd {
            background-color: #fffcf1;
            padding: 1rem; }
  .randosel .ranking {
    margin-top: 3rem; }
    .randosel .ranking-title {
      position: relative;
      padding: 1rem;
      background-color: #87bebc;
      color: #fffcf1;
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center; }
      .randosel .ranking-title-flex {
        display: flex;
        justify-content: center;
        gap: 0.5rem; }
      .randosel .ranking-title-top {
        color: #f5e18c;
        font-size: 3rem;
        line-height: 1; }
      .randosel .ranking-title span {
        display: inline-block;
        background-color: #fffcf1;
        border-radius: 10px;
        padding: 0 0.5rem;
        color: #87bebc;
        font-size: 1.2rem; }
      .randosel .ranking-title::after {
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translatex(-50%);
        border-top: 20px solid #87bebc;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        content: '';
        height: 0;
        width: 0; }
    .randosel .ranking-list {
      margin-top: 5rem; }
      @media only screen and (max-width: 767px) {
        .randosel .ranking-list {
          margin-top: 3rem; } }
      .randosel .ranking-list-box h2 {
        font-size: 2.6rem;
        margin: 4rem 0 2rem 0;
        padding: 2rem 1rem 1.5rem 1rem;
        position: relative;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .randosel .ranking-list-box h2 {
            font-size: 2rem;
            margin-top: 3rem;
            padding: 1rem; } }
        .randosel .ranking-list-box h2 a {
          color: #4f4f4f; }
      .randosel .ranking-list-box-ico {
        position: absolute;
        left: 50%;
        top: -1.5rem;
        transform: translatex(-50%);
        width: 50px; }
        @media only screen and (max-width: 767px) {
          .randosel .ranking-list-box-ico {
            top: -1.2rem;
            width: 40px; } }
      .randosel .ranking-list-box-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2rem; }
        @media only screen and (max-width: 767px) {
          .randosel .ranking-list-box-inner {
            flex-direction: column;
            justify-content: center;
            gap: 1rem; } }
        .randosel .ranking-list-box-inner-bnr {
          width: 100%; }
        .randosel .ranking-list-box-inner-evaluation {
          width: 75%; }
          .randosel .ranking-list-box-inner-evaluation-star {
            margin-bottom: -1rem; }
            .randosel .ranking-list-box-inner-evaluation-star-sougou {
              text-align: center; }
            .randosel .ranking-list-box-inner-evaluation-star-img {
              display: inline-block;
              margin-left: 0.5rem;
              padding-bottom: 0.3rem; }
          @media only screen and (max-width: 767px) {
            .randosel .ranking-list-box-inner-evaluation-chart {
              margin-left: 1rem; } }
        .randosel .ranking-list-box-inner-spec {
          margin-top: 1rem; }
          @media only screen and (max-width: 767px) {
            .randosel .ranking-list-box-inner-spec {
              margin-top: 0; } }
          .randosel .ranking-list-box-inner-spec-img {
            width: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .randosel .ranking-list-box-inner-spec th {
              width: 30%;
              height: auto; } }
        .randosel .ranking-list-box-inner-point {
          margin-top: 2rem; }
          .randosel .ranking-list-box-inner-point-ttl {
            background-color: #87bebc;
            color: #fffcf1;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .randosel .ranking-list-box-inner-point-ttl {
                padding: 1rem; } }
          .randosel .ranking-list-box-inner-point-wrap {
            background-color: #fffcf1;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .randosel .ranking-list-box-inner-point-wrap {
                padding: 1.5rem 1rem; } }
            .randosel .ranking-list-box-inner-point-wrap-cover {
              margin-bottom: 1rem; }
              @media only screen and (max-width: 767px) {
                .randosel .ranking-list-box-inner-point-wrap-cover {
                  margin-bottom: 1.5rem; } }
              .randosel .ranking-list-box-inner-point-wrap-cover span {
                display: inline-block;
                margin-right: 0.5rem;
                width: 25px;
                height: 15px;
                background: url(../img/feature/randosel/check_sogo.png) no-repeat;
                background-size: contain; }
              .randosel .ranking-list-box-inner-point-wrap-cover dt {
                display: inline-block;
                background-color: #fff;
                font-weight: bold;
                font-size: 1.1rem;
                padding: 0.5rem; }
              .randosel .ranking-list-box-inner-point-wrap-cover dd {
                margin-top: 0.2rem; }
      .randosel .ranking-list .rank-1 h2 {
        border-bottom: 3px solid #f5e18c;
        border-top: 3px solid #f5e18c; }
      .randosel .ranking-list .rank-2 h2 {
        border-bottom: 3px solid #bdb6c1;
        border-top: 3px solid #bdb6c1; }
      .randosel .ranking-list .rank-3 h2 {
        border-bottom: 3px solid #9b7846;
        border-top: 3px solid #9b7846; }
  .randosel-banner {
    margin-top: 3rem; }
    .randosel-banner-inner {
      margin-bottom: 2rem;
      transition: .8s; }
      .randosel-banner-inner:hover {
        opacity: 0.7; }
      @media only screen and (max-width: 767px) {
        .randosel-banner-inner {
          opacity: 1; } }

.swiper-button-prev, .swiper-button-next {
  color: #2d2b28; }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #2d2b28; }

@media only screen and (max-width: 767px) {
  .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0; } }

.randosel_girl .randosel-cv-btn {
  background-color: #9fc24e;
  box-shadow: 0 8px 0 #758f3a;
  animation-name: cvmovegirl; }
@keyframes cvmovegirl {
  0% {
    box-shadow: 0 8px 0 #758f3a;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #758f3a;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #758f3a;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #758f3a;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #758f3a;
    transform: translatey(0); } }
.randosel_girl th {
  background-color: #f8ebea; }
.randosel_girl td {
  background-color: #f7f6f5; }
@media only screen and (max-width: 767px) {
  .randosel_girl .point {
    background-color: #f7f6f5; } }
.randosel_girl .point-list-detail {
  background-color: #f7f6f5; }
  .randosel_girl .point-list-detail dt {
    background-color: #f8ebea;
    font-weight: bold;
    color: #2d2b28; }
  .randosel_girl .point-list-detail dd {
    background-color: #f7f6f5; }
.randosel_girl .ranking-title {
  background-color: #f4615d;
  color: #f7f6f5; }
  .randosel_girl .ranking-title span {
    background-color: #f7f6f5;
    color: #f4615d; }
  .randosel_girl .ranking-title::after {
    border-top: 20px solid #f4615d; }
.randosel_girl .ranking-list-box-inner-point-ttl {
  background-color: #f4615d;
  color: #f7f6f5; }
.randosel_girl .ranking-list-box-inner-point-wrap {
  background-color: #f7f6f5; }
  .randosel_girl .ranking-list-box-inner-point-wrap-cover span {
    background: url(../img/feature/randosel/check_girl.png) no-repeat;
    background-size: contain; }

.randosel_boy th {
  background-color: #d9e9f3; }
.randosel_boy td {
  background-color: #efefef; }
@media only screen and (max-width: 767px) {
  .randosel_boy .point {
    background-color: #efefef; } }
.randosel_boy .point-list-detail {
  background-color: #efefef; }
  .randosel_boy .point-list-detail dt {
    background-color: #67b2e9;
    color: #efefef; }
  .randosel_boy .point-list-detail dd {
    background-color: #efefef; }
.randosel_boy .ranking-title {
  background-color: #67b2e9;
  color: #efefef; }
  .randosel_boy .ranking-title span {
    background-color: #efefef;
    color: #67b2e9; }
  .randosel_boy .ranking-title::after {
    border-top: 20px solid #67b2e9; }
.randosel_boy .ranking-list-box-inner-point-ttl {
  background-color: #67b2e9;
  color: #efefef; }
.randosel_boy .ranking-list-box-inner-point-wrap {
  background-color: #efefef; }
  .randosel_boy .ranking-list-box-inner-point-wrap-cover span {
    background: url(../img/feature/randosel/check_boy.png) no-repeat;
    background-size: contain; }

/*ランドセル*/
/* 新案件用LP   feature　
----------------------------------------------------------------------------------------------*/
.tab-contents {
  height: 0px;
  overflow-y: hidden; }

.tab-contents.active {
  height: auto;
  overflow-y: unset; }

.newlp {
  color: #000000; }
  .newlp p {
    color: #000000; }
  .newlp .bold {
    font-weight: bold; }
  .newlp .l-size {
    font-size: 1.5rem;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .newlp .l-size {
        font-size: 1.3rem; } }
  .newlp .m-size {
    font-size: 1.3rem;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .newlp .m-size {
        font-size: 1.1rem; } }
  .newlp-cv {
    margin: 1rem 0 2rem 0;
    text-align: center; }
    .newlp-cv-btn {
      position: relative;
      display: inline-block;
      width: 50%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.5rem;
      font-weight: bold;
      background-color: #c62127;
      box-shadow: 0 8px 0 #850108;
      animation-name: newlp-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes newlp-cvmove {
  0% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #850108;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); } }
      @media only screen and (max-width: 767px) {
        .newlp-cv-btn {
          width: 100%;
          padding: 0.5rem 0; } }
      .newlp-cv-btn-text {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        color: #fff;
        text-decoration: none;
        text-align: center;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        .newlp-cv-btn-text:nth-child(1) {
          top: 0;
          animation-name: cvtextup; }
        .newlp-cv-btn-text:nth-child(2) {
          bottom: -100%;
          animation-name: cvtextcome; }
@keyframes cvtextup {
  0% {
    top: 0;
    left: 0; }
  20% {
    top: 0;
    left: 0; }
  40% {
    top: 100%;
    left: 0; }
  55% {
    top: 0%;
    left: -250%; }
  70% {
    top: -100%;
    left: 0; }
  90% {
    top: 0;
    left: 0; }
  100% {
    top: 0;
    left: 0; } }
@keyframes cvtextcome {
  0% {
    bottom: 100%;
    left: 0; }
  20% {
    bottom: 100%;
    left: 0; }
  40% {
    bottom: 0;
    left: 0; }
  60% {
    bottom: 0;
    left: 0; }
  80% {
    bottom: -100%;
    left: 0; }
  100% {
    bottom: 0;
    left: -250%; } }
  .newlp-mainvisual, .newlp-wrapper {
    max-width: 1020px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .newlp-mainvisual, .newlp-wrapper {
        width: 100%; } }
  .newlp table {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff; }
  .newlp th {
    border: 1px solid #fff;
    background-color: #0c033a;
    width: 20%;
    height: 5rem; }
  .newlp td {
    border: 1px solid #fff;
    background-color: #fcf9f6;
    padding: 1rem; }
  .newlp-wrapper {
    padding: 0 1rem; }
    .newlp-wrapper .miniranking {
      margin-top: 1rem; }
      .newlp-wrapper .miniranking-title {
        width: 50%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .miniranking-title {
            width: 100%; } }
      .newlp-wrapper .miniranking-table {
        margin-top: 1rem; }
        .newlp-wrapper .miniranking-table-cv {
          margin: 0; }
          .newlp-wrapper .miniranking-table-cv-btn {
            width: 100%;
            font-size: 1.3rem; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .miniranking-table-cv-btn {
                font-size: 1rem;
                margin-bottom: 0.5rem; } }
        .newlp-wrapper .miniranking-table .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .miniranking-table .ico-rank {
              width: 2.5rem; } }
        .newlp-wrapper .miniranking-table .service-name a {
          color: #000000;
          transition: 0.8s; }
        .newlp-wrapper .miniranking-table .service-name a:hover {
          opacity: 0.6;
          transition: 0.8s; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .miniranking-table .service-name a:hover {
              opacity: 1; } }
        .newlp-wrapper .miniranking-table .service-name-ttl {
          margin-top: .5rem;
          color: #000000;
          text-align: center; }
        .newlp-wrapper .miniranking-table .td-rate {
          text-align: center; }
          .newlp-wrapper .miniranking-table .td-rate .img-rate {
            margin: 0.3rem auto 0 auto; }
        .newlp-wrapper .miniranking-table .img-order {
          width: 2.5rem;
          margin: auto; }
        .newlp-wrapper .miniranking-table th {
          color: #fff; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .miniranking-table th {
              width: 80px;
              line-height: 1.2;
              height: auto; } }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .miniranking-table td {
            width: 125px;
            padding: 0.5rem;
            font-size: 0.9rem; } }
      .newlp-wrapper .miniranking-toprk {
        display: flex;
        justify-content: center;
        gap: 1rem;
        max-width: 750px;
        margin: 3rem auto 1rem; }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .miniranking-toprk {
            gap: 0.3rem;
            margin: 1rem auto; } }
        .newlp-wrapper .miniranking-toprk-name {
          margin-top: .5rem;
          text-align: center; }
        .newlp-wrapper .miniranking-toprk-txt {
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .miniranking-toprk-txt {
              font-size: 0.8rem; } }
        .newlp-wrapper .miniranking-toprk-cvbtn {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .miniranking-toprk-cvbtn-txt {
              font-size: 1rem; } }
        .newlp-wrapper .miniranking-toprk-wrap {
          padding: .5rem 1.5rem;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .miniranking-toprk-wrap {
              padding: .5rem; } }
          .newlp-wrapper .miniranking-toprk-wrap td {
            border: none;
            padding: .5rem 0 0; }
          .newlp-wrapper .miniranking-toprk-wrap .ico-rank {
            position: absolute;
            top: -30px;
            left: 50%;
            width: 25%;
            transform: translateX(-50%); }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .miniranking-toprk-wrap .ico-rank {
                top: -10px;
                width: 30%; } }
          .newlp-wrapper .miniranking-toprk-wrap .td-rate {
            text-align: center; }
          .newlp-wrapper .miniranking-toprk-wrap .img-rate {
            display: inline-block;
            margin-right: 0.5rem;
            line-height: 1.5; }
          .newlp-wrapper .miniranking-toprk-wrap-1 {
            border: 2px solid #f6a400;
            border-top: none;
            border-radius: 20px;
            box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2);
            padding: 1rem 1.5rem;
            background-color: #fef3dd; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .miniranking-toprk-wrap-1 {
                padding: 1rem .5rem;
                width: 40%; } }
            .newlp-wrapper .miniranking-toprk-wrap-1 td {
              background-color: #fef3dd; }
            .newlp-wrapper .miniranking-toprk-wrap-1 .ico-rank-kiral {
              position: absolute;
              top: -25px;
              left: 30%;
              transform: translateX(-50%);
              display: inline-block;
              content: '';
              width: 40px;
              height: 40px;
              background: url("../img/feature/realestate/ico-rank1_l.png") no-repeat;
              background-size: contain;
              background-position: center; }
              @media only screen and (max-width: 767px) {
                .newlp-wrapper .miniranking-toprk-wrap-1 .ico-rank-kiral {
                  top: -18px;
                  left: 24%;
                  width: 25px; } }
            .newlp-wrapper .miniranking-toprk-wrap-1 .ico-rank-kirar {
              position: absolute;
              top: -25px;
              right: 13%;
              transform: translateX(-50%);
              display: inline-block;
              content: '';
              width: 40px;
              height: 40px;
              background: url("../img/feature/realestate/ico-rank1_r.png") no-repeat;
              background-size: contain;
              background-position: center; }
              @media only screen and (max-width: 767px) {
                .newlp-wrapper .miniranking-toprk-wrap-1 .ico-rank-kirar {
                  top: -18px;
                  right: 6%;
                  width: 25px; } }
          .newlp-wrapper .miniranking-toprk-wrap-2 {
            border: 1px solid #bdb6c1;
            border-top: none;
            border-radius: 20px; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .miniranking-toprk-wrap-2 {
                padding: 1rem .5rem;
                width: 30%; } }
            .newlp-wrapper .miniranking-toprk-wrap-2 td {
              background-color: #fff; }
          .newlp-wrapper .miniranking-toprk-wrap-3 {
            border: 1px solid #9b7846;
            border-top: none;
            border-radius: 20px; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .miniranking-toprk-wrap-3 {
                padding: 1rem .5rem;
                width: 30%; } }
            .newlp-wrapper .miniranking-toprk-wrap-3 td {
              background-color: #fff; }
    .newlp-wrapper .tetteihikaku {
      margin: 1rem 0; }
      .newlp-wrapper .tetteihikaku-ttl {
        max-width: 500px;
        margin: 0 auto 2rem; }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .tetteihikaku-ttl {
            margin: 0 auto .5rem; } }
      .newlp-wrapper .tetteihikaku-graph {
        display: grid;
        grid-template-columns: 0.4fr 1fr 1fr 1fr;
        grid-template-rows: .3fr .3fr .3fr .3fr .3fr .3fr .3fr .3fr .3fr;
        grid-auto-flow: row; }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .tetteihikaku-graph {
            grid-template-columns: 6rem 13rem 13rem 13rem;
            grid-template-rows: .3fr .3fr .3fr .3fr .3fr .3fr .3fr .1fr .1fr;
            font-size: .9rem; } }
        .newlp-wrapper .tetteihikaku-graph .flex {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 1rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .flex {
              padding: .5rem; } }
        .newlp-wrapper .tetteihikaku-graph .bg-blue {
          background-color: #0c033a;
          border-left: 2px solid #fff;
          color: #fff; }
        .newlp-wrapper .tetteihikaku-graph .bg-white {
          background-color: #fcf9f6;
          border-left: 2px solid #fff; }
        .newlp-wrapper .tetteihikaku-graph .border-bottom {
          border-bottom: 2px solid #fff; }
        .newlp-wrapper .tetteihikaku-graph .ico {
          position: absolute;
          top: -1.5rem;
          left: 50%;
          transform: translateX(-50%);
          width: 3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .ico {
              top: .4rem;
              width: 2rem; } }
        .newlp-wrapper .tetteihikaku-graph .name {
          text-align: center; }
        .newlp-wrapper .tetteihikaku-graph .logo {
          width: 80%;
          margin: auto; }
        .newlp-wrapper .tetteihikaku-graph .cam-txt {
          line-height: 1.3;
          text-align: center; }
        .newlp-wrapper .tetteihikaku-graph .list li {
          margin-left: 1rem;
          position: relative; }
          .newlp-wrapper .tetteihikaku-graph .list li:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            display: inline-block;
            content: '';
            width: .5rem;
            height: .5rem;
            background-color: #0c033a;
            border-radius: 5rem; }
        .newlp-wrapper .tetteihikaku-graph .white {
          grid-area: 1 / 1 / 2 / 2; }
        .newlp-wrapper .tetteihikaku-graph .ttl-achirve {
          grid-area: 2 / 1 / 3 / 2; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .ttl-achirve {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-graph .ttl-osusume {
          grid-area: 3 / 1 / 4 / 2; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .ttl-osusume {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-graph .ttl-percent {
          grid-area: 4 / 1 / 5 / 2; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .ttl-percent {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-graph .ttl-service {
          grid-area: 5 / 1 / 6 / 2; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .ttl-service {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-graph .ttl-seminar {
          grid-area: 6 / 1 / 7 / 2; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .ttl-seminar {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-graph .ttl-cam {
          grid-area: 7 / 1 / 8 / 2; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .ttl-cam {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-graph .ttl-cv {
          grid-area: 8 / 1 / 9 / 2; }
        .newlp-wrapper .tetteihikaku-graph .ttl-link {
          grid-area: 9 / 1 / 10 / 2; }
        .newlp-wrapper .tetteihikaku-graph .anken1 {
          grid-area: 1 / 2 / 2 / 3;
          background-color: #fdedcc;
          font-size: 1.2rem;
          font-weight: bold;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .anken1 {
              padding-top: 2rem; } }
          .newlp-wrapper .tetteihikaku-graph .anken1:after {
            content: '';
            display: inline-block;
            position: absolute;
            bottom: -.6rem;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1rem 1rem 0 1rem;
            border-color: #fdedcc transparent transparent transparent; }
        .newlp-wrapper .tetteihikaku-graph .anken2 {
          grid-area: 1 / 3 / 2 / 4;
          background-color: #f2f0f3;
          font-size: 1.2rem;
          font-weight: bold;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .anken2 {
              padding-top: 2rem; } }
          .newlp-wrapper .tetteihikaku-graph .anken2:after {
            content: '';
            display: inline-block;
            position: absolute;
            bottom: -.6rem;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1rem 1rem 0 1rem;
            border-color: #f2f0f3 transparent transparent transparent; }
        .newlp-wrapper .tetteihikaku-graph .anken3 {
          grid-area: 1 / 4 / 2 / 5;
          background-color: #ebe4da;
          font-size: 1.2rem;
          font-weight: bold;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .anken3 {
              padding-top: 2rem; } }
          .newlp-wrapper .tetteihikaku-graph .anken3:after {
            content: '';
            display: inline-block;
            position: absolute;
            bottom: -.6rem;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1rem 1rem 0 1rem;
            border-color: #ebe4da transparent transparent transparent; }
        .newlp-wrapper .tetteihikaku-graph .anken1-archive {
          grid-area: 2 / 2 / 3 / 3; }
        .newlp-wrapper .tetteihikaku-graph .anken1-osusume {
          grid-area: 3 / 2 / 4 / 3; }
        .newlp-wrapper .tetteihikaku-graph .anken1-percent {
          grid-area: 4 / 2 / 5 / 3; }
        .newlp-wrapper .tetteihikaku-graph .anken1-service {
          grid-area: 5 / 2 / 6 / 3; }
        .newlp-wrapper .tetteihikaku-graph .anken1-seminar {
          grid-area: 6 / 2 / 7 / 3; }
        .newlp-wrapper .tetteihikaku-graph .anken1-cam {
          grid-area: 7 / 2 / 8 / 3; }
        .newlp-wrapper .tetteihikaku-graph .anken1-cv {
          grid-area: 8 / 2 / 9 / 3;
          background-color: #fdedcc;
          padding: 1rem 1rem 1.5rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .anken1-cv {
              padding: 1rem 0; } }
        .newlp-wrapper .tetteihikaku-graph .anken1-link {
          grid-area: 9 / 2 / 10 / 3;
          background-color: #fdedcc;
          padding: 1rem 1rem 1.5rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .anken1-link {
              padding: 1rem 0; } }
        .newlp-wrapper .tetteihikaku-graph .anken2-archive {
          grid-area: 2 / 3 / 3 / 4; }
        .newlp-wrapper .tetteihikaku-graph .anken2-osusume {
          grid-area: 3 / 3 / 4 / 4; }
        .newlp-wrapper .tetteihikaku-graph .anken2-percent {
          grid-area: 4 / 3 / 5 / 4; }
        .newlp-wrapper .tetteihikaku-graph .anken2-service {
          grid-area: 5 / 3 / 6 / 4; }
        .newlp-wrapper .tetteihikaku-graph .anken2-seminar {
          grid-area: 6 / 3 / 7 / 4; }
        .newlp-wrapper .tetteihikaku-graph .anken2-cam {
          grid-area: 7 / 3 / 8 / 4; }
        .newlp-wrapper .tetteihikaku-graph .anken2-cv {
          grid-area: 8 / 3 / 9 / 4;
          background-color: #f2f0f3;
          padding: 1rem 1rem 1.5rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .anken2-cv {
              padding: 1rem 0; } }
        .newlp-wrapper .tetteihikaku-graph .anken2-link {
          grid-area: 9 / 3 / 10 / 4;
          background-color: #f2f0f3;
          padding: 1rem 1rem 1.5rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .anken2-link {
              padding: 1rem 0; } }
        .newlp-wrapper .tetteihikaku-graph .anken3-archive {
          grid-area: 2 / 4 / 3 / 5; }
        .newlp-wrapper .tetteihikaku-graph .anken3-osusume {
          grid-area: 3 / 4 / 4 / 5; }
        .newlp-wrapper .tetteihikaku-graph .anken3-percent {
          grid-area: 4 / 4 / 5 / 5; }
        .newlp-wrapper .tetteihikaku-graph .anken3-service {
          grid-area: 5 / 4 / 6 / 5; }
        .newlp-wrapper .tetteihikaku-graph .anken3-seminar {
          grid-area: 6 / 4 / 7 / 5; }
        .newlp-wrapper .tetteihikaku-graph .anken3-cam {
          grid-area: 7 / 4 / 8 / 5; }
        .newlp-wrapper .tetteihikaku-graph .anken3-cv {
          grid-area: 8 / 4 / 9 / 5;
          background-color: #ebe4da;
          padding: 1rem 1rem 1.5rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .anken3-cv {
              padding: 1rem 0; } }
        .newlp-wrapper .tetteihikaku-graph .anken3-link {
          grid-area: 9 / 4 / 10 / 5;
          background-color: #ebe4da;
          padding: 1rem 1rem 1.5rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-graph .anken3-link {
              padding: 1rem 0; } }
      .newlp-wrapper .tetteihikaku-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas: "anken1 anken2 anken3" "listed listed listed" "anken1-listed anken2-listed anken3-listed" "area area area" "anken1-area anken2-area anken3-area" "building building building" "anken1-building anken2-building anken3-building" "ratio ratio ratio" "anken1-ratio anken2-ratio anken3-ratio" "hikakuservice hikakuservice hikakuservice" "anken1-hikakuservice anken2-hikakuservice anken3-hikakuservice" "document document document" "anken1-document anken2-document anken3-document" "seminar seminar seminar" "anken1-seminar anken2-seminar anken3-seminar" "interview interview interview" "anken1-interview anken2-interview anken3-interview" "benefit benefit benefit" "anken1-benefit anken2-benefit anken3-benefit" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .tetteihikaku-container {
            font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .flex {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 1rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .flex {
              padding: .5rem; } }
        .newlp-wrapper .tetteihikaku-container .bg-blue {
          background-color: #0c033a;
          border-left: 2px solid #fff;
          color: #fff; }
        .newlp-wrapper .tetteihikaku-container .bg-white {
          background-color: #fcf9f6;
          border-left: 2px solid #fff; }
        .newlp-wrapper .tetteihikaku-container .border-bottom {
          border-bottom: 2px solid #fff; }
        .newlp-wrapper .tetteihikaku-container .ico {
          position: absolute;
          top: -1.5rem;
          left: 50%;
          transform: translateX(-50%);
          width: 3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .ico {
              top: .4rem;
              width: 2rem; } }
        .newlp-wrapper .tetteihikaku-container .name {
          text-align: center; }
        .newlp-wrapper .tetteihikaku-container .logo {
          width: 80%;
          margin: auto; }
        .newlp-wrapper .tetteihikaku-container .cam-txt {
          line-height: 1.3;
          text-align: center; }
        .newlp-wrapper .tetteihikaku-container-inner {
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: .5rem;
          flex-direction: column; }
          .newlp-wrapper .tetteihikaku-container-inner-eval {
            width: 15%; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .tetteihikaku-container-inner-eval {
                width: 30%; } }
          .newlp-wrapper .tetteihikaku-container-inner-txt {
            text-align: center; }
        .newlp-wrapper .tetteihikaku-container .list {
          display: flex;
          flex-direction: column;
          gap: 0.5rem; }
          .newlp-wrapper .tetteihikaku-container .list li {
            margin-left: 1rem;
            position: relative; }
            .newlp-wrapper .tetteihikaku-container .list li:before {
              position: absolute;
              top: 50%;
              left: -1rem;
              transform: translateY(-50%);
              display: inline-block;
              content: '';
              width: .5rem;
              height: .5rem;
              background-color: #0c033a;
              border-radius: 5rem; }
        .newlp-wrapper .tetteihikaku-container .listed {
          grid-area: listed;
          text-align: center;
          padding: .5rem .3rem .3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .listed {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .area {
          grid-area: area;
          text-align: center;
          padding: .3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .area {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .building {
          grid-area: building;
          text-align: center;
          padding: .3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .building {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .ratio {
          grid-area: ratio;
          text-align: center;
          padding: .3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .ratio {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .hikakuservice {
          grid-area: hikakuservice;
          text-align: center;
          padding: .3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .hikakuservice {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .document {
          grid-area: document;
          text-align: center;
          padding: .3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .document {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .seminar {
          grid-area: seminar;
          text-align: center;
          padding: .3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .seminar {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .interview {
          grid-area: interview;
          text-align: center;
          padding: .3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .interview {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .benefit {
          grid-area: benefit;
          text-align: center;
          padding: .3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .benefit {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-container .cv {
          grid-area: cv;
          text-align: center;
          padding: .3rem; }
        .newlp-wrapper .tetteihikaku-container .link {
          grid-area: link;
          text-align: center;
          padding: .3rem; }
        .newlp-wrapper .tetteihikaku-container .anken1 {
          grid-area: anken1;
          background-color: #fdedcc;
          font-size: 1rem;
          font-weight: bold;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .anken1 {
              padding-top: 2rem; } }
          .newlp-wrapper .tetteihikaku-container .anken1:after {
            content: '';
            display: inline-block;
            position: absolute;
            bottom: -.6rem;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1rem 1rem 0 1rem;
            border-color: #fdedcc transparent transparent transparent; }
          .newlp-wrapper .tetteihikaku-container .anken1-listed {
            grid-area: anken1-listed; }
          .newlp-wrapper .tetteihikaku-container .anken1-area {
            grid-area: anken1-area; }
          .newlp-wrapper .tetteihikaku-container .anken1-building {
            grid-area: anken1-building;
            text-align: center; }
          .newlp-wrapper .tetteihikaku-container .anken1-ratio {
            grid-area: anken1-ratio; }
          .newlp-wrapper .tetteihikaku-container .anken1-service {
            grid-area: anken1-service; }
          .newlp-wrapper .tetteihikaku-container .anken1-document {
            grid-area: anken1-document; }
          .newlp-wrapper .tetteihikaku-container .anken1-seminar {
            grid-area: anken1-seminar; }
          .newlp-wrapper .tetteihikaku-container .anken1-interview {
            grid-area: anken1-interview; }
          .newlp-wrapper .tetteihikaku-container .anken1-benefit {
            grid-area: anken1-benefit; }
          .newlp-wrapper .tetteihikaku-container .anken1-cv {
            grid-area: anken1-cv;
            background-color: #fdedcc;
            padding: 1rem 1rem 1.5rem; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .tetteihikaku-container .anken1-cv {
                padding: 1rem 0; } }
          .newlp-wrapper .tetteihikaku-container .anken1-link {
            grid-area: anken1-link;
            background-color: #fdedcc;
            padding: 1rem 1rem 1.5rem; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .tetteihikaku-container .anken1-link {
                padding: 0; } }
        .newlp-wrapper .tetteihikaku-container .anken2 {
          grid-area: anken2;
          background-color: #f2f0f3;
          font-size: 1rem;
          font-weight: bold;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .anken2 {
              padding-top: 2rem; } }
          .newlp-wrapper .tetteihikaku-container .anken2:after {
            content: '';
            display: inline-block;
            position: absolute;
            bottom: -.6rem;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1rem 1rem 0 1rem;
            border-color: #f2f0f3 transparent transparent transparent; }
          .newlp-wrapper .tetteihikaku-container .anken2-listed {
            grid-area: anken2-listed; }
          .newlp-wrapper .tetteihikaku-container .anken2-area {
            grid-area: anken2-area; }
          .newlp-wrapper .tetteihikaku-container .anken2-building {
            grid-area: anken2-building;
            text-align: center; }
          .newlp-wrapper .tetteihikaku-container .anken2-ratio {
            grid-area: anken2-ratio; }
          .newlp-wrapper .tetteihikaku-container .anken2-service {
            grid-area: anken2-service; }
          .newlp-wrapper .tetteihikaku-container .anken2-document {
            grid-area: anken2-document; }
          .newlp-wrapper .tetteihikaku-container .anken2-seminar {
            grid-area: anken2-seminar; }
          .newlp-wrapper .tetteihikaku-container .anken2-interview {
            grid-area: anken2-interview; }
          .newlp-wrapper .tetteihikaku-container .anken2-benefit {
            grid-area: anken2-benefit; }
          .newlp-wrapper .tetteihikaku-container .anken2-cv {
            grid-area: anken2-cv;
            background-color: #f2f0f3;
            padding: 1rem 1rem 1.5rem; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .tetteihikaku-container .anken2-cv {
                padding: 1rem 0; } }
          .newlp-wrapper .tetteihikaku-container .anken2-link {
            grid-area: anken2-link;
            background-color: #f2f0f3;
            padding: 1rem 1rem 1.5rem; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .tetteihikaku-container .anken2-link {
                padding: 0; } }
        .newlp-wrapper .tetteihikaku-container .anken3 {
          grid-area: anken3;
          background-color: #ebe4da;
          font-size: 1rem;
          font-weight: bold;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-container .anken3 {
              padding-top: 2rem; } }
          .newlp-wrapper .tetteihikaku-container .anken3:after {
            content: '';
            display: inline-block;
            position: absolute;
            bottom: -.6rem;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1rem 1rem 0 1rem;
            border-color: #ebe4da transparent transparent transparent; }
          .newlp-wrapper .tetteihikaku-container .anken3-listed {
            grid-area: anken3-listed; }
          .newlp-wrapper .tetteihikaku-container .anken3-area {
            grid-area: anken3-area; }
          .newlp-wrapper .tetteihikaku-container .anken3-building {
            grid-area: anken3-building;
            text-align: center; }
          .newlp-wrapper .tetteihikaku-container .anken3-ratio {
            grid-area: anken3-ratio; }
          .newlp-wrapper .tetteihikaku-container .anken3-service {
            grid-area: anken3-service; }
          .newlp-wrapper .tetteihikaku-container .anken3-document {
            grid-area: anken3-document; }
          .newlp-wrapper .tetteihikaku-container .anken3-seminar {
            grid-area: anken3-seminar; }
          .newlp-wrapper .tetteihikaku-container .anken3-interview {
            grid-area: anken3-interview; }
          .newlp-wrapper .tetteihikaku-container .anken3-benefit {
            grid-area: anken3-benefit; }
          .newlp-wrapper .tetteihikaku-container .anken3-cv {
            grid-area: anken3-cv;
            background-color: #ebe4da;
            padding: 1rem 1rem 1.5rem; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .tetteihikaku-container .anken3-cv {
                padding: 1rem 0; } }
          .newlp-wrapper .tetteihikaku-container .anken3-link {
            grid-area: anken3-link;
            background-color: #ebe4da;
            padding: 1rem 1rem 1.5rem; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .tetteihikaku-container .anken3-link {
                padding: 0; } }
      .newlp-wrapper .tetteihikaku-seminar {
        grid-template-columns: 0.4fr 1fr 1fr 1fr;
        grid-template-rows: .3fr .3fr .3fr .3fr .3fr .3fr .3fr .3fr;
        grid-template-areas: "white anken1 anken2 anken3" "seminar-cost anken1-seminar-cost anken2-seminar-cost anken3-seminar-cost" "seminar-contents anken1-seminar-contents anken2-seminar-contents anken3-seminar-contents" "seminar-place anken1-seminar-place anken2-seminar-place anken3-seminar-place" "seminar-time anken1-seminar-time anken2-seminar-time anken3-seminar-time" "seminar-soudan anken1-seminar-soudan anken2-seminar-soudan anken3-seminar-soudan" "seminar-cam anken1-seminar-cam anken2-seminar-cam anken3-seminar-cam" "ttl-cv anken1-cv anken2-cv anken3-cv"; }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .tetteihikaku-seminar {
            grid-template-columns: 6rem 13rem 13rem 13rem;
            grid-template-rows: .3fr .3fr .3fr .3fr .3fr .3fr .3fr .1fr; } }
        .newlp-wrapper .tetteihikaku-seminar .white {
          grid-area: white; }
        .newlp-wrapper .tetteihikaku-seminar .seminar-cost {
          grid-area: seminar-cost; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-seminar .seminar-cost {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-seminar .seminar-contents {
          grid-area: seminar-contents; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-seminar .seminar-contents {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-seminar .seminar-place {
          grid-area: seminar-place; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-seminar .seminar-place {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-seminar .seminar-time {
          grid-area: seminar-time; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-seminar .seminar-time {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-seminar .seminar-soudan {
          grid-area: seminar-soudan; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-seminar .seminar-soudan {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-seminar .seminar-cam {
          grid-area: seminar-cam; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-seminar .seminar-cam {
              font-size: .8rem; } }
        .newlp-wrapper .tetteihikaku-seminar .ttl-cv {
          grid-area: ttl-cv; }
        .newlp-wrapper .tetteihikaku-seminar .anken1 {
          grid-area: anken1; }
        .newlp-wrapper .tetteihikaku-seminar .anken2 {
          grid-area: anken2; }
        .newlp-wrapper .tetteihikaku-seminar .anken3 {
          grid-area: anken3; }
        .newlp-wrapper .tetteihikaku-seminar .anken1-seminar-cost {
          grid-area: anken1-seminar-cost; }
        .newlp-wrapper .tetteihikaku-seminar .anken2-seminar-cost {
          grid-area: anken2-seminar-cost; }
        .newlp-wrapper .tetteihikaku-seminar .anken3-seminar-cost {
          grid-area: anken3-seminar-cost; }
        .newlp-wrapper .tetteihikaku-seminar .anken1-seminar-contents {
          grid-area: anken1-seminar-contents; }
        .newlp-wrapper .tetteihikaku-seminar .anken2-seminar-contents {
          grid-area: anken2-seminar-contents; }
        .newlp-wrapper .tetteihikaku-seminar .anken3-seminar-contents {
          grid-area: anken3-seminar-contents; }
        .newlp-wrapper .tetteihikaku-seminar .anken1-seminar-place {
          grid-area: anken1-seminar-place; }
        .newlp-wrapper .tetteihikaku-seminar .anken2-seminar-place {
          grid-area: anken2-seminar-place; }
        .newlp-wrapper .tetteihikaku-seminar .anken3-seminar-place {
          grid-area: anken3-seminar-place; }
        .newlp-wrapper .tetteihikaku-seminar .anken1-seminar-time {
          grid-area: anken1-seminar-time; }
        .newlp-wrapper .tetteihikaku-seminar .anken2-seminar-time {
          grid-area: anken2-seminar-time; }
        .newlp-wrapper .tetteihikaku-seminar .anken3-seminar-time {
          grid-area: anken3-seminar-time; }
        .newlp-wrapper .tetteihikaku-seminar .anken1-seminar-soudan {
          grid-area: anken1-seminar-soudan; }
        .newlp-wrapper .tetteihikaku-seminar .anken2-seminar-soudan {
          grid-area: anken2-seminar-soudan; }
        .newlp-wrapper .tetteihikaku-seminar .anken3-seminar-soudan {
          grid-area: anken3-seminar-soudan; }
        .newlp-wrapper .tetteihikaku-seminar .anken1-seminar-cam {
          grid-area: anken1-seminar-cam; }
        .newlp-wrapper .tetteihikaku-seminar .anken2-seminar-cam {
          grid-area: anken2-seminar-cam; }
        .newlp-wrapper .tetteihikaku-seminar .anken3-seminar-cam {
          grid-area: anken3-seminar-cam; }
        .newlp-wrapper .tetteihikaku-seminar .anken1-cv {
          grid-area: anken1-cv; }
        .newlp-wrapper .tetteihikaku-seminar .anken2-cv {
          grid-area: anken2-cv; }
        .newlp-wrapper .tetteihikaku-seminar .anken3-cv {
          grid-area: anken3-cv; }
      .newlp-wrapper .tetteihikaku-cv {
        width: 80%; }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .tetteihikaku-cv {
            width: 92%; } }
        .newlp-wrapper .tetteihikaku-cv-inner {
          font-weight: bold;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 0 1rem 1rem;
          gap: .5rem; }
          @media only screen and (max-width: 767px) {
            .newlp-wrapper .tetteihikaku-cv-inner {
              padding: 0 .5rem 1rem; } }
          .newlp-wrapper .tetteihikaku-cv-inner .ico {
            width: 3rem;
            position: inherit;
            transform: none; }
            @media only screen and (max-width: 767px) {
              .newlp-wrapper .tetteihikaku-cv-inner .ico {
                width: 2rem; } }
          .newlp-wrapper .tetteihikaku-cv-inner .name {
            text-align: center; }
          .newlp-wrapper .tetteihikaku-cv-inner .logo {
            width: 80%;
            margin: auto; }
      .newlp-wrapper .tetteihikaku-link {
        width: 80% !important; }
    .newlp-wrapper .otherhikaku-ttl {
      max-width: 500px;
      margin: 1rem auto; }
    .newlp-wrapper .otherhikaku-graph {
      margin-bottom: -1.5rem; }
    .newlp-wrapper .point {
      margin: 1.5rem 0 1rem; }
      @media only screen and (max-width: 767px) {
        .newlp-wrapper .point {
          background-color: #fcf9f6;
          margin: 1rem 0 2rem; } }
      .newlp-wrapper .point-ttl {
        width: 50%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .point-ttl {
            width: 100%;
            background-color: #fff;
            margin-bottom: 0.5rem; } }
      .newlp-wrapper .point-list {
        display: flex;
        justify-content: space-between; }
        @media only screen and (max-width: 767px) {
          .newlp-wrapper .point-list {
            margin-top: 0;
            margin-bottom: 2rem;
            gap: 0; } }
        .newlp-wrapper .point-list-detail {
          width: 100%;
          background-color: #fcf9f6; }
          .newlp-wrapper .point-list-detail-img {
            height: 10rem;
            padding: 1rem; }
            .newlp-wrapper .point-list-detail-img img {
              margin: auto;
              height: 100%; }
          .newlp-wrapper .point-list-detail dt {
            padding: 1rem;
            background-color: #0c033a;
            color: #fcf9f6;
            text-align: center; }
          .newlp-wrapper .point-list-detail dd {
            background-color: #fcf9f6;
            padding: 1rem; }
  .newlp .risk {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, #0c033a 100%); }
    @media only screen and (max-width: 767px) {
      .newlp .risk {
        padding-top: 1rem; } }
    .newlp .risk-wrap {
      background-image: url("../img/feature/realestate/bg_building.png");
      background-repeat: repeat-x;
      background-position: bottom;
      background-size: 50%,100%;
      padding: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .newlp .risk-wrap {
          padding: 0 0 2rem; } }
    .newlp .risk-title {
      margin: auto;
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .newlp .risk-title {
          width: 100%; } }
    .newlp .risk-list {
      margin: 1rem 0;
      display: flex;
      justify-content: space-between;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .newlp .risk-list {
          flex-direction: column; } }
      .newlp .risk-list-item {
        background-color: #0c033a;
        padding: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .newlp .risk-list-item {
            position: relative;
            padding: 1rem; } }
        @media only screen and (max-width: 767px) {
          .newlp .risk-list-item-img {
            position: absolute;
            top: 50%;
            left: 10px;
            transform: translateY(-50%);
            width: 4rem; } }
        .newlp .risk-list-item-name {
          margin-top: 0.5rem;
          color: #fff;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .newlp .risk-list-item-name {
              margin: 0 0 0 4rem;
              text-align: left; } }
    .newlp .risk-txt {
      position: relative;
      background-color: #fcf9f6;
      padding: 1rem 2rem; }
      .newlp .risk-txt:after {
        position: absolute;
        bottom: -7.5rem;
        left: 50%;
        transform: translateX(-50%);
        content: '';
        width: 8rem;
        height: 8rem;
        background-image: url(../img/feature/realestate/risk_under.png);
        background-repeat: no-repeat;
        background-size: contain; }
      .newlp .risk-txt-main {
        color: #0c033a;
        font-size: 2rem;
        font-weight: bold;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .newlp .risk-txt-main {
            font-size: 1.6rem;
            margin-top: 0.5rem; } }
  .newlp .column {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 !important; }
    @media only screen and (max-width: 767px) {
      .newlp .column {
        margin: 0 1rem; } }
    .newlp .column-wrap {
      background-color: #fcf9f6;
      margin: 2rem auto 0;
      max-width: 750px;
      padding: 2rem;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .newlp .column-wrap {
          margin: 0 auto;
          padding: 2rem 1rem; } }
    .newlp .column-ttl {
      max-width: 750px;
      margin: 2rem auto 0;
      position: relative;
      padding: 1rem;
      background-color: #0c033a;
      color: #fcf9f6;
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center;
      line-height: 1.2; }
      @media only screen and (max-width: 767px) {
        .newlp .column-ttl {
          margin: 1rem auto 0; } }
      .newlp .column-ttl:after {
        position: absolute;
        left: 50%;
        top: 98%;
        transform: translatex(-50%);
        border-top: 20px solid #0c033a;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        content: '';
        height: 0;
        width: 0; }
      .newlp .column-ttl-main {
        font-size: 1.8rem;
        line-height: 1.2; }
        .newlp .column-ttl-main-b {
          color: #f6a400; }
    .newlp .column-content {
      max-width: 750px;
      margin: 0 auto;
      padding: 1rem; }
      .newlp .column-content-inner {
        max-width: 750px;
        margin: auto; }
        .newlp .column-content-inner-txt {
          margin: 2rem 0;
          line-height: 1.6;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .newlp .column-content-inner-txt {
              margin: 0 0 1rem; } }
          .newlp .column-content-inner-txt-big {
            font-size: 1.5rem;
            font-weight: bold; }
          .newlp .column-content-inner-txt-nonmargin {
            margin-bottom: 0; }
        .newlp .column-content-inner-img {
          margin: 1rem auto;
          max-width: 600px; }
        .newlp .column-content-inner-cv {
          margin-bottom: 2rem; }
          .newlp .column-content-inner-cv-copy {
            text-align: center; }
            .newlp .column-content-inner-cv-copy-wrap {
              position: relative;
              display: inline-block; }
              .newlp .column-content-inner-cv-copy-wrap:before {
                position: absolute;
                bottom: 2px;
                left: -1.5rem;
                display: inline-block;
                content: '';
                width: 1.5rem;
                height: 1.5rem;
                background: url(../img/feature/realestate/know/fukidashi_l.png) no-repeat;
                background-size: contain; }
              .newlp .column-content-inner-cv-copy-wrap:after {
                position: absolute;
                bottom: 2px;
                right: -1.5rem;
                display: inline-block;
                content: '';
                width: 1.5rem;
                height: 1.5rem;
                background: url(../img/feature/realestate/know/fukidashi_r.png) no-repeat;
                background-size: contain; }
          .newlp .column-content-inner-cv-img {
            width: 45%;
            margin: -1rem auto;
            transition: .5s; }
            @media only screen and (max-width: 767px) {
              .newlp .column-content-inner-cv-img {
                width: 60%;
                margin: -.5rem auto; } }
            .newlp .column-content-inner-cv-img:hover {
              opacity: .7;
              transition: .5s; }
          .newlp .column-content-inner-cv-btn {
            width: 30%; }
            @media only screen and (max-width: 767px) {
              .newlp .column-content-inner-cv-btn {
                width: 60%; } }
      .newlp .column-content-sankaku {
        background: url(../img/feature/realestate/type/sankaku_bg.png) no-repeat;
        background-size: contain;
        background-position: top center;
        padding: 0 0 1rem; }
        @media only screen and (max-width: 767px) {
          .newlp .column-content-sankaku {
            background: url(../img/feature/realestate/type/sankaku_bg_sp.png) no-repeat;
            background-size: contain;
            background-position: top center;
            padding: 0; } }
        .newlp .column-content-sankaku-txt {
          margin: 0 auto; }
  .newlp-strong {
    margin-bottom: 2rem; }
    .newlp-strong-ttl {
      display: flex;
      justify-content: center;
      align-items: baseline;
      background-color: #0c033a;
      padding-bottom: 3rem; }
      @media only screen and (max-width: 767px) {
        .newlp-strong-ttl {
          padding-bottom: 9rem; } }
      .newlp-strong-ttl-target {
        padding: 1rem 0 3rem; }
        @media only screen and (max-width: 767px) {
          .newlp-strong-ttl-target {
            padding-bottom: 9rem; } }
      .newlp-strong-ttl-inner {
        display: inline;
        position: relative; }
        .newlp-strong-ttl-inner-y {
          display: inline-block;
          color: #f6a400;
          font-size: 2.5rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .newlp-strong-ttl-inner-y {
              font-size: 2rem; } }
        .newlp-strong-ttl-inner-w {
          display: inline-block;
          color: #fff;
          font-size: 2rem;
          font-weight: bold; }
          .newlp-strong-ttl-inner-w-small {
            font-size: 1.5rem;
            margin-left: -0.2rem; }
        .newlp-strong-ttl-inner-sub {
          position: absolute;
          bottom: .5rem;
          right: -10rem;
          padding: .3rem .5rem;
          background-color: #fff;
          color: #0c033a;
          border-radius: 50px; }
          @media only screen and (max-width: 767px) {
            .newlp-strong-ttl-inner-sub {
              bottom: -2.3rem;
              right: 50%;
              transform: translatex(50%); } }
          .newlp-strong-ttl-inner-sub:after {
            position: absolute;
            bottom: -0.5rem;
            left: 45%;
            transform: translateX(-50%) rotate(30deg);
            display: inline-block;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1rem .5rem 0 .5rem;
            border-color: #ffffff transparent transparent transparent; }
          .newlp-strong-ttl-inner-sub-bold {
            font-size: 1.2rem;
            font-weight: bold; }
    .newlp-strong-wrap {
      background: linear-gradient(0deg, rgba(255, 255, 255, 0) 70%, #0c033a 100%); }
      .newlp-strong-wrap-tab {
        position: relative;
        display: flex;
        justify-content: space-between; }
        .newlp-strong-wrap-tab-btn {
          position: absolute;
          bottom: 0;
          width: 26%;
          font-size: .8rem;
          background-color: #c4c7cc;
          border-radius: 0 10px 0 0;
          box-shadow: 6px -5px 15px -8px #000;
          padding: 0.5rem;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .newlp-strong-wrap-tab-btn {
              padding: 0.5rem 1rem .5rem .5rem;
              height: 4.5rem; } }
          .newlp-strong-wrap-tab-btn:before {
            position: absolute;
            display: inline-block;
            content: '';
            width: 8%;
            height: 100%;
            background-color: #333333;
            top: 0;
            right: 0;
            border-radius: 0 10px 0 0; }
          .newlp-strong-wrap-tab-btn-1 {
            left: 0;
            z-index: 6; }
          .newlp-strong-wrap-tab-btn-2 {
            left: 15%;
            z-index: 5; }
          .newlp-strong-wrap-tab-btn-3 {
            left: 30%;
            z-index: 4; }
          .newlp-strong-wrap-tab-btn-4 {
            left: 45%;
            z-index: 3; }
          .newlp-strong-wrap-tab-btn-5 {
            left: 60%;
            z-index: 2; }
          .newlp-strong-wrap-tab-btn-6 {
            left: 74%;
            z-index: 1; }
        .newlp-strong-wrap-tab-btn.active {
          background-color: #fcf9f6;
          z-index: 10;
          font-size: 1rem; }
          @media only screen and (max-width: 767px) {
            .newlp-strong-wrap-tab-btn.active {
              height: 6.5rem; } }
        .newlp-strong-wrap-tab-btn.active:before {
          background-color: #f6a400; }
      .newlp-strong-wrap-contents {
        position: relative;
        z-index: 11;
        background-color: #fcf9f6; }
        .newlp-strong-wrap-contents-wrapper {
          padding: 2rem; }
          @media only screen and (max-width: 767px) {
            .newlp-strong-wrap-contents-wrapper {
              padding: 1rem; } }
          .newlp-strong-wrap-contents-wrapper-box {
            padding: 0 2rem; }
            @media only screen and (max-width: 767px) {
              .newlp-strong-wrap-contents-wrapper-box {
                padding: 0rem; } }
            .newlp-strong-wrap-contents-wrapper-box-txt {
              margin-bottom: 1rem;
              font-size: 0.9rem;
              line-height: 1.7; }
            .newlp-strong-wrap-contents-wrapper-box-table {
              margin-bottom: 1rem; }
              .newlp-strong-wrap-contents-wrapper-box-table th {
                color: #fff !important;
                height: 3rem !important; }
                @media only screen and (max-width: 767px) {
                  .newlp-strong-wrap-contents-wrapper-box-table th {
                    width: 50%; } }
              @media only screen and (max-width: 767px) {
                .newlp-strong-wrap-contents-wrapper-box-table td {
                  width: 50%; } }
          .newlp-strong-wrap-contents-wrapper-inner-list {
            background-color: #fff;
            padding: 1rem 1rem 1.5rem; }
            .newlp-strong-wrap-contents-wrapper-inner-list-ttl {
              font-size: 1.2rem;
              font-weight: bold; }
            .newlp-strong-wrap-contents-wrapper-inner-list-txt {
              font-size: .9rem;
              margin-bottom: .5rem; }
            .newlp-strong-wrap-contents-wrapper-inner-list-flex {
              display: flex;
              gap: 1rem; }
              @media only screen and (max-width: 767px) {
                .newlp-strong-wrap-contents-wrapper-inner-list-flex {
                  flex-direction: column; } }
              .newlp-strong-wrap-contents-wrapper-inner-list-flex .flex-l {
                width: 15%; }
                @media only screen and (max-width: 767px) {
                  .newlp-strong-wrap-contents-wrapper-inner-list-flex .flex-l {
                    width: 100%; } }
              .newlp-strong-wrap-contents-wrapper-inner-list-flex .flex-r {
                width: 85%; }
                @media only screen and (max-width: 767px) {
                  .newlp-strong-wrap-contents-wrapper-inner-list-flex .flex-r {
                    width: 100%; } }
  .newlp-list {
    margin-bottom: 1.5rem; }
    .newlp-list-ttl {
      max-width: 500px;
      margin: 0 auto 1rem; }
    .newlp-list-sort {
      display: flex;
      justify-content: center;
      max-width: 420px;
      margin: auto;
      gap: .5rem;
      border: 1px solid #e2e2e2; }
      @media only screen and (max-width: 767px) {
        .newlp-list-sort {
          gap: 0; } }
      .newlp-list-sort-ttl {
        width: 25%;
        padding: .5rem;
        text-align: center;
        background-color: #e2e2e2;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .newlp-list-sort-ttl {
            font-size: .8rem; } }
      .newlp-list-sort-box {
        width: 75%;
        padding: .5rem;
        display: flex;
        gap: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .newlp-list-sort-box {
            font-size: .8rem; } }
        .newlp-list-sort-box .sort {
          position: relative; }
        .newlp-list-sort-box .sort.asc:after {
          position: absolute;
          top: 50%;
          right: -0.8rem;
          transform: translateY(-50%);
          color: #a0a0a0;
          content: "▼";
          font-size: 0.5rem; }
        .newlp-list-sort-box .sort.desc:after {
          position: absolute;
          top: 50%;
          right: -0.8rem;
          transform: translateY(-50%);
          color: #a0a0a0;
          content: "▲";
          font-size: 0.5rem; }
    .newlp-list-contents {
      margin: 1rem 0; }
      .newlp-list-contents-inner {
        display: flex;
        padding: 1rem 0;
        gap: 1rem;
        border-bottom: 1px solid #e2e2e2;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .newlp-list-contents-inner {
            width: 1050px;
            padding: .5rem 0; } }
        .newlp-list-contents-inner-img {
          width: 10%; }
        .newlp-list-contents-inner-gift {
          display: flex;
          flex-direction: column;
          gap: 1rem; }
          .newlp-list-contents-inner-gift-text {
            display: none;
            background-color: #C7A736;
            color: #fff;
            padding: 0.5rem;
            font-size: 1.1rem;
            text-align: center; }
            .newlp-list-contents-inner-gift-text span {
              display: block;
              font-size: 0.8rem;
              margin-bottom: -0.2rem; }
            .newlp-list-contents-inner-gift-text-on {
              display: block; }
        .newlp-list-contents-inner-txt {
          width: 90%; }
          .newlp-list-contents-inner-txt-ttl {
            border: none;
            font-size: 1.1rem;
            line-height: 1.4;
            font-weight: 500;
            color: #222; }
          .newlp-list-contents-inner-txt-flex {
            display: flex;
            align-items: center;
            gap: 0.5rem; }
          .newlp-list-contents-inner-txt-detail {
            display: flex;
            font-size: .8rem;
            color: #999;
            width: 100%; }
            .newlp-list-contents-inner-txt-detail-wide {
              width: 79%; }
            .newlp-list-contents-inner-txt-detail-wrap {
              display: flex;
              flex-direction: column;
              text-align: left;
              border: 1px solid #f9f9f9;
              border-top: none; }
              .newlp-list-contents-inner-txt-detail-wrap-ttl {
                display: inline-block;
                background-color: #f9f9f9;
                padding: 0.5rem; }
              .newlp-list-contents-inner-txt-detail-wrap-data {
                display: inline-block;
                margin-right: 0.5rem;
                padding: 0.5rem; }
              .newlp-list-contents-inner-txt-detail-wrap-purpose {
                width: 22%; }
              .newlp-list-contents-inner-txt-detail-wrap-type {
                width: 20%; }
              .newlp-list-contents-inner-txt-detail-wrap-area {
                width: 17%; }
              .newlp-list-contents-inner-txt-detail-wrap-ratio {
                width: 11%; }
              .newlp-list-contents-inner-txt-detail-wrap-number {
                width: 16%; }
              .newlp-list-contents-inner-txt-detail-wrap-history {
                width: 14%; }
          .newlp-list-contents-inner-txt-cv {
            position: relative;
            font-size: .9rem;
            text-align: center;
            font-weight: 700;
            margin: auto;
            background-color: #c62127;
            display: flex;
            gap: 1rem;
            width: 21%;
            border-radius: 30px;
            overflow: hidden;
            animation-name: pekopeko-btn;
            animation-delay: 0s;
            animation-duration: 3s;
            animation-timing-function: linear;
            animation-iteration-count: infinite; }
            .newlp-list-contents-inner-txt-cv:before {
              position: absolute;
              content: '';
              display: inline-block;
              top: -180px;
              left: 0;
              width: 30px;
              height: 100%;
              background-color: #fff;
              animation: shiny-btn1 3s ease-in-out infinite; }
            .newlp-list-contents-inner-txt-cv a {
              color: #fff;
              text-decoration: none;
              width: 100%;
              padding: 1rem 0.2rem; }
  .newlp-type {
    margin: 1rem auto 2rem; }
    .newlp-type-ttl {
      max-width: 500px;
      margin: auto; }
    .newlp-type-list {
      margin-top: 1rem;
      display: flex;
      justify-content: space-between; }
      .newlp-type-list-inner {
        width: 23.5%; }
        @media only screen and (max-width: 767px) {
          .newlp-type-list-inner {
            width: 100%; } }
        .newlp-type-list-inner-ttl {
          padding: 1rem .5rem;
          background-color: #41a283;
          text-align: center;
          font-weight: bold;
          font-size: 1.3rem; }
          @media only screen and (max-width: 767px) {
            .newlp-type-list-inner-ttl {
              padding: .5rem; } }
          .newlp-type-list-inner-ttl-w {
            color: #fff; }
          .newlp-type-list-inner-ttl-gold {
            background-color: #C7A736; }
        .newlp-type-list-inner-content {
          padding: 1rem .5rem;
          border: 0.2rem solid #41a283;
          border-top: none;
          height: 19rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .newlp-type-list-inner-content {
              height: 15rem;
              padding: .5rem; } }
          .newlp-type-list-inner-content-gold {
            border: 0.2rem solid #C7A736;
            border-top: none; }
          .newlp-type-list-inner-content .name {
            text-align: center; }
          @media only screen and (max-width: 767px) {
            .newlp-type-list-inner-content .logo {
              margin: 0 auto;
              width: 60%;
              position: relative;
              z-index: -1; } }
          @media only screen and (max-width: 767px) {
            .newlp-type-list-inner-content-wrap {
              width: 90%; } }
          @media only screen and (max-width: 767px) {
            .newlp-type-list-inner-content-copy {
              display: flex;
              align-items: center;
              justify-content: center;
              text-align: center; } }
          @media only screen and (max-width: 767px) {
            .newlp-type-list-inner-content-copy-cam {
              font-size: .9rem; } }
        .newlp-type-list-inner-cv {
          width: 80%;
          margin: 1rem auto; }
          .newlp-type-list-inner-cv-txt {
            position: absolute;
            top: 50%;
            left: 52%;
            transform: translate(-50%, -50%);
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 0 10px 15px;
            border-color: transparent transparent transparent #fff; }
  .newlp .ranking-title {
    position: relative;
    padding: 1rem;
    margin-top: 1rem;
    background-color: #0c033a;
    color: #fcf9f6;
    font-size: 2rem;
    font-weight: bold;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .newlp .ranking-title {
        padding: 1rem .5rem; } }
    .newlp .ranking-title-flex {
      display: flex;
      justify-content: center;
      gap: 0.5rem; }
      .newlp .ranking-title-flex span {
        display: inline-block;
        background-color: #fcf9f6;
        border-radius: 10px;
        padding: 0 0.5rem;
        color: #0c033a;
        font-size: 1.2rem; }
    .newlp .ranking-title-mini {
      font-size: 1.2rem;
      margin-right: -0.5rem; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-title-mini {
          margin-right: 0; } }
    @media only screen and (max-width: 767px) {
      .newlp .ranking-title-main {
        line-height: 1.2;
        margin: .5rem 0; } }
    .newlp .ranking-title-top {
      color: #f6a400;
      font-size: 3rem;
      line-height: 1; }
    .newlp .ranking-title::after {
      position: absolute;
      left: 50%;
      top: 98%;
      transform: translatex(-50%);
      border-top: 20px solid #0c033a;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      content: '';
      height: 0;
      width: 0; }
  .newlp .ranking-list {
    margin-top: 3rem; }
    @media only screen and (max-width: 767px) {
      .newlp .ranking-list {
        margin-top: 2rem; } }
    .newlp .ranking-list-kiji {
      max-width: 750px;
      margin: 3rem auto 0; }
    .newlp .ranking-list-box h2 {
      font-size: 2.6rem;
      margin: 0 0 .5rem 0;
      padding: 2rem 1rem 1.5rem 1rem;
      position: relative;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box h2 {
          font-size: 2rem;
          margin-top: 3rem;
          padding: 1rem; } }
      .newlp .ranking-list-box h2 a {
        color: #000000; }
    .newlp .ranking-list-box-copy {
      font-weight: bold;
      font-size: 1.2rem;
      text-align: center;
      margin-bottom: .5rem; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-copy {
          font-size: 1.1rem; } }
    .newlp .ranking-list-box-ico {
      position: absolute;
      left: 50%;
      top: -1.5rem;
      transform: translatex(-50%);
      width: 50px; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-ico {
          top: -1.2rem;
          width: 40px; } }
    .newlp .ranking-list-box-inner-bnr {
      margin: 0 auto 1rem; }
      .newlp .ranking-list-box-inner-bnr img {
        margin: auto; }
    .newlp .ranking-list-box-copy {
      display: flex;
      justify-content: space-between;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-copy {
          flex-direction: column;
          margin-bottom: 1rem;
          gap: .5rem; } }
      .newlp .ranking-list-box-copy-item {
        width: 32%;
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
        border: 1px solid #0c033a;
        background-color: #fcf9f6; }
        @media only screen and (max-width: 767px) {
          .newlp .ranking-list-box-copy-item {
            width: 100%;
            padding: .5rem; } }
        .newlp .ranking-list-box-copy-item-img {
          width: 10%;
          height: 3rem;
          display: flex;
          align-items: center; }
          .newlp .ranking-list-box-copy-item-img img {
            height: 100%;
            margin: auto; }
        .newlp .ranking-list-box-copy-item-txt {
          width: 88%;
          display: flex;
          align-items: center; }
    .newlp .ranking-list-box-forsomeone {
      margin: 1rem auto; }
      .newlp .ranking-list-box-forsomeone-content {
        padding: 1rem 3rem;
        background-color: #fcf9f6;
        display: flex;
        justify-content: space-between; }
        @media only screen and (max-width: 767px) {
          .newlp .ranking-list-box-forsomeone-content {
            padding: 1rem;
            flex-direction: column;
            margin-bottom: 1rem; } }
        .newlp .ranking-list-box-forsomeone-content li {
          position: relative;
          margin-left: 1rem; }
          .newlp .ranking-list-box-forsomeone-content li:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            display: inline-block;
            content: '';
            width: .5rem;
            height: .5rem;
            background-color: #f6a400;
            border-radius: 5rem; }
        .newlp .ranking-list-box-forsomeone-content-kiji {
          flex-direction: column;
          min-height: 13rem;
          padding: 1.5rem;
          justify-content: flex-start;
          gap: 0.2rem; }
          @media only screen and (max-width: 767px) {
            .newlp .ranking-list-box-forsomeone-content-kiji {
              min-height: inherit; } }
          .newlp .ranking-list-box-forsomeone-content-kiji li {
            line-height: 1.5; }
    .newlp .ranking-list-box-forsomeoneflex {
      display: flex;
      justify-content: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-forsomeoneflex {
          flex-direction: column;
          gap: 0; } }
      .newlp .ranking-list-box-forsomeoneflex-wrap {
        width: 100%;
        margin: 1rem auto 0; }
        @media only screen and (max-width: 767px) {
          .newlp .ranking-list-box-forsomeoneflex-wrap {
            margin: 0; } }
    .newlp .ranking-list-box-spec {
      margin-top: 1rem; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-spec {
          margin-top: 0; } }
      .newlp .ranking-list-box-spec-img {
        width: 1.5rem; }
      .newlp .ranking-list-box-spec th {
        color: #fff; }
        @media only screen and (max-width: 767px) {
          .newlp .ranking-list-box-spec th {
            width: 30%;
            height: auto; } }
    .newlp .ranking-list-box-point-ttl {
      background-color: #0c033a;
      color: #fcf9f6;
      padding: 1rem 2rem; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-point-ttl {
          padding: 1rem; } }
    .newlp .ranking-list-box-point-wrap {
      background-color: #fcf9f6;
      margin: 0;
      padding: 1rem 2rem; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-point-wrap {
          padding: 1.5rem 1rem 1rem;
          margin-bottom: .5rem; } }
      .newlp .ranking-list-box-point-wrap-cover {
        margin-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .newlp .ranking-list-box-point-wrap-cover {
            margin-bottom: 1.5rem; } }
        .newlp .ranking-list-box-point-wrap-cover-flex {
          display: flex;
          justify-content: left;
          align-items: center; }
          .newlp .ranking-list-box-point-wrap-cover-flex-txt {
            font-weight: bold;
            font-size: 1.1rem;
            padding: 0.5rem; }
        .newlp .ranking-list-box-point-wrap-cover span {
          display: inline-block;
          padding-left: 0.5rem;
          width: 25px;
          height: 15px;
          background: url(../img/feature/realestate/check.png) no-repeat;
          background-size: contain; }
        .newlp .ranking-list-box-point-wrap-cover dt {
          display: inline-block;
          background-color: #fff; }
        .newlp .ranking-list-box-point-wrap-cover dd {
          margin-top: 0.2rem; }
    .newlp .ranking-list-box-com {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-com {
          margin: 1rem 0; } }
      .newlp .ranking-list-box-com-item {
        padding: .5rem 2.5rem 2rem; }
        @media only screen and (max-width: 767px) {
          .newlp .ranking-list-box-com-item {
            padding: .5rem 1rem 2rem; } }
        .newlp .ranking-list-box-com-item-detail {
          padding: 1.5rem;
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
          .newlp .ranking-list-box-com-item-detail-ttl {
            font-size: 1.2rem;
            font-weight: bold;
            border-bottom: 0.1rem solid #0c033a;
            display: flex;
            gap: 1rem;
            justify-content: space-between;
            align-items: end; }
            @media only screen and (max-width: 767px) {
              .newlp .ranking-list-box-com-item-detail-ttl {
                font-size: 1rem;
                flex-direction: column;
                gap: .5rem; } }
            .newlp .ranking-list-box-com-item-detail-ttl-txt {
              width: 80%; }
              @media only screen and (max-width: 767px) {
                .newlp .ranking-list-box-com-item-detail-ttl-txt {
                  width: 100%; } }
            .newlp .ranking-list-box-com-item-detail-ttl-person {
              width: 20%;
              font-size: 0.9rem;
              font-weight: normal; }
              @media only screen and (max-width: 767px) {
                .newlp .ranking-list-box-com-item-detail-ttl-person {
                  width: 100%; } }
          .newlp .ranking-list-box-com-item-detail-content {
            margin-top: 1rem; }
            .newlp .ranking-list-box-com-item-detail-content-img {
              margin: auto;
              width: 30%; }
              @media only screen and (max-width: 767px) {
                .newlp .ranking-list-box-com-item-detail-content-img {
                  margin: .5rem auto 0; } }
            .newlp .ranking-list-box-com-item-detail-content P {
              font-size: 0.9rem; }
              @media only screen and (max-width: 767px) {
                .newlp .ranking-list-box-com-item-detail-content P {
                  font-size: 0.8rem; } }
        .newlp .ranking-list-box-com-item .swiper-button-prev {
          left: 3px; }
        .newlp .ranking-list-box-com-item .swiper-button-next {
          right: 0; }
      .newlp .ranking-list-box-com-attention {
        margin-top: -1.5rem; }
        @media only screen and (max-width: 767px) {
          .newlp .ranking-list-box-com-attention {
            margin-top: -0.5rem; } }
    .newlp .ranking-list-box-merit-wrap {
      padding: 2rem 3rem;
      background-color: #fcf9f6; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-merit-wrap {
          padding: 1.5rem; } }
    .newlp .ranking-list-box-campaign {
      max-width: 500px;
      margin: 1rem auto 1.5rem;
      padding: 1rem .5rem;
      border: 2px solid #C7A736;
      border-radius: 1rem;
      background-color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .newlp .ranking-list-box-campaign:after {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: -1;
        bottom: -.8rem;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 1rem 1rem 0 1rem;
        border-color: #C7A736 transparent transparent transparent; }
      .newlp .ranking-list-box-campaign-icon {
        display: inline-block;
        width: 20%;
        height: 4rem;
        background: url(../img/feature/realestate/gift_icon.png) no-repeat;
        background-size: contain;
        background-position: center; }
      .newlp .ranking-list-box-campaign-txt {
        width: 68%;
        text-align: center;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .newlp .ranking-list-box-campaign-txt {
            width: 70%; } }
        .newlp .ranking-list-box-campaign-txt:before {
          position: absolute;
          top: 50%;
          left: -4.5rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 4rem;
          height: 4rem;
          background: url(../img/feature/realestate/gift_icon.png) no-repeat;
          background-size: contain;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .newlp .ranking-list-box-campaign-txt:before {
              left: -3.3rem;
              width: 3rem;
              height: 3rem; } }
        .newlp .ranking-list-box-campaign-txt:after {
          position: absolute;
          top: 50%;
          right: -4.5rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 4rem;
          height: 4rem;
          background: url(../img/feature/realestate/gift_icon.png) no-repeat;
          background-size: contain;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .newlp .ranking-list-box-campaign-txt:after {
              right: -3.3rem;
              width: 3rem;
              height: 3rem; } }
    .newlp .ranking-list-box-realestatecv {
      width: 40%;
      margin: 1rem auto 2.5rem;
      font-size: 1.3rem; }
      @media only screen and (max-width: 767px) {
        .newlp .ranking-list-box-realestatecv {
          width: 90%; } }
      .newlp .ranking-list-box-realestatecv-flex {
        display: flex;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .newlp .ranking-list-box-realestatecv-flex {
            flex-direction: column;
            gap: 0; } }
        .newlp .ranking-list-box-realestatecv-flex-document {
          width: 100%;
          margin: 1rem auto; }
        .newlp .ranking-list-box-realestatecv-flex-seminar {
          width: 70%;
          margin: 1rem auto; }
        .newlp .ranking-list-box-realestatecv-flex-movie {
          width: 100%;
          margin: 1rem auto;
          background-color: #41a283;
          animation-name: newlp-cvmoviemove; }
@keyframes newlp-cvmoviemove {
  0% {
    box-shadow: 0 8px 0 #245a49;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #245a49;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #245a49;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #245a49;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #245a49;
    transform: translatey(0); } }
        .newlp .ranking-list-box-realestatecv-flex-second {
          margin-bottom: 2rem; }
    .newlp .ranking-list .rank-1 h2 {
      border-bottom: 5px solid #fdedcc;
      border-top: 5px solid #fdedcc; }
    .newlp .ranking-list .rank-2 h2 {
      border-bottom: 5px solid #f2f0f3;
      border-top: 5px solid #f2f0f3; }
    .newlp .ranking-list .rank-3 h2 {
      border-bottom: 5px solid #ebe4da;
      border-top: 5px solid #ebe4da; }
    .newlp .ranking-list .rank-4 h2 {
      border-bottom: 5px solid #8e90ad;
      border-top: 5px solid #8e90ad; }
    .newlp .ranking-list .rank-5 h2, .newlp .ranking-list .rank-6 h2, .newlp .ranking-list .rank-7 h2, .newlp .ranking-list .rank-8 h2, .newlp .ranking-list .rank-9 h2, .newlp .ranking-list .rank-10 h2 {
      border-bottom: 5px solid #df9fb6;
      border-top: 5px solid #df9fb6; }
  .newlp-column {
    margin-top: 2rem; }
    .newlp-column-title {
      max-width: 1000px;
      margin: auto; }
      .newlp-column-title-sub {
        font-size: 1.8rem; }
        @media only screen and (max-width: 767px) {
          .newlp-column-title-sub {
            font-size: 1.5rem; } }
      .newlp-column-title-main {
        font-size: 2.5rem; }
        @media only screen and (max-width: 767px) {
          .newlp-column-title-main {
            font-size: 2rem;
            line-height: 1.2; } }
        .newlp-column-title-main-mini {
          font-size: 1.4rem; }
        .newlp-column-title-main-min {
          font-size: 1.4rem; }
          @media only screen and (max-width: 767px) {
            .newlp-column-title-main-min {
              font-size: 1.1rem;
              display: inline-block;
              line-height: 1.8; } }
        .newlp-column-title-main-y {
          color: #f6a400; }
    .newlp-column-content {
      max-width: 1000px;
      margin: 0 auto 2rem;
      padding: 2rem;
      background-color: #fcf9f6; }
      @media only screen and (max-width: 767px) {
        .newlp-column-content {
          padding: 2rem 1rem; } }
      .newlp-column-content-inner {
        padding: 0 2rem; }
        @media only screen and (max-width: 767px) {
          .newlp-column-content-inner {
            padding: 0; } }
        .newlp-column-content-inner-text {
          margin: 2rem 0;
          line-height: 1.6; }
          @media only screen and (max-width: 767px) {
            .newlp-column-content-inner-text {
              margin: 0 0 1rem; } }
          .newlp-column-content-inner-text-center {
            text-align: center;
            font-size: 1.5rem;
            font-weight: bold; }
          .newlp-column-content-inner-text p {
            color: #000000; }
          .newlp-column-content-inner-text ul {
            margin: 1rem 0;
            padding: 1.5rem;
            background-color: #eddbc3; }
          .newlp-column-content-inner-text li {
            line-height: 1.7;
            margin-bottom: .5rem;
            font-size: 14px; }
        @media only screen and (max-width: 767px) {
          .newlp-column-content-inner-point {
            margin: 2rem 0; } }
        .newlp-column-content-inner-point-title {
          max-width: 500px;
          margin: 0 auto 2rem; }
          @media only screen and (max-width: 767px) {
            .newlp-column-content-inner-point-title {
              margin: 0 auto 1rem; } }
        .newlp-column-content-inner-point-list {
          display: flex;
          flex-direction: column;
          gap: 1rem; }
          .newlp-column-content-inner-point-list-item {
            background-color: #fff;
            padding: 1rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .newlp-column-content-inner-point-list-item {
                flex-direction: column;
                gap: .5rem; } }
            .newlp-column-content-inner-point-list-item-txt {
              width: 59%;
              line-height: 1.7;
              margin-bottom: .5rem;
              font-size: 14px; }
              @media only screen and (max-width: 767px) {
                .newlp-column-content-inner-point-list-item-txt {
                  width: 100%; } }
              .newlp-column-content-inner-point-list-item-txt-ttl {
                width: 45%;
                margin-bottom: .5rem; }
                @media only screen and (max-width: 767px) {
                  .newlp-column-content-inner-point-list-item-txt-ttl {
                    width: 70%; } }
              .newlp-column-content-inner-point-list-item-txt-ttlw {
                margin-bottom: .5rem; }
                @media only screen and (max-width: 767px) {
                  .newlp-column-content-inner-point-list-item-txt-ttlw {
                    width: 90%; } }
            .newlp-column-content-inner-point-list-item-img {
              width: 40%; }
              @media only screen and (max-width: 767px) {
                .newlp-column-content-inner-point-list-item-img {
                  width: 100%; } }
        .newlp-column-content-inner-flex {
          display: flex;
          justify-content: space-between;
          gap: 1rem;
          align-items: center;
          margin-top: 1rem; }
          @media only screen and (max-width: 767px) {
            .newlp-column-content-inner-flex {
              flex-direction: column;
              gap: 0;
              margin-bottom: 1rem; } }
          .newlp-column-content-inner-flex-wrap {
            width: 50%; }
            @media only screen and (max-width: 767px) {
              .newlp-column-content-inner-flex-wrap {
                width: 100%; } }
            .newlp-column-content-inner-flex-wrap-txt {
              margin-bottom: 1rem; }
          .newlp-column-content-inner-flex-img {
            width: 50%; }
            @media only screen and (max-width: 767px) {
              .newlp-column-content-inner-flex-img {
                width: 100%; } }
          @media only screen and (max-width: 767px) {
            .newlp-column-content-inner-flex-reverse {
              flex-direction: column-reverse;
              gap: 1rem;
              margin: 0; } }
        .newlp-column-content-inner-merit {
          display: flex;
          justify-content: space-between;
          gap: 1rem;
          align-items: flex-start;
          margin-top: 1rem; }
          @media only screen and (max-width: 767px) {
            .newlp-column-content-inner-merit {
              flex-direction: column;
              margin-bottom: 1rem; } }
          .newlp-column-content-inner-merit-list {
            padding: 1rem;
            height: 22.5rem; }
            @media only screen and (max-width: 767px) {
              .newlp-column-content-inner-merit-list {
                height: auto; } }
            .newlp-column-content-inner-merit-list-ttl {
              font-weight: bold;
              text-align: center;
              font-size: 1.4rem;
              margin-bottom: .5rem; }
            .newlp-column-content-inner-merit-list-item {
              position: relative;
              margin: 0 0 1rem 1.5rem; }
              .newlp-column-content-inner-merit-list-item:last-child {
                margin-bottom: 0; }
              .newlp-column-content-inner-merit-list-item-icon {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                display: inline-block;
                width: 1rem;
                height: 1rem; }
                .newlp-column-content-inner-merit-list-item-icon-return {
                  background: url(../img/feature/realestate/hikaku/column_merit_icon.png) no-repeat;
                  background-size: contain; }
                .newlp-column-content-inner-merit-list-item-icon-risk {
                  background: url(../img/feature/realestate/hikaku/column_demerit_icon.png) no-repeat;
                  background-size: contain; }
            .newlp-column-content-inner-merit-list-return {
              background-color: #fbf0dd; }
            .newlp-column-content-inner-merit-list-risk {
              background-color: #e3e1e3; }
          .newlp-column-content-inner-merit-list.risklist {
            height: auto;
            width: 70%;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .newlp-column-content-inner-merit-list.risklist {
                width: 100%;
                margin-bottom: 1rem; } }
      .newlp-column-content-listttl {
        margin: 0 0 -.5rem 1.5rem;
        font-weight: bold;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .newlp-column-content-listttl {
            margin-top: 1.5rem; } }
        .newlp-column-content-listttl::before {
          position: absolute;
          top: 50%;
          left: -1.2rem;
          transform: translatey(-50%);
          content: '';
          display: inline-block;
          width: .8rem;
          height: .8rem;
          background-color: #C7A736;
          border-radius: 50px; }
    .newlp-column-cv {
      margin-bottom: 0; }
      .newlp-column-cv-sub {
        position: relative;
        font-size: 1.2rem;
        font-weight: bold;
        display: inline-block;
        margin-bottom: .5rem; }
        .newlp-column-cv-sub:before {
          position: absolute;
          bottom: -8px;
          left: -15%;
          content: "";
          width: 30px;
          height: 30px;
          border-left: 2px solid #000000;
          transform: rotate(135deg); }
          @media only screen and (max-width: 767px) {
            .newlp-column-cv-sub:before {
              bottom: -5px;
              transform: rotate(145deg); } }
        .newlp-column-cv-sub:after {
          position: absolute;
          bottom: -8px;
          right: -15%;
          content: "";
          width: 30px;
          height: 30px;
          border-left: 2px solid #000000;
          transform: rotate(45deg); }
          @media only screen and (max-width: 767px) {
            .newlp-column-cv-sub:after {
              bottom: -5px;
              transform: rotate(35deg); } }
      .newlp-column-cv-btn {
        width: 75%; }
        @media only screen and (max-width: 767px) {
          .newlp-column-cv-btn {
            width: 100%; } }
  @media only screen and (max-width: 767px) {
    .newlp .realestate-tax-column {
      margin-top: 1rem; } }
  .newlp .realestate-type-mainvisual {
    max-width: 1020px;
    margin: 1rem auto 0; }
  .newlp .realestate-type-column-content {
    padding: .5rem 2rem 2rem 2rem; }
  .newlp .realestate-type-column-listttl {
    margin: 0 0 0.5rem 1.5rem; }
  .newlp .realestate-type-column-txt {
    margin: 1rem 0;
    line-height: 1.6; }
    .newlp .realestate-type-column-txt-center {
      text-align: center; }
  .newlp .realestate-type-column-img {
    max-width: 750px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .newlp .realestate-type-column-img {
        margin: .5rem auto; } }
  .newlp-attention-txt {
    font-size: 0.7rem;
    text-align: right;
    opacity: 0.5;
    margin-top: .2rem; }
    @media only screen and (max-width: 767px) {
      .newlp-attention-txt {
        margin-bottom: 1rem;
        padding: 0 0.5rem; } }
    .newlp-attention-txt .only-sp {
      display: none; }
      @media only screen and (max-width: 767px) {
        .newlp-attention-txt .only-sp {
          display: inline-block; } }
    .newlp-attention-txt-type {
      margin-top: -.5rem; }
      @media only screen and (max-width: 767px) {
        .newlp-attention-txt-type {
          margin-top: -.7rem; } }
  .newlp-survey {
    max-width: 750px;
    margin: 0 auto 2rem;
    padding: 1rem;
    border: 2px solid #F2F2F2; }
    .newlp-survey-ttl {
      font-size: 1.2rem;
      font-weight: bold; }
    .newlp-survey-item {
      margin-left: .5rem; }
      .newlp-survey-item-wrap {
        display: flex;
        gap: .5rem; }
        .newlp-survey-item-wrap dt {
          width: 15%; }
          @media only screen and (max-width: 767px) {
            .newlp-survey-item-wrap dt {
              width: 30%; } }
        .newlp-survey-item-wrap dd {
          width: 85%; }
          @media only screen and (max-width: 767px) {
            .newlp-survey-item-wrap dd {
              width: 70%; } }

.realestate-kiji-ttl {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 1rem; }
  .realestate-kiji-ttl-num {
    font-size: 2rem; }
.realestate-kiji-subttl {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: .5rem; }
  .realestate-kiji-subttl-rank {
    justify-content: center; }
  .realestate-kiji-subttl-num {
    background-color: #222;
    border-radius: 50px;
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6;
    color: #fff;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center; }
  .realestate-kiji-subttl-txt {
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .realestate-kiji-subttl-txt {
        width: 90%; } }
.realestate-kiji-txt-center {
  font-weight: bold;
  text-align: center; }
.realestate-kiji-img {
  max-width: 500px;
  margin: 0 auto !important; }
.realestate-kiji-kaiwa {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin: 2rem auto !important; }
  @media only screen and (max-width: 767px) {
    .realestate-kiji-kaiwa {
      gap: 1rem;
      margin: 1rem auto !important; } }
  .realestate-kiji-kaiwa-wrap {
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 1.5rem; }
    @media only screen and (max-width: 767px) {
      .realestate-kiji-kaiwa-wrap {
        gap: .6rem; } }
    .realestate-kiji-kaiwa-wrap-r {
      flex-direction: row-reverse; }
    .realestate-kiji-kaiwa-wrap-img {
      margin: 0 !important;
      width: 19%; }
      .realestate-kiji-kaiwa-wrap-img img {
        margin: 0 !important; }
    .realestate-kiji-kaiwa-wrap-fukidashi {
      margin: 0 !important;
      width: 80%;
      display: flex;
      align-items: center;
      padding: 1rem;
      border: 1px solid #c7c7c7; }
      @media only screen and (max-width: 767px) {
        .realestate-kiji-kaiwa-wrap-fukidashi {
          padding: .5rem; } }
      .realestate-kiji-kaiwa-wrap-fukidashi-inner {
        margin: 0 !important; }
        @media only screen and (max-width: 767px) {
          .realestate-kiji-kaiwa-wrap-fukidashi-inner {
            font-size: 0.9rem !important; } }
.realestate-kiji-list {
  background-color: #fff;
  padding: 2rem 1.5rem; }
  @media only screen and (max-width: 767px) {
    .realestate-kiji-list {
      padding: 1rem; } }
  .realestate-kiji-list-ttl {
    border: none !important;
    margin: 0 !important;
    font-size: 1.2rem;
    padding: 0 0 0 1.5rem !important;
    position: relative; }
    .realestate-kiji-list-ttl:after {
      position: absolute;
      display: inline-block;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 1rem;
      height: 1rem;
      background: url(../img/feature/carsatei/list_icon.png) no-repeat;
      background-size: contain;
      content: ''; }
  .realestate-kiji-list-content {
    padding-left: 1.7rem; }
    @media only screen and (max-width: 767px) {
      .realestate-kiji-list-content {
        padding: 0; } }
    .realestate-kiji-list-content-ttl {
      text-align: center;
      font-weight: bold;
      font-size: 1.6rem;
      margin: 0 0 0.5rem !important; }
      @media only screen and (max-width: 767px) {
        .realestate-kiji-list-content-ttl {
          font-size: 1.4rem; } }
    .realestate-kiji-list-content-bullet li {
      padding-left: 1rem;
      position: relative; }
      .realestate-kiji-list-content-bullet li:before {
        display: inline-block;
        content: '';
        width: .5rem;
        height: .5rem;
        border-radius: 50px;
        background-color: #000;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
    .realestate-kiji-list-content-item {
      margin-bottom: .5rem; }
      @media only screen and (max-width: 767px) {
        .realestate-kiji-list-content-item {
          margin-bottom: 1rem; } }
      .realestate-kiji-list-content-item:last-child {
        margin-bottom: 0; }
      .realestate-kiji-list-content-item-num {
        font-size: 1.4rem; }
      .realestate-kiji-list-content-item-ul {
        padding-left: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .realestate-kiji-list-content-item-ul-li {
            margin: .5rem 0; } }
        .realestate-kiji-list-content-item-ul-li-num {
          background-color: #337ab7;
          border-radius: 50px;
          width: 1.2rem;
          height: 1.2rem;
          line-height: 1.2;
          color: #fff;
          display: inline-block;
          text-align: center; }
.realestate-kiji-contentlist {
  display: flex;
  flex-direction: column;
  gap: 1rem; }
  .realestate-kiji-contentlist-wrap {
    margin: 0 !important; }
    .realestate-kiji-contentlist-wrap-dt {
      background-color: #173891;
      color: #fff;
      padding: 1rem;
      text-align: center;
      border-radius: 20px 20px 0 0; }
      .realestate-kiji-contentlist-wrap-dt-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem; }
        .realestate-kiji-contentlist-wrap-dt-inner-flex {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: .5rem;
          font-size: 1rem;
          font-weight: normal; }
          .realestate-kiji-contentlist-wrap-dt-inner-flex-img {
            width: 30%;
            margin: 0 !important; }
    .realestate-kiji-contentlist-wrap-dd {
      border: 2px solid #173891;
      border-top: none;
      border-radius: 0 0 20px 20px;
      padding: 1rem; }
.realestate-kiji-linkbtn-copy {
  text-align: center;
  font-weight: bold; }
  .realestate-kiji-linkbtn-copy-fukidashi {
    position: relative; }
    .realestate-kiji-linkbtn-copy-fukidashi:before {
      position: absolute;
      top: 50%;
      left: -1.5rem;
      transform: translateY(-50%);
      display: inline-block;
      content: '';
      width: 1rem;
      height: 1rem;
      background: url(../img/feature/realestate/know/fukidashi_l.png) no-repeat;
      background-size: contain; }
    .realestate-kiji-linkbtn-copy-fukidashi:after {
      position: absolute;
      top: 50%;
      right: -1.5rem;
      transform: translateY(-50%);
      display: inline-block;
      content: '';
      width: 1rem;
      height: 1rem;
      background: url(../img/feature/realestate/know/fukidashi_r.png) no-repeat;
      background-size: contain; }
.realestate-kiji-linkbtn-wrap {
  margin: -.5rem auto .5rem !important;
  width: 60%;
  border-radius: 50px;
  background-color: #f6a400;
  animation-name: newlp-linkbtnmove; }
  @media only screen and (max-width: 767px) {
    .realestate-kiji-linkbtn-wrap {
      width: 100%; } }
@keyframes newlp-linkbtnmove {
  0% {
    box-shadow: 0 8px 0 #775001;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #775001;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #775001;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #775001;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #775001;
    transform: translatey(0); } }
  .realestate-kiji-linkbtn-wrap a {
    text-decoration: none !important; }
  .realestate-kiji-linkbtn-wrap-flex {
    display: flex;
    flex-direction: column; }
    .realestate-kiji-linkbtn-wrap-flex-txt {
      font-size: 1.8rem; }
.realestate-kiji-cv {
  margin: 0 auto 1rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  background-color: #fef9e5;
  padding: 1rem;
  max-width: 450px; }
  .realestate-kiji-cv-wrap {
    display: flex;
    align-items: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .realestate-kiji-cv-wrap {
        flex-direction: column; } }
    .realestate-kiji-cv-wrap-copy {
      margin: 0 !important; }
      .realestate-kiji-cv-wrap-copy p {
        margin: 0 !important; }
        @media only screen and (max-width: 767px) {
          .realestate-kiji-cv-wrap-copy p {
            text-align: center;
            font-size: 1rem !important; } }
    .realestate-kiji-cv-wrap-logo-img {
      margin: 0 !important; }
      .realestate-kiji-cv-wrap-logo-img img {
        margin: 0 !important; }
  .realestate-kiji-cv-btn {
    margin: 0 auto 1rem !important;
    width: 60%;
    font-size: 1.2rem; }
    @media only screen and (max-width: 767px) {
      .realestate-kiji-cv-btn {
        width: 80%; } }
    .realestate-kiji-cv-btn a {
      text-decoration: none !important; }
@media only screen and (max-width: 767px) {
  .realestate-kiji-intro {
    margin-top: -1rem; } }
.realestate-kiji-torank {
  margin-top: -2rem !important;
  position: relative; }
  .realestate-kiji-torank:before {
    position: absolute;
    top: -2.5rem;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 10rem;
    height: 3rem;
    background: url(../img/feature/realestate/know/POINT.png) no-repeat;
    background-size: contain;
    content: ''; }

.newlpsearch {
  max-width: 750px;
  margin: 1rem auto 0;
  padding: 2rem 3rem;
  background-color: #fcf9f6;
  color: #808080; }
  @media only screen and (max-width: 767px) {
    .newlpsearch {
      padding: 1rem; } }
  @media only screen and (max-width: 767px) {
    .newlpsearch .only-pc {
      display: none; } }
  .newlpsearch-form {
    display: flex;
    gap: 2rem 0;
    flex-direction: column; }
    .newlpsearch-form-ttl {
      max-width: 500px;
      margin: auto; }
    .newlpsearch-form-wrap {
      display: flex;
      flex-direction: column;
      gap: 1rem 0;
      width: 100%;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .newlpsearch-form-wrap {
          width: 100%; } }
      .newlpsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .newlpsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .newlpsearch-form-wrap-inner-ttl {
          position: relative;
          padding-left: 1rem; }
          .newlpsearch-form-wrap-inner-ttl:before {
            display: inline-block;
            content: '';
            background-color: #808080;
            width: .5rem;
            height: .5rem;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translatey(-50%);
            border-radius: 50px; }
        .newlpsearch-form-wrap-inner-select {
          position: relative;
          display: inline-block;
          width: 48%; }
          .newlpsearch-form-wrap-inner-select::before {
            display: inline-block;
            width: 0;
            height: 0;
            border-width: 8px 5px 0 5px;
            border-style: solid;
            border-color: #808080 transparent transparent transparent;
            content: "";
            position: absolute;
            top: 50%;
            right: 1rem;
            transform: translateY(-50%);
            pointer-events: none; }
            @media only screen and (max-width: 767px) {
              .newlpsearch-form-wrap-inner-select::before {
                top: 45%; } }
          .newlpsearch-form-wrap-inner-select select {
            -webkit-appearance: none;
            /* ベンダープレフィックス(Google Chrome、Safari用) */
            -moz-appearance: none;
            /* ベンダープレフィックス(Firefox用) */
            appearance: none;
            /* 標準のスタイルを無効にする */
            padding: 0.8rem 1.8rem 0.8rem 1rem;
            border: 1px solid #e2e2e2;
            background-color: #fff;
            border-radius: 30px;
            color: #808080;
            font-size: .8rem;
            width: 100%; }
            .newlpsearch-form-wrap-inner-select select option[selected] {
              background-color: #f6a400; }
        .newlpsearch-form-wrap-inner-alpha {
          flex-wrap: wrap;
          margin-top: -1rem; }
          .newlpsearch-form-wrap-inner-alpha-item {
            width: 32%; }
            @media only screen and (max-width: 767px) {
              .newlpsearch-form-wrap-inner-alpha-item {
                width: 48%; } }
            .newlpsearch-form-wrap-inner-alpha-item-txt {
              display: inline-block;
              position: relative;
              padding-left: 1.5rem; }
              @media only screen and (max-width: 767px) {
                .newlpsearch-form-wrap-inner-alpha-item-txt {
                  font-size: 0.8rem; } }
              .newlpsearch-form-wrap-inner-alpha-item-txt:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                width: 1rem;
                height: 1rem;
                border: 1px solid #eee;
                background: #fff;
                content: "";
                transition: all 0.2s; }
              .newlpsearch-form-wrap-inner-alpha-item-txt:after {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                width: 1rem;
                height: 1rem;
                color: #f6a400;
                font-size: 14px;
                display: flex;
                align-items: center;
                justify-content: center;
                content: "✔";
                opacity: 0;
                transition: all 0.2s; }
            .newlpsearch-form-wrap-inner-alpha-item input[type="checkbox"] {
              opacity: 0;
              appearance: none;
              position: absolute; }
              .newlpsearch-form-wrap-inner-alpha-item input[type="checkbox"]:checked + span::after {
                opacity: 1; }
    .newlpsearch-form-submit {
      position: relative;
      width: 50%;
      text-align: center;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .newlpsearch-form-submit {
          width: 100%; } }
      .newlpsearch-form-submit:before {
        display: inline-block;
        content: "";
        background-color: #f6a400;
        position: absolute;
        width: 20rem;
        height: 1px;
        top: -1rem;
        left: 50%;
        transform: translateX(-50%); }
      .newlpsearch-form-submit:after {
        display: inline-block;
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 8px 6px 0 6px;
        border-color: #f6a400 transparent transparent transparent;
        top: -1rem;
        left: 50%;
        transform: translateX(-50%); }
      .newlpsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        display: inline;
        position: relative; }
        .newlpsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 1.5rem;
          width: 1px;
          background-color: #808080;
          position: absolute;
          top: 0;
          left: -1rem;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .newlpsearch-form-submit-txt:before {
              height: 1rem;
              left: -1rem; } }
        .newlpsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 1.5rem;
          width: 1px;
          background-color: #808080;
          position: absolute;
          top: 0;
          right: -1rem;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .newlpsearch-form-submit-txt:after {
              height: 1rem;
              right: -1rem; } }
      .newlpsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: 1rem;
        background-color: #f6a400;
        border: 1px solid #f6a400;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 100%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .newlpsearch-form-submit input {
            padding: 1rem 4rem;
            margin-top: 0.2rem; } }
        .newlpsearch-form-submit input:hover {
          background-color: #fcf9f6;
          color: #f6a400; }
  .newlpsearch-realestatetax {
    margin: 1rem auto 2rem; }

.newrealestatesearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .newrealestatesearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .newrealestatesearch .only-pc {
      display: none; } }
  .newrealestatesearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .newrealestatesearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .newrealestatesearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .newrealestatesearch-form {
        gap: .5rem; } }
    .newrealestatesearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .newrealestatesearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .newrealestatesearch-form-wrap-sankaku {
            width: 48%; } }
        .newrealestatesearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .newrealestatesearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .newrealestatesearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .newrealestatesearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .newrealestatesearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .newrealestatesearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .newrealestatesearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .newrealestatesearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .newrealestatesearch-form-submit-txt:before {
              display: none; } }
        .newrealestatesearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .newrealestatesearch-form-submit-txt:after {
              display: none; } }
      .newrealestatesearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .newrealestatesearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .newrealestatesearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .newrealestatesearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.newrealestatesearch_kekka-sort {
  display: flex;
  max-width: 450px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #999;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .newrealestatesearch_kekka-sort {
      flex-direction: column; } }
  .newrealestatesearch_kekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .newrealestatesearch_kekka-sort-now {
        width: 100%; } }
    .newrealestatesearch_kekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f9f9f9;
      width: 20%;
      text-align: center; }
    .newrealestatesearch_kekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f9f9f9;
      border-left: none;
      width: 80%; }
  .newrealestatesearch_kekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .newrealestatesearch_kekka-sort-form {
        width: 100%; } }
    .newrealestatesearch_kekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f9f9f9;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #999;
      border-radius: 0;
      cursor: pointer; }
    .newrealestatesearch_kekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #999 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.newlp-type .swiper-button-prev, .newlp-type .swiper-button-next {
  color: #0c033a; }
.newlp-type .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0c033a; }

.newlp-wrapper .ranking-list-box-com .ranking-list-box-com-item .swiper-button-prev, .newlp-wrapper .ranking-list-box-com .ranking-list-box-com-item .swiper-button-next {
  color: #0c033a; }
.newlp-wrapper .ranking-list-box-com .ranking-list-box-com-item .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0c033a; }

@media only screen and (max-width: 767px) {
  .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0; } }

/*新案件LP用スタイル基本形*/
/* glp1LP   feature　
----------------------------------------------------------------------------------------------*/
.glp1 {
  color: #222222; }
  .glp1 .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .glp1-wrapper {
    padding: 0 .5rem; }
  .glp1 a {
    color: #000;
    transition: 0.3s; }
    .glp1 a:hover {
      opacity: 0.7; }
  .glp1-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .glp1-ttl {
        margin: 1rem auto 0;
        padding: 0 .5rem; } }
  .glp1-cv {
    margin: .5rem 0;
    text-align: center; }
    .glp1-cv a:hover {
      opacity: 1; }
    .glp1-cv-btn {
      position: relative;
      margin: .5rem auto;
      overflow: hidden;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 60px;
      border-radius: 30px;
      font-size: 1.3rem;
      font-weight: bold;
      background-color: #ed55b8;
      box-shadow: 0 8px 0 #79305f;
      animation-name: glp1-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .glp1-cv-btn {
          font-size: .9rem; } }
@keyframes glp1-cvmove {
  0% {
    box-shadow: 0 8px 0 #79305f;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #79305f;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #79305f;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #79305f;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #79305f;
    transform: translatey(0); } }
      .glp1-cv-btn:before {
        position: absolute;
        content: '';
        pointer-events: none;
        display: inline-block;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
      @media only screen and (max-width: 767px) {
        .glp1-cv-btn {
          width: 100%;
          padding: 0.5rem 0; } }
      .glp1-cv-btn-text {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        color: #fff;
        text-decoration: none;
        text-align: center;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        .glp1-cv-btn-text-strong {
          font-size: 1.3rem; }
        .glp1-cv-btn-text:nth-child(1) {
          top: 0;
          animation-name: cvtextup; }
        .glp1-cv-btn-text:nth-child(2) {
          bottom: -100%;
          animation-name: cvtextcome; }
@keyframes cvtextup {
  0% {
    top: 0;
    left: 0; }
  20% {
    top: 0;
    left: 0; }
  40% {
    top: 100%;
    left: 0; }
  55% {
    top: 0%;
    left: -250%; }
  70% {
    top: -100%;
    left: 0; }
  90% {
    top: 0;
    left: 0; }
  100% {
    top: 0;
    left: 0; } }
@keyframes cvtextcome {
  0% {
    bottom: 100%;
    left: 0; }
  20% {
    bottom: 100%;
    left: 0; }
  40% {
    bottom: 0;
    left: 0; }
  60% {
    bottom: 0;
    left: 0; }
  80% {
    bottom: -100%;
    left: 0; }
  100% {
    bottom: 0;
    left: -250%; } }
  .glp1-jump {
    max-width: 750px;
    margin: .5rem auto 2.5rem; }
    @media only screen and (max-width: 767px) {
      .glp1-jump {
        margin: .5rem auto 2rem; } }
    .glp1-jump-fukidashi {
      text-align: center;
      font-size: 1.02rem;
      font-weight: bold;
      margin: 1rem auto 1.2rem;
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .glp1-jump-fukidashi {
          width: 70%; } }
      .glp1-jump-fukidashi-inner {
        display: flex;
        gap: .5rem;
        flex-direction: column;
        position: relative;
        background-color: #f2f1f1;
        padding: 1rem;
        border-radius: 20px; }
        .glp1-jump-fukidashi-inner:before {
          position: absolute;
          bottom: -.5rem;
          left: 50%;
          transform: translateX(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-right: 20px solid transparent;
          border-left: 20px solid transparent;
          border-top: 25px solid #f2f1f1;
          border-bottom: 0; }
        .glp1-jump-fukidashi-inner-day {
          text-align: center;
          color: #c3c2ba;
          font-size: 1.2rem; }
        .glp1-jump-fukidashi-inner-img {
          width: 90%;
          margin: auto;
          display: flex;
          justify-content: center; }
          @media only screen and (max-width: 767px) {
            .glp1-jump-fukidashi-inner-img {
              width: 100%; } }
    .glp1-jump-btn {
      width: 65%;
      margin: auto;
      display: flex;
      justify-content: center;
      background-color: #d4ed6d;
      box-shadow: 0 8px 0 #4c5528;
      align-items: center;
      border-radius: 30px;
      padding: .5rem 1rem;
      animation-name: glp1-jumpmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */
      animation-duration: 2s; }
      @media only screen and (max-width: 767px) {
        .glp1-jump-btn {
          width: 95%; } }
@keyframes glp1-jumpmove {
  0% {
    transform: rotate(0deg); }
  5% {
    transform: rotate(-2deg); }
  10% {
    transform: rotate(0deg); }
  15% {
    transform: rotate(2deg); }
  20% {
    transform: rotate(0deg); } }
      .glp1-jump-btn-img {
        width: 90%; }
    .glp1-jump a:hover {
      opacity: 1; }
  .glp1 th {
    background-color: transparent; }
  .glp1 td {
    background-color: #fcf5f7; }
  .glp1-neotype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .glp1-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .glp1-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .glp1-neotype-list {
      margin-top: 2rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .glp1-neotype-list {
          margin-top: 2rem;
          flex-direction: column;
          gap: 3rem; } }
      .glp1-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #fafbf4;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .glp1-neotype-list-inner {
            width: 100%; } }
        .glp1-neotype-list-inner-1 {
          border: 4px solid #ffe76b; }
          @media only screen and (max-width: 767px) {
            .glp1-neotype-list-inner-1 {
              border: 3px solid #ffe76b; } }
          .glp1-neotype-list-inner-1 .glp1-neotype-list-inner-ttl {
            position: relative; }
            .glp1-neotype-list-inner-1 .glp1-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/glp1/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .glp1-neotype-list-inner-1 .glp1-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .glp1-neotype-list-inner-2 .glp1-neotype-list-inner-ttl {
          position: relative; }
          .glp1-neotype-list-inner-2 .glp1-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/glp1/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .glp1-neotype-list-inner-2 .glp1-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .glp1-neotype-list-inner-3 .glp1-neotype-list-inner-ttl {
          position: relative; }
          .glp1-neotype-list-inner-3 .glp1-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/glp1/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .glp1-neotype-list-inner-3 .glp1-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .glp1-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .glp1-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/glp1/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .glp1-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .glp1-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .glp1-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .glp1-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .glp1-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .glp1-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .glp1-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .glp1-neotype-list-inner-ttl-name {
            font-size: 1.4rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            @media only screen and (max-width: 767px) {
              .glp1-neotype-list-inner-ttl-name {
                font-size: 1.5rem; } }
            .glp1-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .glp1-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .glp1-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .glp1-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .glp1-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .2rem;
            margin: 0; }
            .glp1-neotype-list-inner-content-spec-inner {
              width: 100%;
              background-color: #fff; }
              .glp1-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #d4ed6d;
                color: #222222;
                font-weight: bold;
                padding: .2rem;
                font-size: .7rem; }
                @media only screen and (max-width: 767px) {
                  .glp1-neotype-list-inner-content-spec-inner-dt {
                    font-size: .9rem; } }
              .glp1-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .glp1-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .glp1-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .glp1-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .glp1-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .glp1-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .glp1-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/glp1/check_neo.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .glp1-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .glp1-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .glp1-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .glp1-neotype-list-inner-content-cv {
            width: 100%;
            margin: 0 auto; }
            @media only screen and (max-width: 767px) {
              .glp1-neotype-list-inner-content-cv {
                width: 80%; } }
            .glp1-neotype-list-inner-content-cv-btn {
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
              .glp1-neotype-list-inner-content-cv-btn-txt {
                font-size: 1.2rem;
                color: #fff; }
        .glp1-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .glp1-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center;
            color: #222222;
            text-decoration: none; }
            .glp1-neotype-list-inner-link-btn-txt {
              position: relative; }
              .glp1-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #222222;
                border-bottom: 0;
                transition: .3s; }
              .glp1-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #222222;
                border-bottom: 0;
                transition: .3s; }
  .glp1-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .glp1-type {
        margin: .5rem auto; } }
    .glp1-type-ttl {
      max-width: 500px;
      margin: auto; }
    .glp1-type-list {
      margin-top: 1rem; }
      @media only screen and (max-width: 767px) {
        .glp1-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: 1rem; } }
      .glp1-type-list-ry {
        margin-top: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .glp1-type-list-ry {
            margin-top: 1rem; } }
      .glp1-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .glp1-type-list-inner {
            width: 100%; } }
        .glp1-type-list-inner-ttl {
          position: relative;
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #222222;
          font-size: 1rem;
          background-color: #d4ed6d;
          border-radius: 20px 20px 0 0; }
          .glp1-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .glp1-type-list-inner-ttl-y {
            background-color: #ffe76b; }
          .glp1-type-list-inner-ttl-gbg {
            background-color: #eef8c5; }
          .glp1-type-list-inner-ttl-ybg {
            background-color: #fff5c4; }
          .glp1-type-list-inner-ttl .ico-rank {
            width: 2.5rem;
            position: absolute;
            top: -1.2rem;
            left: 50%;
            transform: translateX(-50%); }
        .glp1-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #222222;
          background-color: #f2f1f1;
          border-radius: 0 0 20px 20px;
          border: none;
          height: 10rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .glp1-type-list-inner-content {
              padding: 1rem;
              height: auto; } }
          .glp1-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .glp1-type-list-inner-content-wrap {
                gap: 0; } }
            .glp1-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .glp1-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .glp1-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .glp1-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .glp1-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .glp1-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .glp1-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .glp1-type-list-inner-content .name {
            font-weight: bold;
            font-size: .9rem;
            color: #337ab7; }
        .glp1-type-list-inner-copy {
          width: 75%; }
        .glp1-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .glp1-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .glp1-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .glp1-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .glp1-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .glp1-type-list-inner-cv-txt {
            color: #fff; }
          .glp1-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .glp1-cancel {
    max-width: 750px;
    margin: 1rem auto 2rem; }
    @media only screen and (max-width: 767px) {
      .glp1-cancel {
        padding: 0 .5rem; } }
  .glp1-different-content {
    max-width: 750px;
    margin: 1rem auto; }
    .glp1-different-content-hikaku {
      max-width: 500px;
      margin: 0 auto 1rem;
      display: grid;
      grid-template-columns: 1fr .5fr .7fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "inj white pill" "inj-time time pill-time" "inj-pain pain pill-pain" "inj-effect effect pill-effect" "inj-medi medi pill-medi"; }
      @media only screen and (max-width: 767px) {
        .glp1-different-content-hikaku {
          grid-template-columns: 1fr .6fr .8fr; } }
      .glp1-different-content-hikaku .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        width: 100%;
        background-color: #eef8c5; }
        @media only screen and (max-width: 767px) {
          .glp1-different-content-hikaku .flex {
            font-size: .8rem; } }
      .glp1-different-content-hikaku .ttl {
        padding: .2rem;
        font-weight: bold;
        background-color: #dedddc; }
      .glp1-different-content-hikaku-ttl {
        width: 80%;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          .glp1-different-content-hikaku-ttl {
            width: 100%; } }
      .glp1-different-content-hikaku .white {
        grid-area: white; }
      .glp1-different-content-hikaku .time {
        grid-area: time; }
      .glp1-different-content-hikaku .pain {
        grid-area: pain; }
      .glp1-different-content-hikaku .effect {
        grid-area: effect; }
      .glp1-different-content-hikaku .medi {
        grid-area: medi; }
      .glp1-different-content-hikaku .inj {
        grid-area: inj;
        background-color: #fff5c4;
        border: 4px solid #ed55b8;
        border-bottom: none; }
        @media only screen and (max-width: 767px) {
          .glp1-different-content-hikaku .inj {
            border: 2px solid #ed55b8;
            border-bottom: none; } }
        .glp1-different-content-hikaku .inj-time {
          grid-area: inj-time;
          background-color: #fff5c4;
          border-left: 4px solid #ed55b8;
          border-right: 4px solid #ed55b8; }
          @media only screen and (max-width: 767px) {
            .glp1-different-content-hikaku .inj-time {
              border-left: 2px solid #ed55b8;
              border-right: 2px solid #ed55b8; } }
        .glp1-different-content-hikaku .inj-pain {
          grid-area: inj-pain;
          background-color: #fff5c4;
          border-left: 4px solid #ed55b8;
          border-right: 4px solid #ed55b8; }
          @media only screen and (max-width: 767px) {
            .glp1-different-content-hikaku .inj-pain {
              border-left: 2px solid #ed55b8;
              border-right: 2px solid #ed55b8; } }
        .glp1-different-content-hikaku .inj-effect {
          grid-area: inj-effect;
          background-color: #fff5c4;
          border-left: 4px solid #ed55b8;
          border-right: 4px solid #ed55b8; }
          @media only screen and (max-width: 767px) {
            .glp1-different-content-hikaku .inj-effect {
              border-left: 2px solid #ed55b8;
              border-right: 2px solid #ed55b8; } }
        .glp1-different-content-hikaku .inj-medi {
          grid-area: inj-medi;
          background-color: #fff5c4;
          border: 4px solid #ed55b8;
          border-top: none; }
          @media only screen and (max-width: 767px) {
            .glp1-different-content-hikaku .inj-medi {
              border: 2px solid #ed55b8;
              border-top: none; } }
      .glp1-different-content-hikaku .pill {
        grid-area: pill; }
        .glp1-different-content-hikaku .pill-time {
          grid-area: pill-time; }
        .glp1-different-content-hikaku .pill-pain {
          grid-area: pill-pain; }
        .glp1-different-content-hikaku .pill-effect {
          grid-area: pill-effect; }
        .glp1-different-content-hikaku .pill-medi {
          grid-area: pill-medi; }
      .glp1-different-content-hikaku-pill {
        grid-template-areas: "pill white inj" "pill-time time inj-time" "pill-pain pain inj-pain" "pill-effect effect inj-effect" "pill-medi medi inj-medi"; }
        .glp1-different-content-hikaku-pill .inj {
          grid-area: inj;
          background-color: #eef8c5;
          border: none; }
          .glp1-different-content-hikaku-pill .inj-time {
            grid-area: inj-time;
            background-color: #eef8c5;
            border: none; }
          .glp1-different-content-hikaku-pill .inj-pain {
            grid-area: inj-pain;
            background-color: #eef8c5;
            border: none; }
          .glp1-different-content-hikaku-pill .inj-effect {
            grid-area: inj-effect;
            background-color: #eef8c5;
            border: none; }
          .glp1-different-content-hikaku-pill .inj-medi {
            grid-area: inj-medi;
            background-color: #eef8c5;
            border: none; }
        .glp1-different-content-hikaku-pill .pill {
          grid-area: pill;
          background-color: #fff5c4;
          border: 4px solid #ed55b8;
          border-bottom: none; }
          @media only screen and (max-width: 767px) {
            .glp1-different-content-hikaku-pill .pill {
              border: 2px solid #ed55b8;
              border-bottom: none; } }
          .glp1-different-content-hikaku-pill .pill-time {
            grid-area: pill-time;
            background-color: #fff5c4;
            border-left: 4px solid #ed55b8;
            border-right: 4px solid #ed55b8; }
            @media only screen and (max-width: 767px) {
              .glp1-different-content-hikaku-pill .pill-time {
                border-left: 2px solid #ed55b8;
                border-right: 2px solid #ed55b8; } }
          .glp1-different-content-hikaku-pill .pill-pain {
            grid-area: pill-pain;
            background-color: #fff5c4;
            border-left: 4px solid #ed55b8;
            border-right: 4px solid #ed55b8; }
            @media only screen and (max-width: 767px) {
              .glp1-different-content-hikaku-pill .pill-pain {
                border-left: 2px solid #ed55b8;
                border-right: 2px solid #ed55b8; } }
          .glp1-different-content-hikaku-pill .pill-effect {
            grid-area: pill-effect;
            background-color: #fff5c4;
            border-left: 4px solid #ed55b8;
            border-right: 4px solid #ed55b8; }
            @media only screen and (max-width: 767px) {
              .glp1-different-content-hikaku-pill .pill-effect {
                border-left: 2px solid #ed55b8;
                border-right: 2px solid #ed55b8; } }
          .glp1-different-content-hikaku-pill .pill-medi {
            grid-area: pill-medi;
            background-color: #fff5c4;
            border: 4px solid #ed55b8;
            border-top: none; }
            @media only screen and (max-width: 767px) {
              .glp1-different-content-hikaku-pill .pill-medi {
                border: 2px solid #ed55b8;
                border-top: none; } }
    .glp1-different-content-txt {
      text-align: center; }
  .glp1-pillorinj {
    margin: 1rem auto; }
    .glp1-pillorinj-ttl {
      max-width: 400px; }
    .glp1-pillorinj-container {
      max-width: 500px;
      position: relative;
      margin: 1rem auto .5rem;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "pill inj" "times times" "pill-times inj-times" "pain pain" "pill-pain inj-pain" "price price" "pill-price inj-price" "medi medi" "pill-medi inj-medi" "feature feature" "pill-feature inj-feature" "cv cv" "pill-cv inj-cv"; }
      .glp1-pillorinj-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        background-color: #eef8c5;
        font-size: .9rem; }
      .glp1-pillorinj-container .ttl {
        background-color: #f2f1f1;
        font-weight: bold;
        font-size: .8rem;
        text-align: center;
        padding: .2rem; }
      .glp1-pillorinj-container:before {
        position: absolute;
        top: -2rem;
        left: -1rem;
        display: inline-block;
        width: 5rem;
        height: 4rem;
        background: url(../img/feature/glp1/type/osusume_icon.png) no-repeat;
        background-size: contain;
        content: ''; }
        @media only screen and (max-width: 767px) {
          .glp1-pillorinj-container:before {
            top: -3rem;
            left: -.2rem; } }
      .glp1-pillorinj-container-inner {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center; }
        .glp1-pillorinj-container-inner-name {
          width: 80%; }
        .glp1-pillorinj-container-inner-txt {
          position: relative;
          display: inline-block;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .glp1-pillorinj-container-inner-txt {
              font-size: .7rem;
              margin-bottom: .3rem;
              max-width: 80%; } }
          .glp1-pillorinj-container-inner-txt:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            content: '';
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/glp1/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .glp1-pillorinj-container-inner-txt:before {
                left: -1rem; } }
          .glp1-pillorinj-container-inner-txt:after {
            position: absolute;
            top: 50%;
            right: -1rem;
            transform: translateY(-50%);
            content: '';
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/glp1/fukidashi_r.png) no-repeat;
            background-size: contain; }
        .glp1-pillorinj-container-inner-img a {
          display: flex;
          justify-content: center; }
        .glp1-pillorinj-container-inner-cv {
          width: 100%;
          margin: 0 0 1rem; }
          .glp1-pillorinj-container-inner-cv-btn {
            width: 90%;
            color: #fff !important;
            margin: 0 auto;
            font-size: 1.1rem; }
      .glp1-pillorinj-container-name {
        display: flex;
        flex-direction: column;
        gap: .2rem; }
        .glp1-pillorinj-container-name-item {
          position: relative;
          padding-left: 1rem;
          line-height: 1.4; }
          .glp1-pillorinj-container-name-item .dot {
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #c3c2ba;
            border-radius: 20px;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
      .glp1-pillorinj-container-list {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        .glp1-pillorinj-container-list-item {
          position: relative;
          padding-left: 1.5rem;
          line-height: 1.3; }
          .glp1-pillorinj-container-list-item .maru {
            display: inline-block;
            width: 1.2rem;
            height: 1.2rem;
            background: url(../img/feature/glp1/glp1-good.png) no-repeat;
            background-position: center;
            background-size: contain;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
          .glp1-pillorinj-container-list-item .batsu {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/glp1/glp1-bad.png) no-repeat;
            background-position: center;
            background-size: contain;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
      .glp1-pillorinj-container .white {
        grid-area: white; }
      .glp1-pillorinj-container .times {
        grid-area: times; }
      .glp1-pillorinj-container .pain {
        grid-area: pain; }
      .glp1-pillorinj-container .price {
        grid-area: price; }
      .glp1-pillorinj-container .medi {
        grid-area: medi; }
      .glp1-pillorinj-container .feature {
        grid-area: feature; }
      .glp1-pillorinj-container .cv {
        grid-area: cv; }
      .glp1-pillorinj-container .pill {
        grid-area: pill;
        background-color: #fff5c4;
        border: 3px solid #ed55b8;
        border-bottom: none;
        border-radius: 20px 0 0 0; }
        .glp1-pillorinj-container .pill-times {
          grid-area: pill-times;
          background-color: #fff5c4;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-container .pill-pain {
          grid-area: pill-pain;
          background-color: #fff5c4;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-container .pill-price {
          grid-area: pill-price;
          background-color: #fff5c4;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-container .pill-medi {
          grid-area: pill-medi;
          background-color: #fff5c4;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-container .pill-feature {
          grid-area: pill-feature;
          background-color: #fff5c4;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-container .pill-cv {
          grid-area: pill-cv;
          background-color: #fff5c4;
          border: 3px solid #ed55b8;
          border-top: none;
          border-radius: 0 0 0 20px; }
      .glp1-pillorinj-container .inj {
        grid-area: inj;
        border-radius: 0 20px 0 0; }
        .glp1-pillorinj-container .inj-times {
          grid-area: inj-times; }
        .glp1-pillorinj-container .inj-pain {
          grid-area: inj-pain; }
        .glp1-pillorinj-container .inj-price {
          grid-area: inj-price; }
        .glp1-pillorinj-container .inj-medi {
          grid-area: inj-medi; }
        .glp1-pillorinj-container .inj-feature {
          grid-area: inj-feature; }
        .glp1-pillorinj-container .inj-cv {
          grid-area: inj-cv;
          border-radius: 0 0 20px 0; }
    .glp1-pillorinj-hikaku {
      max-width: 750px;
      margin: 1rem auto .5rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 3px;
      grid-auto-flow: row;
      grid-template-areas: "ozem sax ry" "type type type" "ozem-type sax-type ry-type" "times times times" "ozem-times sax-times ry-times" "pain pain pain" "ozem-pain sax-pain ry-pain" "effect effect effect" "ozem-effect sax-effect ry-effect" "feature feature feature" "ozem-feature sax-feature ry-feature" "cv cv cv" "ozem-cv sax-cv ry-cv"; }
      .glp1-pillorinj-hikaku .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        background-color: #fff5c4;
        font-size: .9rem; }
      .glp1-pillorinj-hikaku .ttl {
        padding: .2rem;
        font-weight: bold;
        background-color: #dedddc; }
        @media only screen and (max-width: 767px) {
          .glp1-pillorinj-hikaku .ttl {
            font-size: .8rem; } }
      .glp1-pillorinj-hikaku:before {
        position: absolute;
        top: -3rem;
        left: -1rem;
        display: inline-block;
        width: 5rem;
        height: 4rem;
        background: url(../img/feature/glp1/type/effect_icon.png) no-repeat;
        background-size: contain;
        content: ''; }
        @media only screen and (max-width: 767px) {
          .glp1-pillorinj-hikaku:before {
            top: -3rem;
            left: -.5rem; } }
      .glp1-pillorinj-hikaku-inner {
        display: flex;
        flex-direction: column;
        gap: .2rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center; }
        .glp1-pillorinj-hikaku-inner-name {
          width: 80%;
          padding: .5rem 0; }
          @media only screen and (max-width: 767px) {
            .glp1-pillorinj-hikaku-inner-name {
              width: 100%; } }
        .glp1-pillorinj-hikaku-inner-itemimg {
          width: 50%; }
          @media only screen and (max-width: 767px) {
            .glp1-pillorinj-hikaku-inner-itemimg {
              width: 80%; } }
        .glp1-pillorinj-hikaku-inner-txt {
          position: relative;
          display: inline-block;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .glp1-pillorinj-hikaku-inner-txt {
              font-size: .7rem;
              margin-bottom: .3rem;
              max-width: 80%; } }
          .glp1-pillorinj-hikaku-inner-txt:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            content: '';
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/glp1/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .glp1-pillorinj-hikaku-inner-txt:before {
                left: -1rem; } }
          .glp1-pillorinj-hikaku-inner-txt:after {
            position: absolute;
            top: 50%;
            right: -1rem;
            transform: translateY(-50%);
            content: '';
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/glp1/fukidashi_r.png) no-repeat;
            background-size: contain; }
        .glp1-pillorinj-hikaku-inner-img a {
          display: flex;
          justify-content: center; }
        .glp1-pillorinj-hikaku-inner-cv {
          width: 100%;
          margin: 0 0 1rem; }
          .glp1-pillorinj-hikaku-inner-cv-btn {
            width: 90%;
            color: #fff !important;
            margin: 0 auto;
            font-size: 1rem; }
            @media only screen and (max-width: 767px) {
              .glp1-pillorinj-hikaku-inner-cv-btn {
                width: 100%; } }
      .glp1-pillorinj-hikaku-list {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        @media only screen and (max-width: 767px) {
          .glp1-pillorinj-hikaku-list {
            gap: 1rem; } }
        .glp1-pillorinj-hikaku-list-item {
          position: relative;
          padding-left: 1.5rem;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .glp1-pillorinj-hikaku-list-item {
              padding-left: 0;
              padding-top: 1.4rem;
              text-align: center;
              font-size: .8rem; } }
          .glp1-pillorinj-hikaku-list-item .maru {
            display: inline-block;
            width: 1.2rem;
            height: 1.2rem;
            background: url(../img/feature/glp1/glp1-good.png) no-repeat;
            background-position: center;
            background-size: contain;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
            @media only screen and (max-width: 767px) {
              .glp1-pillorinj-hikaku-list-item .maru {
                top: 0;
                left: 50%;
                transform: translateX(-50%); } }
          .glp1-pillorinj-hikaku-list-item .batsu {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/glp1/glp1-bad.png) no-repeat;
            background-position: center;
            background-size: contain;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
            @media only screen and (max-width: 767px) {
              .glp1-pillorinj-hikaku-list-item .batsu {
                top: 0;
                left: 50%;
                transform: translateX(-50%); } }
      .glp1-pillorinj-hikaku .type {
        grid-area: type; }
      .glp1-pillorinj-hikaku .times {
        grid-area: times; }
      .glp1-pillorinj-hikaku .pain {
        grid-area: pain; }
      .glp1-pillorinj-hikaku .effect {
        grid-area: effect; }
      .glp1-pillorinj-hikaku .feature {
        grid-area: feature; }
      .glp1-pillorinj-hikaku .cv {
        grid-area: cv; }
      .glp1-pillorinj-hikaku .ozem {
        grid-area: ozem;
        border: 3px solid #ed55b8;
        border-bottom: none;
        padding: .2rem;
        border-radius: 20px 0 0 0; }
        .glp1-pillorinj-hikaku .ozem-type {
          grid-area: ozem-type;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-hikaku .ozem-times {
          grid-area: ozem-times;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-hikaku .ozem-pain {
          grid-area: ozem-pain;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-hikaku .ozem-effect {
          grid-area: ozem-effect;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-hikaku .ozem-feature {
          grid-area: ozem-feature;
          border-right: 3px solid #ed55b8;
          border-left: 3px solid #ed55b8; }
        .glp1-pillorinj-hikaku .ozem-cv {
          grid-area: ozem-cv;
          border: 3px solid #ed55b8;
          border-top: none;
          border-radius: 0 0 0 20px; }
      .glp1-pillorinj-hikaku .sax {
        grid-area: sax; }
        .glp1-pillorinj-hikaku .sax-type {
          grid-area: sax-type; }
        .glp1-pillorinj-hikaku .sax-times {
          grid-area: sax-times; }
        .glp1-pillorinj-hikaku .sax-pain {
          grid-area: sax-pain; }
        .glp1-pillorinj-hikaku .sax-effect {
          grid-area: sax-effect; }
        .glp1-pillorinj-hikaku .sax-feature {
          grid-area: sax-feature; }
        .glp1-pillorinj-hikaku .sax-cv {
          grid-area: sax-cv; }
      .glp1-pillorinj-hikaku .ry {
        grid-area: ry;
        background-color: #eef8c5;
        border-radius: 0 20px 0 0; }
        .glp1-pillorinj-hikaku .ry-type {
          grid-area: ry-type;
          background-color: #eef8c5; }
        .glp1-pillorinj-hikaku .ry-times {
          grid-area: ry-times;
          background-color: #eef8c5; }
        .glp1-pillorinj-hikaku .ry-pain {
          grid-area: ry-pain;
          background-color: #eef8c5; }
        .glp1-pillorinj-hikaku .ry-effect {
          grid-area: ry-effect;
          background-color: #eef8c5; }
        .glp1-pillorinj-hikaku .ry-feature {
          grid-area: ry-feature;
          background-color: #eef8c5; }
        .glp1-pillorinj-hikaku .ry-cv {
          grid-area: ry-cv;
          background-color: #eef8c5;
          border-radius: 0 0 20px 0; }
    .glp1-pillorinj-kome {
      max-width: 500px;
      font-size: .8rem;
      text-align: right;
      color: #c3c2ba;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .glp1-pillorinj-kome {
          font-size: .7rem; } }
  .glp1-detail-ttl {
    display: flex;
    justify-content: center;
    max-width: 350px; }
  .glp1-detail-container {
    margin: 1rem auto;
    max-width: 500px;
    display: grid;
    grid-template-columns: 0.4fr 1fr 0.4fr 1fr;
    grid-template-rows: auto;
    gap: 4px;
    grid-auto-flow: row;
    grid-template-areas: "ry ry ry ry" "type ry-type meyasu ry-meyasu" "times ry-times side ry-side" "effect ry-effect feature ry-feature" "kome kome kome kome" "ry-cv ry-cv ry-cv ry-cv"; }
    @media only screen and (max-width: 767px) {
      .glp1-detail-container {
        padding: 0 .5rem; } }
    .glp1-detail-container .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem .5rem;
      background-color: #fff5c4;
      font-size: .9rem; }
    .glp1-detail-container .ttl {
      padding: .2rem;
      font-weight: bold;
      background-color: #f2f1f1;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .glp1-detail-container .ttl {
          font-size: .8rem; } }
    .glp1-detail-container .green {
      background-color: #eef8c5; }
    .glp1-detail-container-name {
      display: flex;
      justify-content: center;
      gap: .5rem;
      align-items: flex-end;
      padding-bottom: .5rem; }
      .glp1-detail-container-name-img {
        width: 80%; }
    .glp1-detail-container-effect {
      display: flex;
      flex-direction: column;
      gap: .5rem; }
      .glp1-detail-container-effect-item {
        position: relative;
        padding-left: 1rem;
        line-height: 1.2;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .glp1-detail-container-effect-item {
            font-size: .8rem; } }
        .glp1-detail-container-effect-item .dot {
          display: inline-block;
          width: .5rem;
          height: .5rem;
          background-color: #c3c2ba;
          border-radius: 20px;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%); }
    .glp1-detail-container-inner {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      width: 100%;
      gap: .5rem; }
      .glp1-detail-container-inner-txt {
        text-align: center; }
      .glp1-detail-container-inner-img {
        width: 50%; }
      .glp1-detail-container-inner-copy {
        position: relative;
        display: inline-block;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .glp1-detail-container-inner-copy {
            font-size: .7rem;
            margin-bottom: .3rem;
            max-width: 80%; } }
        .glp1-detail-container-inner-copy:before {
          position: absolute;
          top: 50%;
          left: -1rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .glp1-detail-container-inner-copy:before {
              left: -1rem; } }
        .glp1-detail-container-inner-copy:after {
          position: absolute;
          top: 50%;
          right: -1rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/fukidashi_r.png) no-repeat;
          background-size: contain; }
      .glp1-detail-container-inner-cv {
        width: 60%;
        margin: 0 0 1rem; }
        .glp1-detail-container-inner-cv-btn {
          width: 100%;
          color: #fff !important;
          margin: 0 auto;
          font-size: 1rem; }
          @media only screen and (max-width: 767px) {
            .glp1-detail-container-inner-cv-btn {
              width: 100%; } }
    .glp1-detail-container .type {
      grid-area: type;
      border-radius: 20px 0 0 0; }
    .glp1-detail-container .times {
      grid-area: times; }
    .glp1-detail-container .effect {
      grid-area: effect;
      border-radius: 0 0 0 20px; }
    .glp1-detail-container .meyasu {
      grid-area: meyasu; }
    .glp1-detail-container .side {
      grid-area: side; }
    .glp1-detail-container .feature {
      grid-area: feature; }
    .glp1-detail-container .cv {
      grid-area: cv; }
    .glp1-detail-container .kome {
      grid-area: kome;
      text-align: right;
      font-size: .8rem;
      color: #c3c2ba; }
      @media only screen and (max-width: 767px) {
        .glp1-detail-container .kome {
          font-size: .7rem; } }
    .glp1-detail-container .ry {
      grid-area: ry; }
      .glp1-detail-container .ry-type {
        grid-area: ry-type; }
      .glp1-detail-container .ry-times {
        grid-area: ry-times; }
      .glp1-detail-container .ry-effect {
        grid-area: ry-effect; }
      .glp1-detail-container .ry-meyasu {
        grid-area: ry-meyasu;
        border-radius: 0 20px 0 0; }
      .glp1-detail-container .ry-side {
        grid-area: ry-side; }
      .glp1-detail-container .ry-feature {
        grid-area: ry-feature;
        border-radius: 0 0 20px 0; }
      .glp1-detail-container .ry-cv {
        grid-area: ry-cv;
        padding: 1rem 0;
        position: relative; }
        .glp1-detail-container .ry-cv:before {
          position: absolute;
          top: 0;
          left: 4rem;
          display: inline-block;
          width: 5rem;
          height: 4rem;
          background: url(../img/feature/glp1/type/osusume_icon.png) no-repeat;
          background-size: contain;
          content: ''; }
          @media only screen and (max-width: 767px) {
            .glp1-detail-container .ry-cv:before {
              left: 1rem; } }
  .glp1-summary {
    max-width: 750px;
    margin: 1rem auto; }
    .glp1-summary-title {
      max-width: 500px;
      margin: 1rem auto; }
    .glp1-summary-rank {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .glp1-summary-rank {
          gap: .2rem; } }
      .glp1-summary-rank-inner {
        margin-top: 1rem;
        border-radius: 20px;
        width: 100%; }
        .glp1-summary-rank-inner-ttl {
          position: relative;
          border-radius: 16px 16px 0 0;
          padding: 2rem .5rem 1rem; }
          @media only screen and (max-width: 767px) {
            .glp1-summary-rank-inner-ttl {
              padding: 1rem .5rem .5rem;
              min-height: 6.5rem;
              display: flex;
              justify-content: center;
              align-items: center; } }
          .glp1-summary-rank-inner-ttl-icon {
            position: absolute;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            width: 4rem; }
            @media only screen and (max-width: 767px) {
              .glp1-summary-rank-inner-ttl-icon {
                width: 3rem; } }
          .glp1-summary-rank-inner-ttl-txt {
            text-align: center; }
            @media only screen and (max-width: 767px) {
              .glp1-summary-rank-inner-ttl-txt {
                font-size: .8rem; } }
            .glp1-summary-rank-inner-ttl-txt-big {
              font-weight: bold;
              font-size: 1.4rem; }
              @media only screen and (max-width: 767px) {
                .glp1-summary-rank-inner-ttl-txt-big {
                  font-size: .8rem; } }
            .glp1-summary-rank-inner-ttl-txt-small {
              font-weight: bold;
              font-size: .8rem; }
        .glp1-summary-rank-inner-content {
          padding: 1rem;
          display: flex;
          flex-direction: column;
          gap: .5rem;
          justify-content: center;
          align-items: center;
          min-height: 15rem; }
          @media only screen and (max-width: 767px) {
            .glp1-summary-rank-inner-content {
              min-height: 11.5rem;
              padding: .5rem; } }
          .glp1-summary-rank-inner-content-logo {
            width: 100%;
            margin: auto; }
          .glp1-summary-rank-inner-content-star-txt {
            text-align: center;
            font-size: .9rem;
            margin-bottom: .2rem; }
          .glp1-summary-rank-inner-content-star-img {
            width: 80%;
            margin: 0 auto; }
        .glp1-summary-rank-inner-cv {
          width: 100%; }
        .glp1-summary-rank-inner-1 {
          border: 4px solid #ffe76b; }
          @media only screen and (max-width: 767px) {
            .glp1-summary-rank-inner-1 {
              border: 2px solid #ffe76b; } }
          .glp1-summary-rank-inner-1 .glp1-summary-rank-inner-ttl {
            background-color: #fff5c4; }
        .glp1-summary-rank-inner-2 {
          border: 4px solid #dedae0; }
          @media only screen and (max-width: 767px) {
            .glp1-summary-rank-inner-2 {
              border: 2px solid #dedae0; } }
          .glp1-summary-rank-inner-2 .glp1-summary-rank-inner-ttl {
            background-color: #f2f1f1; }
        .glp1-summary-rank-inner-3 {
          border: 4px solid #c9b5a2; }
          @media only screen and (max-width: 767px) {
            .glp1-summary-rank-inner-3 {
              border: 2px solid #c9b5a2; } }
          .glp1-summary-rank-inner-3 .glp1-summary-rank-inner-ttl {
            background-color: #ede0d4; }
    .glp1-summary-kome {
      opacity: .4;
      line-height: 1.2;
      font-size: .8rem;
      margin-top: 0.5rem;
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .glp1-summary-kome {
          text-align: center;
          margin-top: -0.5rem; } }
  .glp1-ichioshi {
    margin: 1.5rem auto -1rem;
    max-width: 500px; }
  .glp1-diethikaku {
    margin: 1.5rem auto; }
    .glp1-diethikaku-ttl {
      max-width: 500px;
      margin: auto; }
    .glp1-diethikaku-subttl {
      max-width: 400px;
      margin: auto; }
    .glp1-diethikaku-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px .5rem;
      grid-auto-flow: row;
      grid-template-areas: "medi1 medi2 medi3 medi4 medi5" "price price price price price" "medi1-price medi2-price medi3-price medi4-price medi5-price" "feature feature feature feature feature" "medi1-feature medi2-feature medi3-feature medi4-feature medi5-feature" "take take take take take" "medi1-take medi2-take medi3-take medi4-take medi5-take" "hormone hormone hormone hormone hormone" "medi1-hormone medi2-hormone medi3-hormone medi4-hormone medi5-hormone" "lose lose lose lose lose" "medi1-lose medi2-lose medi3-lose medi4-lose medi5-lose"; }
      @media only screen and (max-width: 767px) {
        .glp1-diethikaku-container {
          grid-template-columns: repeat(5, 10rem);
          gap: 0 .2rem; } }
      .glp1-diethikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        background-color: #f2f1f1;
        width: 100%; }
      .glp1-diethikaku-container .ttl {
        padding: .2rem;
        font-weight: bold;
        background-color: #dedddc; }
      .glp1-diethikaku-container-inner {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: .5rem;
        align-items: center;
        width: 100%; }
        .glp1-diethikaku-container-inner-name {
          text-align: center;
          font-weight: bold;
          margin-bottom: .5rem; }
          .glp1-diethikaku-container-inner-name-big {
            font-size: 1.3rem;
            position: relative;
            line-height: 1.2; }
            .glp1-diethikaku-container-inner-name-big:before {
              position: absolute;
              width: 1.5rem;
              height: 1rem;
              top: -0.5rem;
              left: 0;
              transform: rotate(-15deg);
              display: inline-block;
              content: '';
              background: url(../img/feature/glp1/attention_icon.png) no-repeat;
              background-size: contain; }
        .glp1-diethikaku-container-inner-img {
          width: 60%;
          margin: auto;
          position: relative; }
          .glp1-diethikaku-container-inner-img:before {
            position: absolute;
            top: -1rem;
            right: -1rem;
            display: inline-block;
            width: 3rem;
            height: 3rem;
            background: url(../img/feature/glp1/medi_batch.png) no-repeat;
            background-size: contain;
            content: ''; }
          .glp1-diethikaku-container-inner-img-xenical {
            width: 50%; }
          .glp1-diethikaku-container-inner-img-kanpo {
            position: relative;
            width: 45%; }
            .glp1-diethikaku-container-inner-img-kanpo:before {
              position: absolute;
              top: -1rem;
              right: -1rem;
              display: inline-block;
              width: 3rem;
              height: 3rem;
              background: url(../img/feature/glp1/kanpo_batch.png) no-repeat;
              background-size: contain;
              content: ''; }
        .glp1-diethikaku-container-inner-eval {
          width: 20%;
          margin: auto; }
        .glp1-diethikaku-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
      .glp1-diethikaku-container .price {
        grid-area: price; }
      .glp1-diethikaku-container .feature {
        grid-area: feature; }
      .glp1-diethikaku-container .take {
        grid-area: take; }
      .glp1-diethikaku-container .hormone {
        grid-area: hormone; }
      .glp1-diethikaku-container .lose {
        grid-area: lose; }
      .glp1-diethikaku-container .medi1 {
        grid-area: medi1;
        background-color: #fff5c4;
        border: 0.3rem solid #ed55b8;
        border-bottom: none; }
        .glp1-diethikaku-container .medi1-price {
          grid-area: medi1-price;
          background-color: #fff5c4;
          border-left: 0.3rem solid #ed55b8;
          border-right: 0.3rem solid #ed55b8; }
        .glp1-diethikaku-container .medi1-feature {
          grid-area: medi1-feature;
          background-color: #fff5c4;
          border-left: 0.3rem solid #ed55b8;
          border-right: 0.3rem solid #ed55b8; }
        .glp1-diethikaku-container .medi1-take {
          grid-area: medi1-take;
          background-color: #fff5c4;
          border-left: 0.3rem solid #ed55b8;
          border-right: 0.3rem solid #ed55b8; }
        .glp1-diethikaku-container .medi1-hormone {
          grid-area: medi1-hormone;
          background-color: #fff5c4;
          border-left: 0.3rem solid #ed55b8;
          border-right: 0.3rem solid #ed55b8; }
        .glp1-diethikaku-container .medi1-lose {
          grid-area: medi1-lose;
          background-color: #fff5c4;
          border: 0.3rem solid #ed55b8;
          border-top: none; }
      .glp1-diethikaku-container .medi2 {
        grid-area: medi2; }
        .glp1-diethikaku-container .medi2-price {
          grid-area: medi2-price; }
        .glp1-diethikaku-container .medi2-feature {
          grid-area: medi2-feature; }
        .glp1-diethikaku-container .medi2-take {
          grid-area: medi2-take; }
        .glp1-diethikaku-container .medi2-hormone {
          grid-area: medi2-hormone; }
        .glp1-diethikaku-container .medi2-lose {
          grid-area: medi2-lose; }
      .glp1-diethikaku-container .medi3 {
        grid-area: medi3; }
        .glp1-diethikaku-container .medi3-price {
          grid-area: medi3-price; }
        .glp1-diethikaku-container .medi3-feature {
          grid-area: medi3-feature; }
        .glp1-diethikaku-container .medi3-take {
          grid-area: medi3-take; }
        .glp1-diethikaku-container .medi3-hormone {
          grid-area: medi3-hormone; }
        .glp1-diethikaku-container .medi3-lose {
          grid-area: medi3-lose; }
      .glp1-diethikaku-container .medi4 {
        grid-area: medi4; }
        .glp1-diethikaku-container .medi4-price {
          grid-area: medi4-price; }
        .glp1-diethikaku-container .medi4-feature {
          grid-area: medi4-feature; }
        .glp1-diethikaku-container .medi4-take {
          grid-area: medi4-take; }
        .glp1-diethikaku-container .medi4-hormone {
          grid-area: medi4-hormone; }
        .glp1-diethikaku-container .medi4-lose {
          grid-area: medi4-lose; }
      .glp1-diethikaku-container .medi5 {
        grid-area: medi5; }
        .glp1-diethikaku-container .medi5-price {
          grid-area: medi5-price; }
        .glp1-diethikaku-container .medi5-feature {
          grid-area: medi5-feature; }
        .glp1-diethikaku-container .medi5-take {
          grid-area: medi5-take; }
        .glp1-diethikaku-container .medi5-hormone {
          grid-area: medi5-hormone; }
        .glp1-diethikaku-container .medi5-lose {
          grid-area: medi5-lose; }
      .glp1-diethikaku-container-03 {
        grid-template-areas: "medi1 medi5 medi2 medi3 medi4" "price price price price price" "medi1-price medi5-price medi2-price medi3-price medi4-price" "feature feature feature feature feature" "medi1-feature medi5-feature medi2-feature medi3-feature medi4-feature" "take take take take take" "medi1-take medi5-take medi2-take medi3-take medi4-take" "hormone hormone hormone hormone hormone" "medi1-hormone medi5-hormone medi2-hormone medi3-hormone medi4-hormone" "lose lose lose lose lose" "medi1-lose medi5-lose medi2-lose medi3-lose medi4-lose"; }
  .glp1-top3 {
    margin: 1.5rem auto;
    max-width: 750px; }
    .glp1-top3-ttl {
      max-width: 500px;
      margin: auto; }
      .glp1-top3-ttl-ry {
        max-width: 350px; }
    .glp1-top3-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: .2rem;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "injprice injprice injprice" "anken1-injprice anken2-injprice anken3-injprice" "firstprice firstprice firstprice" "anken1-firstprice anken2-firstprice anken3-firstprice" "getpill getpill getpill" "anken1-getpill anken2-getpill anken3-getpill" "today today today" "anken1-today anken2-today anken3-today" "pilltype pilltype pilltype" "anken1-pilltype anken2-pilltype anken3-pilltype" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "cv cv cv" "anken1-cv anken2-cv anken3-cv"; }
      .glp1-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #fafbf4;
        flex-direction: column;
        padding: .5rem; }
      .glp1-top3-container .ttl {
        background-color: #eef8c5;
        color: #222222;
        font-weight: bold;
        padding: .3rem; }
      .glp1-top3-container .ico-rank {
        width: 3rem;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .glp1-top3-container .ico-rank {
            width: 2rem; } }
      .glp1-top3-container-wrap {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
        width: 100%; }
        .glp1-top3-container-wrap-img {
          width: 20%; }
        .glp1-top3-container-wrap-txt {
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .glp1-top3-container-wrap-txt {
              font-size: .8rem; } }
      .glp1-top3-container-list {
        padding: .5rem; }
        @media only screen and (max-width: 767px) {
          .glp1-top3-container-list {
            padding: 0; } }
        .glp1-top3-container-list li {
          position: relative;
          margin-left: 1rem;
          text-align: left;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .glp1-top3-container-list li {
              font-size: .8rem; } }
          .glp1-top3-container-list li:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            display: inline-block;
            content: '';
            width: .5rem;
            height: .5rem;
            background-color: #e4abbe;
            border-radius: 50px; }
      .glp1-top3-container-cv {
        width: 80%;
        margin-top: 0; }
        @media only screen and (max-width: 767px) {
          .glp1-top3-container-cv {
            width: 90%; } }
        .glp1-top3-container-cv-txt {
          color: #fff; }
      .glp1-top3-container .today {
        grid-area: today; }
      .glp1-top3-container .getpill {
        grid-area: getpill; }
      .glp1-top3-container .injprice {
        grid-area: injprice; }
      .glp1-top3-container .firstprice {
        grid-area: firstprice; }
      .glp1-top3-container .pilltype {
        grid-area: pilltype; }
      .glp1-top3-container .feature {
        grid-area: feature; }
      .glp1-top3-container .cv {
        grid-area: cv; }
      .glp1-top3-container .anken1 {
        grid-area: anken1; }
        .glp1-top3-container .anken1-today {
          grid-area: anken1-today; }
        .glp1-top3-container .anken1-getpill {
          grid-area: anken1-getpill; }
        .glp1-top3-container .anken1-injprice {
          grid-area: anken1-injprice; }
        .glp1-top3-container .anken1-firstprice {
          grid-area: anken1-firstprice; }
        .glp1-top3-container .anken1-pilltype {
          grid-area: anken1-pilltype; }
        .glp1-top3-container .anken1-feature {
          grid-area: anken1-feature; }
        .glp1-top3-container .anken1-cv {
          grid-area: anken1-cv; }
      .glp1-top3-container .anken2 {
        grid-area: anken2; }
        .glp1-top3-container .anken2-today {
          grid-area: anken2-today; }
        .glp1-top3-container .anken2-getpill {
          grid-area: anken2-getpill; }
        .glp1-top3-container .anken2-injprice {
          grid-area: anken2-injprice; }
        .glp1-top3-container .anken2-firstprice {
          grid-area: anken2-firstprice; }
        .glp1-top3-container .anken2-pilltype {
          grid-area: anken2-pilltype; }
        .glp1-top3-container .anken2-feature {
          grid-area: anken2-feature; }
        .glp1-top3-container .anken2-cv {
          grid-area: anken2-cv; }
      .glp1-top3-container .anken3 {
        grid-area: anken3; }
        .glp1-top3-container .anken3-today {
          grid-area: anken3-today; }
        .glp1-top3-container .anken3-getpill {
          grid-area: anken3-getpill; }
        .glp1-top3-container .anken3-injprice {
          grid-area: anken3-injprice; }
        .glp1-top3-container .anken3-firstprice {
          grid-area: anken3-firstprice; }
        .glp1-top3-container .anken3-pilltype {
          grid-area: anken3-pilltype; }
        .glp1-top3-container .anken3-feature {
          grid-area: anken3-feature; }
        .glp1-top3-container .anken3-cv {
          grid-area: anken3-cv; }
    .glp1-top3-hikaku {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: .2rem;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "ryprice ryprice ryprice" "anken1-ryprice anken2-ryprice anken3-ryprice" "injprice injprice injprice" "anken1-injprice anken2-injprice anken3-injprice" "time time time" "anken1-time anken2-time anken3-time" "firstfee firstfee firstfee" "anken1-firstfee anken2-firstfee anken3-firstfee" "today today today" "anken1-today anken2-today anken3-today" "achieve achieve achieve" "anken1-achieve anken2-achieve anken3-achieve" "cv cv cv" "anken1-cv anken2-cv anken3-cv"; }
      .glp1-top3-hikaku .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        background-color: #fafbf4;
        flex-direction: column;
        padding: .5rem; }
      .glp1-top3-hikaku .ttl {
        background-color: #eef8c5;
        color: #222222;
        font-weight: bold;
        padding: .3rem; }
      .glp1-top3-hikaku .ico-rank {
        width: 3rem;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .glp1-top3-hikaku .ico-rank {
            width: 2rem; } }
      .glp1-top3-hikaku .bnr {
        width: 70%;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          .glp1-top3-hikaku .bnr {
            width: 90%; } }
      .glp1-top3-hikaku .name {
        font-size: .9rem;
        font-weight: bold;
        color: #337ab7; }
        @media only screen and (max-width: 767px) {
          .glp1-top3-hikaku .name {
            font-size: .7rem; } }
      .glp1-top3-hikaku-wrap {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
        width: 100%; }
        .glp1-top3-hikaku-wrap-img {
          width: 20%; }
        .glp1-top3-hikaku-wrap-txt {
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .glp1-top3-hikaku-wrap-txt {
              font-size: .8rem; } }
      .glp1-top3-hikaku-list {
        padding: .5rem; }
        @media only screen and (max-width: 767px) {
          .glp1-top3-hikaku-list {
            padding: 0; } }
        .glp1-top3-hikaku-list li {
          position: relative;
          margin-left: 1rem;
          text-align: left;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .glp1-top3-hikaku-list li {
              font-size: .8rem; } }
          .glp1-top3-hikaku-list li:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            display: inline-block;
            content: '';
            width: .5rem;
            height: .5rem;
            background-color: #e4abbe;
            border-radius: 50px; }
      .glp1-top3-hikaku-cv {
        width: 80%;
        margin-top: 0; }
        @media only screen and (max-width: 767px) {
          .glp1-top3-hikaku-cv {
            width: 90%; } }
        .glp1-top3-hikaku-cv-txt {
          color: #fff; }
      .glp1-top3-hikaku .ryprice {
        grid-area: ryprice; }
      .glp1-top3-hikaku .injprice {
        grid-area: injprice; }
      .glp1-top3-hikaku .time {
        grid-area: time; }
      .glp1-top3-hikaku .firstfee {
        grid-area: firstfee; }
      .glp1-top3-hikaku .today {
        grid-area: today; }
      .glp1-top3-hikaku .achieve {
        grid-area: achieve; }
      .glp1-top3-hikaku .cv {
        grid-area: cv; }
      .glp1-top3-hikaku .anken1 {
        grid-area: anken1; }
        .glp1-top3-hikaku .anken1-ryprice {
          grid-area: anken1-ryprice; }
        .glp1-top3-hikaku .anken1-injprice {
          grid-area: anken1-injprice; }
        .glp1-top3-hikaku .anken1-time {
          grid-area: anken1-time; }
        .glp1-top3-hikaku .anken1-firstfee {
          grid-area: anken1-firstfee; }
        .glp1-top3-hikaku .anken1-today {
          grid-area: anken1-today; }
        .glp1-top3-hikaku .anken1-achieve {
          grid-area: anken1-achieve; }
        .glp1-top3-hikaku .anken1-cv {
          grid-area: anken1-cv; }
      .glp1-top3-hikaku .anken2 {
        grid-area: anken2; }
        .glp1-top3-hikaku .anken2-ryprice {
          grid-area: anken2-ryprice; }
        .glp1-top3-hikaku .anken2-injprice {
          grid-area: anken2-injprice; }
        .glp1-top3-hikaku .anken2-time {
          grid-area: anken2-time; }
        .glp1-top3-hikaku .anken2-firstfee {
          grid-area: anken2-firstfee; }
        .glp1-top3-hikaku .anken2-today {
          grid-area: anken2-today; }
        .glp1-top3-hikaku .anken2-achieve {
          grid-area: anken2-achieve; }
        .glp1-top3-hikaku .anken2-cv {
          grid-area: anken2-cv; }
      .glp1-top3-hikaku .anken3 {
        grid-area: anken3; }
        .glp1-top3-hikaku .anken3-ryprice {
          grid-area: anken3-ryprice; }
        .glp1-top3-hikaku .anken3-injprice {
          grid-area: anken3-injprice; }
        .glp1-top3-hikaku .anken3-time {
          grid-area: anken3-time; }
        .glp1-top3-hikaku .anken3-firstfee {
          grid-area: anken3-firstfee; }
        .glp1-top3-hikaku .anken3-today {
          grid-area: anken3-today; }
        .glp1-top3-hikaku .anken3-achieve {
          grid-area: anken3-achieve; }
        .glp1-top3-hikaku .anken3-cv {
          grid-area: anken3-cv; }
    .glp1-top3-kome {
      max-width: 1000px;
      margin: .2rem auto 0;
      text-align: right;
      font-size: .7rem;
      opacity: 0.5;
      width: 100%; }
  .glp1-hikaku {
    margin: 1.5rem auto; }
    .glp1-hikaku-ttl {
      max-width: 500px;
      margin: auto; }
    .glp1-hikaku-container {
      position: relative;
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      gap: .15rem 0px;
      grid-auto-flow: row;
      grid-template-areas: "inj pills" "hindo hindo" "inj-hindo pills-hindo" "kouka kouka" "inj-kouka pills-kouka" "price price" "inj-price pills-price" "feature feature" "inj-feature pills-feature" "osusume osusume" "inj-osusume pills-osusume"; }
      .glp1-hikaku-container:after {
        position: absolute;
        top: 0.5rem;
        left: 3rem;
        transform: translateY(-50%);
        display: inline-block;
        content: '';
        width: 6rem;
        height: 6rem;
        background: url(../img/feature/glp1/good_batch.png) no-repeat;
        background-position: center;
        background-size: contain; }
        @media only screen and (max-width: 767px) {
          .glp1-hikaku-container:after {
            top: -0.7rem;
            left: -0.5rem;
            transform: translateY(-50%) rotate(20deg);
            width: 3.5rem;
            height: 3.5rem; } }
      .glp1-hikaku-container .flex {
        padding: .5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        @media only screen and (max-width: 767px) {
          .glp1-hikaku-container .flex {
            font-size: .9rem; } }
      .glp1-hikaku-container .maru {
        position: absolute;
        top: 50%;
        left: -1.5rem;
        transform: translateY(-50%);
        display: inline-block;
        content: '';
        width: 1rem;
        height: 1rem;
        background: url(../img/feature/glp1/glp1-good.png) no-repeat;
        background-position: center;
        background-size: contain; }
      .glp1-hikaku-container .batsu {
        position: absolute;
        top: 50%;
        left: -1.5rem;
        transform: translateY(-50%);
        display: inline-block;
        content: '';
        width: 1rem;
        height: 1rem;
        background: url(../img/feature/glp1/glp1-bad.png) no-repeat;
        background-position: center;
        background-size: contain; }
      .glp1-hikaku-container .background-y {
        background-color: #fff5c4; }
      .glp1-hikaku-container .background-g {
        background-color: #eef8c5; }
      .glp1-hikaku-container .rowttl-txt {
        font-weight: bold; }
      .glp1-hikaku-container-listg li {
        position: relative;
        margin-left: 1rem;
        line-height: 1.6; }
      @media only screen and (max-width: 767px) {
        .glp1-hikaku-container-listg {
          width: 90%;
          margin: auto; } }
      .glp1-hikaku-container-listy li {
        position: relative;
        margin-left: 1rem;
        line-height: 1.6; }
      .glp1-hikaku-container-copy {
        position: relative;
        display: inline-block;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .glp1-hikaku-container-copy {
            font-size: .7rem;
            margin-bottom: .3rem;
            max-width: 80%; } }
        .glp1-hikaku-container-copy:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .glp1-hikaku-container-copy:before {
              left: -1rem; } }
        .glp1-hikaku-container-copy:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/fukidashi_r.png) no-repeat;
          background-size: contain; }
      .glp1-hikaku-container-bnr {
        width: 84%; }
        .glp1-hikaku-container-bnr img {
          margin: auto; }
        @media only screen and (max-width: 767px) {
          .glp1-hikaku-container-bnr {
            width: 90%; } }
      .glp1-hikaku-container-cv {
        margin: 0.5rem auto;
        height: 3rem;
        width: 80%; }
        @media only screen and (max-width: 767px) {
          .glp1-hikaku-container-cv {
            width: 100%; } }
        .glp1-hikaku-container-cv-btn {
          display: inline-block;
          width: 100%;
          color: #fff !important;
          padding: 2rem;
          font-size: 1.1rem;
          text-align: center; }
        .glp1-hikaku-container-cv a:hover {
          opacity: 1; }
      .glp1-hikaku-container .white {
        grid-area: white; }
      .glp1-hikaku-container .inj {
        grid-area: inj;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        border-radius: 20px 0 0 0;
        border: 5px solid #6966b3;
        border-bottom: none; }
        .glp1-hikaku-container .inj-inner {
          width: 70%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .glp1-hikaku-container .inj-inner {
              width: 80%; } }
          .glp1-hikaku-container .inj-inner-txt {
            font-size: 1.5rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .glp1-hikaku-container .inj-inner-txt {
                font-size: 1.2rem; } }
          .glp1-hikaku-container .inj-inner-img {
            width: 20%; }
            @media only screen and (max-width: 767px) {
              .glp1-hikaku-container .inj-inner-img {
                width: 50%; } }
        .glp1-hikaku-container .inj-hindo {
          grid-area: inj-hindo;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-hikaku-container .inj-kouka {
          grid-area: inj-kouka;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-hikaku-container .inj-price {
          grid-area: inj-price;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3;
          text-align: center; }
        .glp1-hikaku-container .inj-feature {
          grid-area: inj-feature;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
          @media only screen and (max-width: 767px) {
            .glp1-hikaku-container .inj-feature {
              font-size: .8rem;
              padding-left: 1rem; } }
        .glp1-hikaku-container .inj-osusume {
          grid-area: inj-osusume;
          border-radius: 0 0 0 20px;
          border: 5px solid #6966b3;
          border-top: none; }
          @media only screen and (max-width: 767px) {
            .glp1-hikaku-container .inj-osusume {
              padding-bottom: 1rem; } }
          .glp1-hikaku-container .inj-osusume-flex {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column; }
            @media only screen and (max-width: 767px) {
              .glp1-hikaku-container .inj-osusume-flex {
                margin: 0 auto; } }
      .glp1-hikaku-container .pills {
        grid-area: pills;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        border-radius: 0 20px 0 0; }
        .glp1-hikaku-container .pills-inner {
          width: 70%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .glp1-hikaku-container .pills-inner {
              width: 80%; } }
          .glp1-hikaku-container .pills-inner-txt {
            font-size: 1.5rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .glp1-hikaku-container .pills-inner-txt {
                font-size: 1.2rem; } }
          .glp1-hikaku-container .pills-inner-img {
            width: 20%; }
            @media only screen and (max-width: 767px) {
              .glp1-hikaku-container .pills-inner-img {
                width: 50%; } }
        .glp1-hikaku-container .pills-hindo {
          grid-area: pills-hindo; }
        .glp1-hikaku-container .pills-kouka {
          grid-area: pills-kouka; }
        .glp1-hikaku-container .pills-price {
          grid-area: pills-price;
          text-align: center; }
        .glp1-hikaku-container .pills-feature {
          grid-area: pills-feature; }
          @media only screen and (max-width: 767px) {
            .glp1-hikaku-container .pills-feature {
              font-size: .8rem; } }
        .glp1-hikaku-container .pills-osusume {
          grid-area: pills-osusume;
          border-radius: 0 0 20px 0; }
          @media only screen and (max-width: 767px) {
            .glp1-hikaku-container .pills-osusume {
              padding-bottom: 1rem; } }
          .glp1-hikaku-container .pills-osusume-flex {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column; }
            @media only screen and (max-width: 767px) {
              .glp1-hikaku-container .pills-osusume-flex {
                margin: 0 auto; } }
      .glp1-hikaku-container .hindo {
        grid-area: hindo;
        background-color: #f2f1f1;
        padding: .2rem; }
      .glp1-hikaku-container .kouka {
        grid-area: kouka;
        background-color: #f2f1f1;
        padding: .2rem; }
      .glp1-hikaku-container .price {
        grid-area: price;
        background-color: #f2f1f1;
        padding: .2rem; }
      .glp1-hikaku-container .feature {
        grid-area: feature;
        background-color: #f2f1f1;
        padding: .2rem; }
      .glp1-hikaku-container .osusume {
        grid-area: osusume;
        text-align: center;
        background-color: #f2f1f1;
        padding: .2rem; }
      .glp1-hikaku-container-pills {
        grid-template-areas: "pills inj" "hindo hindo" "pills-hindo inj-hindo" "kouka kouka" "pills-kouka inj-kouka" "price price" "pills-price inj-price" "feature feature" "pills-feature inj-feature" "osusume osusume" "pills-osusume inj-osusume"; }
        .glp1-hikaku-container-pills:after {
          background: url(../img/feature/glp1/pills_batch.png) no-repeat;
          background-position: center;
          background-size: contain; }
        .glp1-hikaku-container-pills .inj {
          border-radius: 0 20px 0 0;
          border: none; }
          .glp1-hikaku-container-pills .inj-hindo {
            border: none; }
          .glp1-hikaku-container-pills .inj-kouka {
            border: none; }
          .glp1-hikaku-container-pills .inj-price {
            border: none; }
          .glp1-hikaku-container-pills .inj-feature {
            border: none; }
          .glp1-hikaku-container-pills .inj-osusume {
            border-radius: 0 0 20px 0;
            border: none; }
        .glp1-hikaku-container-pills .pills {
          border-radius: 20px 0 0 0;
          border: 5px solid #6966b3;
          border-bottom: none; }
          .glp1-hikaku-container-pills .pills-hindo {
            border-left: 5px solid #6966b3;
            border-right: 5px solid #6966b3; }
          .glp1-hikaku-container-pills .pills-kouka {
            border-left: 5px solid #6966b3;
            border-right: 5px solid #6966b3; }
          .glp1-hikaku-container-pills .pills-price {
            border-left: 5px solid #6966b3;
            border-right: 5px solid #6966b3; }
          .glp1-hikaku-container-pills .pills-feature {
            border-left: 5px solid #6966b3;
            border-right: 5px solid #6966b3; }
          .glp1-hikaku-container-pills .pills-osusume {
            border-radius: 0 0 0 20px;
            border: 5px solid #6966b3;
            border-top: none; }
        .glp1-hikaku-container-pills-neo {
          grid-template-areas: "pills inj" "daihyo daihyo" "pills-daihyo inj-daihyo" "hindo hindo" "pills-hindo inj-hindo" "kouka kouka" "pills-kouka inj-kouka" "price price" "pills-price inj-price" "feature feature" "pills-feature inj-feature" "osusume osusume" "pills-osusume inj-osusume"; }
          .glp1-hikaku-container-pills-neo .daihyo {
            grid-area: daihyo;
            background-color: #f2f1f1;
            padding: .2rem; }
          .glp1-hikaku-container-pills-neo .inj-daihyo {
            grid-area: inj-daihyo;
            border: none; }
          .glp1-hikaku-container-pills-neo .pills-daihyo {
            grid-area: pills-daihyo;
            border-left: 5px solid #6966b3;
            border-right: 5px solid #6966b3; }
  .glp1-injhikaku {
    margin: 1.5rem auto;
    max-width: 750px; }
    .glp1-injhikaku-ttl {
      max-width: 500px;
      margin: auto; }
    .glp1-injhikaku-container {
      position: relative;
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px .5rem;
      grid-auto-flow: row;
      grid-template-areas: "ozem sax" "ozem-ttleffect sax-ttleffect" "ozem-effect sax-effect" "ozem-ttlfre sax-ttlfre" "ozem-fre sax-fre" "ozem-ttlprice sax-ttlprice" "ozem-price sax-price" "ozem-ttlfeature sax-ttlfeature" "ozem-feature sax-feature" "ozem-ttlreseve sax-ttlreserve" "ozem-reserve sax-reserve"; }
      @media only screen and (max-width: 767px) {
        .glp1-injhikaku-container {
          gap: 0 .2rem; } }
      .glp1-injhikaku-container:after {
        position: absolute;
        top: 0.5rem;
        left: 1rem;
        transform: translateY(-50%);
        display: inline-block;
        content: '';
        width: 6rem;
        height: 6rem;
        background: url(../img/feature/glp1/good_batch.png) no-repeat;
        background-position: center;
        background-size: contain; }
        @media only screen and (max-width: 767px) {
          .glp1-injhikaku-container:after {
            top: -0.7rem;
            left: -0.1rem;
            transform: translateY(-50%) rotate(20deg);
            width: 3.5rem;
            height: 3.5rem; } }
      .glp1-injhikaku-container .flex {
        padding: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        @media only screen and (max-width: 767px) {
          .glp1-injhikaku-container .flex {
            font-size: .9rem;
            padding: .5rem; } }
      .glp1-injhikaku-container .background-y {
        background-color: #fff5c4; }
      .glp1-injhikaku-container .background-g {
        background-color: #eef8c5; }
      .glp1-injhikaku-container .ttl {
        font-size: .9rem;
        background-color: #dedddc;
        color: #fff;
        padding: .2rem; }
      .glp1-injhikaku-container-inner {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .2rem; }
        .glp1-injhikaku-container-inner-ttl {
          font-size: 1.6rem;
          font-weight: bold;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .glp1-injhikaku-container-inner-ttl {
              font-size: 1.2rem; } }
        .glp1-injhikaku-container-inner-inj {
          width: 40%; }
          @media only screen and (max-width: 767px) {
            .glp1-injhikaku-container-inner-inj {
              width: 70%; } }
        .glp1-injhikaku-container-inner-img {
          width: 10%; }
          @media only screen and (max-width: 767px) {
            .glp1-injhikaku-container-inner-img {
              width: 25%; } }
        .glp1-injhikaku-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .glp1-injhikaku-container-inner-txt {
              font-size: .8rem; } }
      .glp1-injhikaku-container-list {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        .glp1-injhikaku-container-list li {
          position: relative;
          margin-left: 1rem;
          line-height: 1.4; }
        .glp1-injhikaku-container-list .maru {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          display: inline-block;
          content: '';
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/glp1-good.png) no-repeat;
          background-position: center;
          background-size: contain; }
        .glp1-injhikaku-container-list .batsu {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          display: inline-block;
          content: '';
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/glp1-bad.png) no-repeat;
          background-position: center;
          background-size: contain; }
      .glp1-injhikaku-container-copy {
        position: relative;
        display: inline-block;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .glp1-injhikaku-container-copy {
            font-size: .7rem;
            margin-bottom: .3rem;
            max-width: 80%; } }
        .glp1-injhikaku-container-copy:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .glp1-injhikaku-container-copy:before {
              left: -1rem; } }
        .glp1-injhikaku-container-copy:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/fukidashi_r.png) no-repeat;
          background-size: contain; }
      .glp1-injhikaku-container-bnr {
        width: 84%; }
        .glp1-injhikaku-container-bnr img {
          margin: auto; }
        @media only screen and (max-width: 767px) {
          .glp1-injhikaku-container-bnr {
            width: 90%; } }
      .glp1-injhikaku-container-cv {
        margin: 0.5rem auto;
        height: 3rem;
        width: 80%; }
        @media only screen and (max-width: 767px) {
          .glp1-injhikaku-container-cv {
            width: 100%; } }
        .glp1-injhikaku-container-cv-btn {
          display: inline-block;
          width: 100%;
          color: #fff !important;
          padding: 1rem;
          font-size: 1.1rem;
          text-align: center; }
        .glp1-injhikaku-container-cv a:hover {
          opacity: 1; }
      .glp1-injhikaku-container .ozem {
        grid-area: ozem;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        border-radius: 20px 20px 0 0;
        border: 5px solid #6966b3;
        border-bottom: none; }
        .glp1-injhikaku-container .ozem-ttleffect {
          grid-area: ozem-ttleffect;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-injhikaku-container .ozem-effect {
          grid-area: ozem-effect;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-injhikaku-container .ozem-ttlfre {
          grid-area: ozem-ttlfre;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-injhikaku-container .ozem-fre {
          grid-area: ozem-fre;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-injhikaku-container .ozem-ttlprice {
          grid-area: ozem-ttlprice;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-injhikaku-container .ozem-price {
          grid-area: ozem-price;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-injhikaku-container .ozem-ttlfeature {
          grid-area: ozem-ttlfeature;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-injhikaku-container .ozem-feature {
          grid-area: ozem-feature;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
          @media only screen and (max-width: 767px) {
            .glp1-injhikaku-container .ozem-feature {
              font-size: .8rem;
              padding-left: 1rem; } }
        .glp1-injhikaku-container .ozem-ttlreseve {
          grid-area: ozem-ttlreseve;
          border-left: 5px solid #6966b3;
          border-right: 5px solid #6966b3; }
        .glp1-injhikaku-container .ozem-reserve {
          grid-area: ozem-reserve;
          border-radius: 0 0 20px 20px;
          border: 5px solid #6966b3;
          border-top: none; }
          @media only screen and (max-width: 767px) {
            .glp1-injhikaku-container .ozem-reserve {
              padding-bottom: 1rem; } }
      .glp1-injhikaku-container .sax {
        grid-area: sax;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        border-radius: 20px 20px 0 0; }
        .glp1-injhikaku-container .sax-ttleffect {
          grid-area: sax-ttleffect; }
        .glp1-injhikaku-container .sax-effect {
          grid-area: sax-effect; }
        .glp1-injhikaku-container .sax-ttlfre {
          grid-area: sax-ttlfre; }
        .glp1-injhikaku-container .sax-fre {
          grid-area: sax-fre; }
        .glp1-injhikaku-container .sax-ttlprice {
          grid-area: sax-ttlprice; }
        .glp1-injhikaku-container .sax-price {
          grid-area: sax-price; }
        .glp1-injhikaku-container .sax-ttlfeature {
          grid-area: sax-ttlfeature; }
        .glp1-injhikaku-container .sax-feature {
          grid-area: sax-feature; }
          @media only screen and (max-width: 767px) {
            .glp1-injhikaku-container .sax-feature {
              font-size: .8rem;
              padding-left: 1rem; } }
        .glp1-injhikaku-container .sax-ttlreserve {
          grid-area: sax-ttlreserve; }
        .glp1-injhikaku-container .sax-reserve {
          grid-area: sax-reserve;
          border-radius: 0 0 20px 20px; }
          @media only screen and (max-width: 767px) {
            .glp1-injhikaku-container .sax-reserve {
              padding-bottom: 1rem; } }
  .glp1-qa {
    max-width: 750px;
    margin: 1.5rem auto 4rem; }
    .glp1-qa-ttl {
      max-width: 500px;
      margin: auto; }
    .glp1-qa-list {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: 3.5rem; }
      .glp1-qa-list-wrap {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center; }
        .glp1-qa-list-wrap-q {
          width: 100%; }
          .glp1-qa-list-wrap-q-txt {
            text-align: center;
            padding: 1rem;
            position: relative;
            background-color: #d4ed6d;
            font-size: 1.4rem;
            font-weight: bold;
            width: 100%; }
            .glp1-qa-list-wrap-q-txt:after {
              position: absolute;
              bottom: -3rem;
              left: 50%;
              transform: translateX(-50%);
              content: '';
              display: inline-block;
              width: 10rem;
              height: 3rem;
              background: url(../img/feature/glp1/click_sankaku.png) no-repeat;
              background-size: contain; }
            .glp1-qa-list-wrap-q-txt-sp {
              text-align: left;
              padding: 1rem 1rem 1rem 7rem;
              position: relative;
              background-color: #d4ed6d;
              font-size: 1rem;
              font-weight: bold;
              width: 100%; }
              .glp1-qa-list-wrap-q-txt-sp:after {
                position: absolute;
                bottom: -2.8rem;
                left: 50%;
                transform: translateX(-50%);
                content: '';
                display: inline-block;
                width: 10rem;
                height: 3rem;
                background: url(../img/feature/glp1/tap_sankaku.png) no-repeat;
                background-size: contain; }
            .glp1-qa-list-wrap-q-txt-icon {
              position: absolute;
              top: 50%;
              left: .5rem;
              transform: translateY(-50%);
              width: 7rem; }
              @media only screen and (max-width: 767px) {
                .glp1-qa-list-wrap-q-txt-icon {
                  width: 6rem; } }
        .glp1-qa-list-wrap-a {
          display: none;
          width: 100%; }
          .glp1-qa-list-wrap-a-inner {
            padding: 3rem 2rem 2rem;
            background-color: #fafbf4;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .glp1-qa-list-wrap-a-inner {
                padding: 3rem 1rem 1rem; } }
            .glp1-qa-list-wrap-a-inner-txt {
              width: 84%;
              font-size: 1rem;
              line-height: 1.6; }
              @media only screen and (max-width: 767px) {
                .glp1-qa-list-wrap-a-inner-txt {
                  font-size: .9rem;
                  width: 74%; } }
              .glp1-qa-list-wrap-a-inner-txt-rank {
                display: flex;
                margin-top: 1rem;
                flex-direction: column;
                gap: .7rem; }
                .glp1-qa-list-wrap-a-inner-txt-rank-item {
                  padding-left: 2.5rem;
                  position: relative; }
                  .glp1-qa-list-wrap-a-inner-txt-rank-item-1::before {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    content: '';
                    display: inline-block;
                    width: 2rem;
                    height: 2rem;
                    background: url(../img/feature/glp1/ico-rank1.png) no-repeat;
                    background-size: contain; }
                  .glp1-qa-list-wrap-a-inner-txt-rank-item-2::before {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    content: '';
                    display: inline-block;
                    width: 2rem;
                    height: 2rem;
                    background: url(../img/feature/glp1/ico-rank2.png) no-repeat;
                    background-size: contain; }
                  .glp1-qa-list-wrap-a-inner-txt-rank-item-3::before {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    content: '';
                    display: inline-block;
                    width: 2rem;
                    height: 2rem;
                    background: url(../img/feature/glp1/ico-rank3.png) no-repeat;
                    background-size: contain; }
            .glp1-qa-list-wrap-a-inner-icon {
              width: 15%; }
              @media only screen and (max-width: 767px) {
                .glp1-qa-list-wrap-a-inner-icon {
                  width: 25%; } }
        .glp1-qa-list-wrap-a.active {
          display: block; }
  .glp1-column {
    max-width: 1000px;
    margin: auto; }
    .glp1-column-ttl {
      margin-bottom: -1rem; }
    .glp1-column-title {
      position: relative;
      padding: 1rem;
      margin-top: 2rem;
      color: #fcf9f6;
      font-size: 2rem;
      font-weight: bold;
      text-align: center;
      background-color: #eef8c5;
      border-radius: 20px 20px 0 0; }
      @media only screen and (max-width: 767px) {
        .glp1-column-title {
          line-height: 1.2; } }
      .glp1-column-title:after {
        position: absolute;
        left: 50%;
        top: 98%;
        transform: translatex(-50%);
        border-top: 20px solid #eef8c5;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        content: '';
        height: 0;
        width: 0; }
      @media only screen and (max-width: 767px) {
        .glp1-column-title-online {
          padding-top: 2rem;
          margin-top: 2.5rem; } }
      .glp1-column-title-online-batch {
        position: relative; }
        .glp1-column-title-online-batch:before {
          position: absolute;
          right: -11rem;
          top: -2rem;
          display: inline-block;
          width: 10rem;
          height: 10rem;
          content: '';
          background: url(../img/feature/glp1/success_batch.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .glp1-column-title-online-batch:before {
              right: 50%;
              transform: translateX(50%);
              top: -3.7rem;
              width: 100%;
              height: 3.7rem;
              background: url(../img/feature/glp1/online/success_batch_sp.png) no-repeat;
              background-size: contain;
              background-position: center; } }
      .glp1-column-title-img {
        max-width: 500px;
        margin: auto; }
        .glp1-column-title-img-batch {
          position: relative; }
          .glp1-column-title-img-batch:before {
            position: absolute;
            right: -11rem;
            top: -2rem;
            display: inline-block;
            width: 10rem;
            height: 10rem;
            content: '';
            background: url(../img/feature/glp1/success_batch.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .glp1-column-title-img-batch:before {
                right: -0.9rem;
                top: -2.5rem;
                width: 5rem;
                height: 5rem; } }
    .glp1-column-content {
      padding: 2rem;
      border: 0.5rem solid #eef8c5;
      border-top: none;
      border-radius: 0 0 20px 20px;
      background-color: #fff; }
      @media only screen and (max-width: 767px) {
        .glp1-column-content {
          padding: 2rem 1rem; } }
      .glp1-column-content-inner {
        padding: 0 2rem; }
        @media only screen and (max-width: 767px) {
          .glp1-column-content-inner {
            padding: 0; } }
        .glp1-column-content-inner-text {
          line-height: 1.6; }
          @media only screen and (max-width: 767px) {
            .glp1-column-content-inner-text {
              margin: 0 0 1rem; } }
        .glp1-column-content-inner-exam {
          max-width: 750px;
          margin: 1rem auto; }
          @media only screen and (max-width: 767px) {
            .glp1-column-content-inner-exam-list-item {
              padding: 0 1rem; } }
        .glp1-column-content-inner-txt {
          line-height: 1.6;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .glp1-column-content-inner-txt {
              margin: 0 0 1rem; } }
          .glp1-column-content-inner-txt-center {
            text-align: center;
            font-size: 1.5rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .glp1-column-content-inner-txt-center {
                font-size: 1.2rem; } }
          .glp1-column-content-inner-txt-strong {
            text-align: center;
            font-weight: bold; }
            .glp1-column-content-inner-txt-strong-big {
              font-size: 1.5rem; }
        .glp1-column-content-inner-img {
          max-width: 500px;
          margin: 1rem auto; }
        .glp1-column-content-inner-accordion-dt {
          margin: 1rem 0 2.25rem;
          text-align: center;
          position: relative; }
          .glp1-column-content-inner-accordion-dt:before {
            position: absolute;
            bottom: -25px;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-top: 20px solid #eef8c5;
            border-left: 50px solid transparent;
            border-right: 50px solid transparent;
            border-bottom: 0;
            content: ''; }
          .glp1-column-content-inner-accordion-dt .attention {
            color: #ed55b8;
            font-weight: bold;
            text-decoration: underline; }
        .glp1-column-content-inner-accordion-dd {
          display: none; }
    .glp1-column-strong {
      max-width: 500px;
      margin: 0 auto 2rem; }
  .glp1-otherhikaku {
    margin: 1rem auto 2rem; }
    .glp1-otherhikaku-ttl {
      max-width: 500px;
      margin: 1rem auto; }
    .glp1-otherhikaku-container {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: auto;
      gap: 5px;
      grid-auto-flow: row;
      grid-template-areas: "ttl-glp1 ttl-supple ttl-gym ttl-personal ttl-restrict" "ttl-price ttl-price ttl-price ttl-price ttl-price" "glp1-price supple-price gym-price personal-price restrict-price" "ttl-way ttl-way ttl-way ttl-way ttl-way" "glp1-way supple-way gym-way personal-way restrict-way" "ttl-merit ttl-merit ttl-merit ttl-merit ttl-merit" "glp1-merit supple-merit gym-merit personal-merit restrict-merit" "ttl-demerit ttl-demerit ttl-demerit ttl-demerit ttl-demerit" "glp1-demerit supple-demerit gym-demerit personal-demerit restrict-demerit"; }
      @media only screen and (max-width: 767px) {
        .glp1-otherhikaku-container {
          grid-template-columns: repeat(5, 9rem);
          font-size: .8rem; } }
      .glp1-otherhikaku-container-list li {
        position: relative;
        margin-left: 1rem;
        text-align: left; }
        .glp1-otherhikaku-container-list li:before {
          position: absolute;
          top: 50%;
          left: -1rem;
          transform: translateY(-50%);
          display: inline-block;
          content: '';
          width: .5rem;
          height: .5rem;
          background-color: #dedddc;
          border-radius: 50px; }
      .glp1-otherhikaku-container .txt {
        font-weight: bold; }
        .glp1-otherhikaku-container .txt-glp1red {
          font-weight: bold;
          color: #ed55b8; }
        .glp1-otherhikaku-container .txt-bold {
          font-weight: bold; }
      .glp1-otherhikaku-container .img {
        width: 40%;
        margin: auto; }
      .glp1-otherhikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        padding: .5rem; }
      .glp1-otherhikaku-container .ttl-glp1 {
        grid-area: ttl-glp1;
        background-color: #fff5c4;
        position: relative;
        padding: 1rem; }
        .glp1-otherhikaku-container .ttl-glp1 .txt {
          font-size: 1.4rem; }
        .glp1-otherhikaku-container .ttl-glp1 .attention {
          position: absolute;
          top: -1rem;
          left: 2rem;
          display: inline-block;
          content: '';
          width: 3rem;
          height: 3rem;
          background: url(../img/feature/glp1/attention_icon.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .glp1-otherhikaku-container .ttl-glp1 .attention {
              top: 0.2rem;
              left: 1.5rem;
              width: 2rem;
              height: 1rem; } }
      .glp1-otherhikaku-container .ttl-supple {
        grid-area: ttl-supple;
        background-color: #f2f1f1;
        padding: 1rem; }
        .glp1-otherhikaku-container .ttl-supple img {
          height: 3rem;
          margin: auto; }
      .glp1-otherhikaku-container .ttl-gym {
        grid-area: ttl-gym;
        background-color: #f2f1f1;
        padding: 1rem; }
        .glp1-otherhikaku-container .ttl-gym .img {
          width: 60%; }
      .glp1-otherhikaku-container .ttl-personal {
        grid-area: ttl-personal;
        background-color: #f2f1f1;
        padding: 1rem; }
      .glp1-otherhikaku-container .ttl-restrict {
        grid-area: ttl-restrict;
        background-color: #f2f1f1;
        padding: 1rem; }
      .glp1-otherhikaku-container .ttl-price {
        grid-area: ttl-price;
        background-color: #dedddc;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .4rem;
        font-weight: bold;
        font-size: .8rem; }
      .glp1-otherhikaku-container .ttl-way {
        grid-area: ttl-way;
        background-color: #dedddc;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .4rem;
        font-weight: bold;
        font-size: .8rem; }
      .glp1-otherhikaku-container .ttl-merit {
        grid-area: ttl-merit;
        background-color: #dedddc;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .4rem;
        font-weight: bold;
        font-size: .8rem; }
      .glp1-otherhikaku-container .ttl-demerit {
        grid-area: ttl-demerit;
        background-color: #dedddc;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .4rem;
        font-weight: bold;
        font-size: .8rem; }
      .glp1-otherhikaku-container .glp1-price {
        grid-area: glp1-price;
        background-color: #fff5c4;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row; }
      .glp1-otherhikaku-container .glp1-way {
        grid-area: glp1-way;
        background-color: #fff5c4; }
      .glp1-otherhikaku-container .glp1-merit {
        grid-area: glp1-merit;
        background-color: #fff5c4; }
      .glp1-otherhikaku-container .glp1-demerit {
        grid-area: glp1-demerit;
        background-color: #fff5c4;
        display: flex;
        align-items: center;
        padding: 1rem; }
      .glp1-otherhikaku-container .supple-price {
        grid-area: supple-price;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .supple-way {
        grid-area: supple-way;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .supple-merit {
        grid-area: supple-merit;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .supple-demerit {
        grid-area: supple-demerit;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .gym-price {
        grid-area: gym-price;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .gym-way {
        grid-area: gym-way;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .gym-merit {
        grid-area: gym-merit;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .gym-demerit {
        grid-area: gym-demerit;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .personal-price {
        grid-area: personal-price;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .personal-way {
        grid-area: personal-way;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .personal-merit {
        grid-area: personal-merit;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .personal-demerit {
        grid-area: personal-demerit;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .restrict-price {
        grid-area: restrict-price;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .restrict-way {
        grid-area: restrict-way;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .restrict-merit {
        grid-area: restrict-merit;
        background-color: #f2f1f1; }
      .glp1-otherhikaku-container .restrict-demerit {
        grid-area: restrict-demerit;
        background-color: #f2f1f1; }
  .glp1-miniranking {
    max-width: 750px;
    margin: 0 auto 2rem; }
    @media only screen and (max-width: 767px) {
      .glp1-miniranking {
        margin-bottom: 1rem; } }
    .glp1-miniranking-ttl {
      max-width: 500px;
      margin: auto; }
    .glp1-miniranking-wrap {
      margin-top: 0 !important; }
    .glp1-miniranking-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: .5rem;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "today today today" "anken1-today anken2-today anken3-today" "pill pill pill" "anken1-pill anken2-pill anken3-pill" "inj inj inj" "anken1-inj anken2-inj anken3-inj" "type type type" "anken1-type anken2-type anken3-type" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "cv cv cv" "anken1-cv anken2-cv anken3-cv"; }
      @media only screen and (max-width: 767px) {
        .glp1-miniranking-container {
          font-size: .8rem; } }
      .glp1-miniranking-container .flex {
        display: flex;
        background-color: #fafbf4;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: .5rem; }
      .glp1-miniranking-container .eval-mark, .glp1-miniranking-container .ico-rank {
        width: 3rem;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .glp1-miniranking-container .eval-mark, .glp1-miniranking-container .ico-rank {
            width: 2rem; } }
      .glp1-miniranking-container .ttl {
        background-color: #eef8c5;
        color: #222222;
        font-weight: bold;
        padding: .3rem; }
      .glp1-miniranking-container-txt {
        text-align: center; }
      .glp1-miniranking-container-list li {
        position: relative;
        margin-left: 1rem;
        text-align: left; }
        .glp1-miniranking-container-list li:before {
          position: absolute;
          top: 50%;
          left: -1rem;
          transform: translateY(-50%);
          display: inline-block;
          content: '';
          width: .5rem;
          height: .5rem;
          background-color: #e4abbe;
          border-radius: 50px; }
      .glp1-miniranking-container-cv {
        width: 80%;
        margin-top: 0; }
        @media only screen and (max-width: 767px) {
          .glp1-miniranking-container-cv {
            width: 90%; } }
      .glp1-miniranking-container .today {
        grid-area: today; }
      .glp1-miniranking-container .pill {
        grid-area: pill; }
      .glp1-miniranking-container .inj {
        grid-area: inj; }
      .glp1-miniranking-container .type {
        grid-area: type; }
      .glp1-miniranking-container .feature {
        grid-area: feature; }
      .glp1-miniranking-container .cv {
        grid-area: cv; }
      .glp1-miniranking-container .anken1 {
        grid-area: anken1; }
        .glp1-miniranking-container .anken1-today {
          grid-area: anken1-today; }
        .glp1-miniranking-container .anken1-pill {
          grid-area: anken1-pill; }
        .glp1-miniranking-container .anken1-inj {
          grid-area: anken1-inj; }
        .glp1-miniranking-container .anken1-type {
          grid-area: anken1-type; }
        .glp1-miniranking-container .anken1-feature {
          grid-area: anken1-feature; }
        .glp1-miniranking-container .anken1-cv {
          grid-area: anken1-cv; }
      .glp1-miniranking-container .anken2 {
        grid-area: anken2; }
        .glp1-miniranking-container .anken2-today {
          grid-area: anken2-today; }
        .glp1-miniranking-container .anken2-pill {
          grid-area: anken2-pill; }
        .glp1-miniranking-container .anken2-inj {
          grid-area: anken2-inj; }
        .glp1-miniranking-container .anken2-type {
          grid-area: anken2-type; }
        .glp1-miniranking-container .anken2-feature {
          grid-area: anken2-feature; }
        .glp1-miniranking-container .anken2-cv {
          grid-area: anken2-cv; }
      .glp1-miniranking-container .anken3 {
        grid-area: anken3; }
        .glp1-miniranking-container .anken3-today {
          grid-area: anken3-today; }
        .glp1-miniranking-container .anken3-pill {
          grid-area: anken3-pill; }
        .glp1-miniranking-container .anken3-inj {
          grid-area: anken3-inj; }
        .glp1-miniranking-container .anken3-type {
          grid-area: anken3-type; }
        .glp1-miniranking-container .anken3-feature {
          grid-area: anken3-feature; }
        .glp1-miniranking-container .anken3-cv {
          grid-area: anken3-cv; }
  .glp1-point {
    margin: 2rem auto 3rem; }
    .glp1-point-title {
      max-width: 750px;
      margin: auto; }
    .glp1-point-list {
      display: flex;
      justify-content: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .glp1-point-list {
          flex-direction: column; } }
      .glp1-point-list-item {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        gap: 1rem;
        background-color: #fafbf4;
        padding: .6rem; }
        @media only screen and (max-width: 767px) {
          .glp1-point-list-item {
            width: 70%;
            margin: auto;
            justify-content: left; } }
        .glp1-point-list-item-number {
          width: 2rem;
          height: 3rem; }
          .glp1-point-list-item-number img {
            height: 100%;
            margin: auto; }
    .glp1-point-strong {
      max-width: 750px;
      margin: auto; }
      .glp1-point-strong-txt {
        padding: 1rem 0 2rem;
        background: url(../img/feature/glp1/point_strongb.png) no-repeat;
        background-size: contain;
        background-position: center;
        text-align: center;
        font-size: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .glp1-point-strong-txt {
            font-size: 1rem;
            padding: .5rem 0 1rem; } }
        .glp1-point-strong-txt span {
          font-size: 2rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .glp1-point-strong-txt span {
              font-size: 1.4rem; } }
      .glp1-point-strong-img-name {
        width: 50%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .glp1-point-strong-img-name {
            width: 80%; } }
    .glp1-point-cv-btn {
      width: 40%; }
      @media only screen and (max-width: 767px) {
        .glp1-point-cv-btn {
          width: 80%; } }
      .glp1-point-cv-btn-txt {
        font-size: 1.4rem; }
  .glp1-step {
    margin: 1.5rem auto; }
    .glp1-step-ttl {
      max-width: 500px;
      margin: auto; }
    .glp1-step-list {
      margin: 1rem auto;
      display: flex; }
      @media only screen and (max-width: 767px) {
        .glp1-step-list {
          flex-direction: column; } }
      .glp1-step-list-item {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .glp1-step-list-item {
            flex-direction: row;
            gap: 0; } }
        .glp1-step-list-item-1 {
          background-color: #eef8c5;
          position: relative;
          border-radius: 20px 0 0 20px; }
          @media only screen and (max-width: 767px) {
            .glp1-step-list-item-1 {
              border-radius: 20px 20px 0 0; } }
          .glp1-step-list-item-1:before {
            position: absolute;
            top: 50%;
            right: -28px;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-top: 40px solid transparent;
            border-bottom: 40px solid transparent;
            border-left: 30px solid #eef8c5;
            border-right: 0;
            z-index: 1; }
            @media only screen and (max-width: 767px) {
              .glp1-step-list-item-1:before {
                top: inherit;
                bottom: -28px;
                left: 50%;
                transform: translateX(-50%);
                border-style: solid;
                border-right: 40px solid transparent;
                border-left: 40px solid transparent;
                border-top: 30px solid #eef8c5;
                border-bottom: 0; } }
        .glp1-step-list-item-2 {
          background-color: #fff5c4;
          position: relative; }
          .glp1-step-list-item-2:before {
            position: absolute;
            top: 50%;
            right: -28px;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-top: 40px solid transparent;
            border-bottom: 40px solid transparent;
            border-left: 30px solid #fff5c4;
            border-right: 0;
            z-index: 1; }
            @media only screen and (max-width: 767px) {
              .glp1-step-list-item-2:before {
                top: inherit;
                bottom: -28px;
                left: 50%;
                transform: translateX(-50%);
                border-style: solid;
                border-right: 40px solid transparent;
                border-left: 40px solid transparent;
                border-top: 30px solid #fff5c4;
                border-bottom: 0; } }
        .glp1-step-list-item-3 {
          background-color: #eef8c5;
          border-radius: 0 20px 20px 0; }
          @media only screen and (max-width: 767px) {
            .glp1-step-list-item-3 {
              border-radius: 0 0 20px 20px; } }
        .glp1-step-list-item-ttl {
          display: flex;
          justify-content: center;
          gap: 1rem;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .glp1-step-list-item-ttl {
              width: 60%;
              gap: .5rem; } }
          .glp1-step-list-item-ttl-num {
            width: 30%; }
            @media only screen and (max-width: 767px) {
              .glp1-step-list-item-ttl-num {
                width: 22%; } }
          .glp1-step-list-item-ttl-txt {
            width: 69%;
            font-weight: bold;
            font-size: 1.2rem; }
            @media only screen and (max-width: 767px) {
              .glp1-step-list-item-ttl-txt {
                font-size: 1rem;
                width: 77%; } }
        .glp1-step-list-item-img {
          width: 80%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .glp1-step-list-item-img {
              width: 40%; } }
  .glp1-kurifore {
    margin-top: 1rem; }
    .glp1-kurifore-title {
      max-width: 500px;
      margin: auto; }
    .glp1-kurifore-list {
      margin: 1rem auto; }
      .glp1-kurifore-list-item-img {
        width: 90%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .glp1-kurifore-list-item-img {
            width: 50%; } }
        .glp1-kurifore-list-item-img img {
          margin: auto; }
      .glp1-kurifore-list-item-txt {
        text-align: center;
        margin-top: .5rem;
        font-size: .9rem; }
        .glp1-kurifore-list-item-txt-kome {
          opacity: .4;
          line-height: 1.2;
          font-size: .8rem;
          margin: .5rem; }
    .glp1-kurifore-kome {
      text-align: right;
      margin: .5rem 0;
      opacity: .4;
      line-height: 1.2;
      font-size: .8rem; }
    .glp1-kurifore-osusume-sankaku {
      max-width: 500px;
      margin: 1rem auto; }
    .glp1-kurifore-osusume-list {
      display: flex;
      justify-content: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .glp1-kurifore-osusume-list {
          flex-direction: column; } }
      .glp1-kurifore-osusume-list-item-txt {
        text-align: center; }
    .glp1-kurifore-strong {
      max-width: 500px;
      margin: 1.5rem auto;
      text-align: center; }
      .glp1-kurifore-strong-txt {
        display: inline-block;
        font-weight: bold;
        position: relative; }
        .glp1-kurifore-strong-txt:before {
          position: absolute;
          top: 50%;
          left: -1.2rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .glp1-kurifore-strong-txt:before {
              left: -1rem; } }
        .glp1-kurifore-strong-txt:after {
          position: absolute;
          top: 50%;
          right: -1.2rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/glp1/fukidashi_r.png) no-repeat;
          background-size: contain; }
      .glp1-kurifore-strong-img {
        width: 50%;
        margin: 0.5rem auto; }
        @media only screen and (max-width: 767px) {
          .glp1-kurifore-strong-img {
            width: 70%; } }
        .glp1-kurifore-strong-img img {
          margin: auto; }
    .glp1-kurifore-cv {
      width: 60%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .glp1-kurifore-cv {
          width: 70%;
          font-size: 1.5rem; } }
      @media only screen and (max-width: 767px) {
        .glp1-kurifore-cv-btn {
          font-size: 1.2rem; } }
  .glp1-sideeffect {
    margin-top: 2rem; }
    .glp1-sideeffect-title {
      max-width: 500px;
      margin: 1rem auto; }
    .glp1-sideeffect-content {
      max-width: 750px;
      margin: auto;
      background-color: #fafbf4;
      padding: 2rem;
      line-height: 1.4; }
  .glp1 .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .glp1 .ranking-flexwrap {
        flex-direction: column;
        gap: 0; } }
  .glp1 .ranking-title {
    background-color: #d4ed6d; }
    .glp1 .ranking-title:after {
      top: 98%;
      border-top: 20px solid #d4ed6d; }
    .glp1 .ranking-title-flex span {
      color: #222222; }
    .glp1 .ranking-title-txt {
      color: #222222; }
      @media only screen and (max-width: 767px) {
        .glp1 .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.4rem; } }
  .glp1 .ranking .glp1-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #f2d9a4; }
  .glp1 .ranking .glp1-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0; }
  .glp1 .ranking .glp1-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #c9b5a2; }
  .glp1 .ranking .glp1-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #8e90ad; }
  .glp1 .ranking .glp1-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #df9fb6; }
  .glp1 .ranking .glp1-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #df9fb6; }
  .glp1 .ranking .glp1-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .glp1 .ranking .glp1-ranking-list .ranking-list-box-cv-btn {
      width: 50%;
      margin-bottom: 2rem;
      font-size: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-cv-btn {
          width: 90%; } }
    .glp1 .ranking .glp1-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .glp1 .ranking .glp1-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem; }
      @media only screen and (max-width: 767px) {
        .glp1 .ranking .glp1-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .glp1 .ranking .glp1-ranking-list .ranking-list-box-wrapper {
      background-color: #fafbf4; }
      .glp1 .ranking .glp1-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
    .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner {
      margin: 1rem 0; }
      .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-ttl {
        background-color: #d4ed6d;
        padding: .2rem;
        text-align: center;
        color: #222222; }
      .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: space-around;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-osusume {
            flex-direction: column; } }
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-osusume-item {
          border: 2px solid #fafbf4;
          padding: 1rem;
          width: 30%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between; }
          @media only screen and (max-width: 767px) {
            .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-osusume-item {
              width: 100%;
              justify-content: left;
              flex-direction: row-reverse;
              gap: 1rem;
              padding: .5rem 1rem; } }
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-osusume-item-txt {
            margin-bottom: .5rem; }
            @media only screen and (max-width: 767px) {
              .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-osusume-item-txt {
                margin-bottom: 0;
                width: 80%; } }
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-osusume-item-img {
            width: 35%; }
            @media only screen and (max-width: 767px) {
              .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-osusume-item-img {
                width: 18%; } }
      .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-point {
        padding: 1rem 2rem;
        text-align: left; }
        @media only screen and (max-width: 767px) {
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-point {
            padding: 1rem .5rem; } }
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-point-check {
          display: inline-block;
          width: 25px;
          height: 15px;
          background: url(../img/feature/glp1/check_g.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-point-check {
              width: 10%; } }
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.3; }
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-point li {
          line-height: 2;
          margin-bottom: .5rem;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-point li {
              display: block;
              margin-bottom: 0; } }
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 1rem 0 0.5rem;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
      .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-detail {
        background-color: #fff;
        width: 49%;
        margin: 0 auto 1rem; }
        @media only screen and (max-width: 767px) {
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-detail {
            width: 100%; } }
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-detail-wrap {
          padding: 1rem; }
          @media only screen and (max-width: 767px) {
            .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-detail-wrap {
              padding: 0 1rem; } }
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-detail-wrap-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: .2rem; }
            .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-detail-wrap-item dt {
              color: #222222;
              width: 30%;
              padding: .5rem;
              background-color: #e4f4a1;
              text-align: center; }
            .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-detail-wrap-item dd {
              width: 70%;
              padding: .5rem;
              background-color: #fafbf4;
              text-align: center; }
      .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-inner {
        margin: 1rem 0; }
      .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-card {
        background-color: #fff;
        width: 100%;
        padding: 1.5rem;
        box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
        max-height: 420px; }
        @media only screen and (max-width: 767px) {
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-card {
            padding: 1.5rem 2rem;
            gap: 1rem;
            max-height: 440px; } }
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-card-img {
          width: 40%; }
        .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-card-comment {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-card-comment {
              padding: 0 2rem; } }
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
            position: relative;
            display: inline-block;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            line-height: 1.2; }
            .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
              position: absolute;
              bottom: -0.5rem;
              left: 0;
              background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
              content: "";
              height: 2px;
              width: 100%; }
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-card-comment-link {
            display: block;
            font-size: 0.9rem;
            text-align: right;
            opacity: 0.5; }
          .glp1 .ranking .glp1-ranking-list .ranking-list-box-inner-review-card-comment-txt {
            margin-top: .5rem;
            line-height: 1.5; }

.glp1search {
  margin: 2rem auto;
  background-color: #fafbf4; }
  .glp1search-form-ttl {
    width: 40%;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .glp1search-form-ttl {
        width: 70%; } }
  .glp1search-form-submit:before {
    background-color: #d4ed6d; }
  .glp1search-form-submit:after {
    border-color: #d4ed6d transparent transparent transparent; }
  .glp1search-form-submit input {
    background-color: #d4ed6d;
    border: 1px solid #d4ed6d; }
    .glp1search-form-submit input:hover {
      background-color: #fafbf4;
      color: #d4ed6d; }
  .glp1search .newlpsearch-form-wrap-inner-alpha-item-txt:after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #d4ed6d;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "✔";
    opacity: 0;
    transition: all 0.2s; }

.glp1kekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .glp1kekka-sort {
      flex-direction: column; } }
  .glp1kekka-sort-now {
    display: flex;
    margin: 0;
    width: 53%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .glp1kekka-sort-now {
        width: 100%; } }
    .glp1kekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .glp1kekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .glp1kekka-sort-form {
    position: relative;
    width: 46%; }
    @media only screen and (max-width: 767px) {
      .glp1kekka-sort-form {
        width: 100%; } }
    .glp1kekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .glp1kekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.glp1-column-content-inner-exam .swiper-button-prev, .glp1-column-content-inner-exam .swiper-button-next {
  color: #d4ed6d; }
.glp1-column-content-inner-exam .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #d4ed6d; }
.glp1-kurifore-swiper .swiper-button-prev, .glp1-kurifore-swiper .swiper-button-next {
  color: #d4ed6d; }
.glp1-kurifore-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #d4ed6d; }
.glp1-ranking .ranking-list-box-inner-review .swiper-button-prev, .glp1-ranking .ranking-list-box-inner-review .swiper-button-next {
  color: #d4ed6d; }
.glp1-ranking .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #d4ed6d; }

/*GLP1*/
/* onlinepillLP   feature　
----------------------------------------------------------------------------------------------*/
.onlinepill {
  color: #4f4f4f; }
  .onlinepill .maxwidth500 {
    max-width: 500px;
    margin: auto; }
  .onlinepill-wrapper {
    max-width: 750px;
    margin: auto; }
  .onlinepill a {
    color: #000;
    transition: 0.3s; }
    .onlinepill a:hover {
      opacity: 0.7; }
  .onlinepill-title {
    max-width: 500px;
    margin: auto; }
  .onlinepill-cv {
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 70%; }
    .onlinepill-cv a:hover {
      opacity: 1; }
    .onlinepill-cv-copy {
      text-align: center;
      font-size: 1.02rem;
      font-weight: bold;
      margin: 1rem auto .5rem; }
      .onlinepill-cv-copy-inner {
        display: inline-block;
        position: relative; }
        .onlinepill-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/onlinepill/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .onlinepill-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/onlinepill/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .onlinepill-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 100%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.02rem;
      font-weight: bold;
      background-color: #f1528b;
      box-shadow: 0 8px 0 #682a3f;
      animation-name: afterpill-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes afterpill-cvmove {
  0% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #682a3f;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); } }
      .onlinepill-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
  .onlinepill-cover {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9); }
    .onlinepill-cover-contents {
      margin: auto;
      width: 90%;
      padding-top: 10rem; }
      @media only screen and (max-width: 767px) {
        .onlinepill-cover-contents {
          padding-top: 5rem; } }
      .onlinepill-cover-contents-ttl {
        font-size: 2rem;
        text-align: center;
        color: #fff;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .onlinepill-cover-contents-ttl {
            font-size: 1.5rem; } }
      .onlinepill-cover-contents-sub {
        color: #fff;
        text-align: center;
        font-size: 1rem;
        margin-top: .2rem; }
      .onlinepill-cover-contents-tab {
        margin-top: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: start;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-cover-contents-tab {
            flex-direction: column;
            align-items: center;
            justify-content: flex-start; } }
        .onlinepill-cover-contents-tab-link {
          display: inline-block;
          padding: 1rem 1.5rem;
          color: #fff;
          font-weight: bold;
          background-color: #a2d5d4;
          border-radius: 50px;
          min-width: 13rem;
          text-align: center;
          font-size: 1.2rem;
          transition: .2s;
          box-shadow: 0 8px 0 #496262; }
        .onlinepill-cover-contents-tab .tab1:hover {
          box-shadow: 0 0 0 0;
          margin-top: 8px;
          opacity: 1 !important;
          transition: .2s; }
        .onlinepill-cover-contents-tab .tab2 {
          background-color: #eaa29d;
          box-shadow: 0 8px 0 #845b59; }
          .onlinepill-cover-contents-tab .tab2:hover {
            box-shadow: 0 0 0 0;
            margin-top: 8px;
            opacity: 1 !important;
            transition: .2s; }
  .onlinepill-tab-list {
    max-width: 1020px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: end;
    gap: .2rem; }
    .onlinepill-tab-list-item {
      width: 50%;
      height: 2.5rem;
      font-size: 1rem;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 20px 20px 0 0; }
      .onlinepill-tab-list-item-row {
        background-color: #e3f2f2; }
      .onlinepill-tab-list-item-row.active {
        color: #fff;
        font-size: 1.3rem;
        background-color: #a2d5d4;
        height: 3rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-tab-list-item-row.active {
            font-size: 1rem; } }
      .onlinepill-tab-list-item-afterpill {
        background-color: #f9e3e1; }
      .onlinepill-tab-list-item-afterpill.active {
        color: #fff;
        font-size: 1.3rem;
        background-color: #eaa29d;
        height: 3rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-tab-list-item-afterpill.active {
            font-size: 1rem; } }
  .onlinepill-tab-content {
    max-width: 1020px;
    margin: 0 auto; }
    .onlinepill-tab-content-row .newlp-mainvisual {
      border-top: 0.5rem solid #a2d5d4; }
    .onlinepill-tab-content-afterpill .newlp-mainvisual {
      border-top: 0.5rem solid #eaa29d; }
    .onlinepill-tab-content-gradient {
      background: linear-gradient(90deg, #e3f2f2 0%, #e8eff2 25%, #f2eaf3 50%, #f7e8eb 75%, #f9e3e1 100%); }
  .onlinepill-gradient {
    background: linear-gradient(90deg, #e3f2f2 0%, #e8eff2 25%, #f2eaf3 50%, #f7e8eb 75%, #f9e3e1 100%);
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      .onlinepill-gradient {
        margin-bottom: 1rem; } }
    .onlinepill-gradient-afterpill {
      margin-bottom: 0; }
    .onlinepill-gradient-m {
      margin-top: 2rem; }
      @media only screen and (max-width: 767px) {
        .onlinepill-gradient-m {
          margin-top: 1rem; } }
  .onlinepill table {
    border: none; }
  .onlinepill th {
    background-color: transparent;
    height: auto;
    border: none; }
  .onlinepill td {
    background-color: #fff;
    border: none;
    border-right: 3px solid #f2eaf3; }
    .onlinepill td:last-child {
      border: none; }
  .onlinepill-intro {
    margin-bottom: 3rem;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .onlinepill-intro {
        margin-bottom: 2rem;
        padding: 0 .5rem; } }
    .onlinepill-intro .afterpill-link {
      margin: 1rem auto 4rem; }
      @media only screen and (max-width: 767px) {
        .onlinepill-intro .afterpill-link {
          margin: 1rem auto 3rem; } }
      .onlinepill-intro .afterpill-link-copy {
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center; }
        .onlinepill-intro .afterpill-link-copy-fukidashi {
          display: inline-block;
          position: relative; }
          .onlinepill-intro .afterpill-link-copy-fukidashi:before {
            position: absolute;
            top: 50%;
            left: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/afterpill/fukidashi_l.png) no-repeat;
            background-size: contain; }
          .onlinepill-intro .afterpill-link-copy-fukidashi:after {
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/afterpill/fukidashi_r.png) no-repeat;
            background-size: contain; }
      .onlinepill-intro .afterpill-link-btn {
        width: 70%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .onlinepill-intro .afterpill-link-btn {
            width: 95%; } }
        .onlinepill-intro .afterpill-link-btn a:hover {
          opacity: 1; }
        .onlinepill-intro .afterpill-link-btn-inner {
          background: linear-gradient(90deg, #a0d9f6 0%, #f4b4d0 100%);
          display: flex;
          justify-content: center;
          gap: 0.2rem;
          align-items: end;
          border-radius: 50px;
          padding: .5rem 1rem;
          box-shadow: 0 8px 0 #6f6f6f;
          animation-name: afterpill-linkmove;
          animation-delay: 0s;
          /* アニメーションの開始時間指定 */
          animation-duration: 3s;
          /* アニメーション動作時間の指定 */
          animation-timing-function: linear;
          /* アニメーションの動き（一定）*/
          animation-iteration-count: infinite;
          /* アニメーションを繰り返す */ }
@keyframes afterpill-linkmove {
  0% {
    box-shadow: 0 8px 0 #6f6f6f;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6f6f6f;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6f6f6f;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6f6f6f;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6f6f6f;
    transform: translatey(0); } }
          .onlinepill-intro .afterpill-link-btn-inner-img {
            width: 40%; }
          .onlinepill-intro .afterpill-link-btn-inner-txt {
            color: #fff;
            font-weight: bold;
            font-size: 1.1rem; }
    .onlinepill-intro-feel {
      font-weight: bold;
      font-size: 1.7rem;
      line-height: 1.4;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .onlinepill-intro-feel {
          font-size: 1.4rem;
          margin-bottom: .5rem; } }
      @media only screen and (max-width: 767px) {
        .onlinepill-intro-feel-afterpill {
          font-size: 1.2rem; } }
  .onlinepill-neotype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .onlinepill-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .onlinepill-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .onlinepill-neotype-list {
      margin-top: 2rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .onlinepill-neotype-list {
          margin-top: 2rem;
          flex-direction: column;
          gap: 2rem; } }
      .onlinepill-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #fdf6f5;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .onlinepill-neotype-list-inner {
            width: 100%; } }
        .onlinepill-neotype-list-inner-1 {
          border: 4px solid #e5b349; }
          @media only screen and (max-width: 767px) {
            .onlinepill-neotype-list-inner-1 {
              border: 3px solid #e5b349; } }
          .onlinepill-neotype-list-inner-1 .onlinepill-neotype-list-inner-ttl {
            position: relative; }
            .onlinepill-neotype-list-inner-1 .onlinepill-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/onlinepill/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .onlinepill-neotype-list-inner-1 .onlinepill-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .onlinepill-neotype-list-inner-2 .onlinepill-neotype-list-inner-ttl {
          position: relative; }
          .onlinepill-neotype-list-inner-2 .onlinepill-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/onlinepill/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .onlinepill-neotype-list-inner-2 .onlinepill-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .onlinepill-neotype-list-inner-3 .onlinepill-neotype-list-inner-ttl {
          position: relative; }
          .onlinepill-neotype-list-inner-3 .onlinepill-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/onlinepill/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .onlinepill-neotype-list-inner-3 .onlinepill-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .onlinepill-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .onlinepill-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/onlinepill/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .onlinepill-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .onlinepill-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .onlinepill-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .onlinepill-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .onlinepill-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .onlinepill-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .onlinepill-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .onlinepill-neotype-list-inner-ttl-name {
            font-size: 1.5rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            .onlinepill-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .onlinepill-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .onlinepill-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .onlinepill-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .onlinepill-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .2rem;
            margin: 0; }
            .onlinepill-neotype-list-inner-content-spec-inner {
              width: 100%;
              background-color: #fff; }
              .onlinepill-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #eaa29d;
                color: #fff;
                font-weight: bold;
                padding: .2rem;
                font-size: .9rem; }
              .onlinepill-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .onlinepill-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .onlinepill-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .onlinepill-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .onlinepill-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .onlinepill-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .onlinepill-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/onlinepill/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .onlinepill-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .onlinepill-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .onlinepill-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .onlinepill-neotype-list-inner-content-cv {
            width: 70%; }
            @media only screen and (max-width: 767px) {
              .onlinepill-neotype-list-inner-content-cv {
                width: 80%; } }
            .onlinepill-neotype-list-inner-content-cv-btn {
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
        .onlinepill-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .onlinepill-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center;
            color: #4f4f4f;
            text-decoration: none; }
            .onlinepill-neotype-list-inner-link-btn-txt {
              position: relative; }
              .onlinepill-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #4f4f4f;
                border-bottom: 0;
                transition: .3s; }
              .onlinepill-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #4f4f4f;
                border-bottom: 0;
                transition: .3s; }
  .onlinepill-type {
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .onlinepill-type {
        margin: .5rem auto; } }
    .onlinepill-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .onlinepill-type-list {
          margin: 1rem 0 1.5rem;
          flex-direction: column;
          gap: 1rem; } }
      .onlinepill-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .onlinepill-type-list-inner {
            width: 100%; } }
        .onlinepill-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          border: 0.1rem solid #a2d5d4;
          background: #a2d5d4; }
          .onlinepill-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .onlinepill-type-list-inner-ttl-b {
            border: 0.1rem solid #b4cad5;
            background: #b4cad5; }
          .onlinepill-type-list-inner-ttl-p {
            border: 0.1rem solid #d5b8d7;
            background: #d5b8d7; }
          .onlinepill-type-list-inner-ttl-r {
            border: 0.1rem solid #e4b4bc;
            background: #e4b4bc; }
        .onlinepill-type-list-inner-content {
          padding: 1rem .5rem 1.5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border: 0.1rem solid #a2d5d4;
          border-top: none;
          color: #282829;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          height: 13rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .onlinepill-type-list-inner-content {
              height: auto; } }
          .onlinepill-type-list-inner-content-wrap {
            display: inline-block;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .onlinepill-type-list-inner-content-wrap {
                width: 90%; } }
            .onlinepill-type-list-inner-content-wrap .logo {
              width: 70%;
              margin: 0 auto .5rem; }
              @media only screen and (max-width: 767px) {
                .onlinepill-type-list-inner-content-wrap .logo {
                  z-index: 0; } }
            .onlinepill-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem;
              align-items: center;
              flex-direction: column; }
              .onlinepill-type-list-inner-content-wrap-flex-copy {
                width: 100%; }
              .onlinepill-type-list-inner-content-wrap-flex-cv {
                width: 80%; }
                .onlinepill-type-list-inner-content-wrap-flex-cv-btn {
                  display: flex;
                  justify-content: center;
                  width: 100%;
                  height: 50px;
                  align-items: center; }
                .onlinepill-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff; }
                .onlinepill-type-list-inner-content-wrap-flex-cv-copy {
                  font-size: 1rem;
                  margin: .5rem auto 0; }
          .onlinepill-type-list-inner-content-b {
            border: 0.1rem solid #b4cad5;
            border-top: none; }
          .onlinepill-type-list-inner-content-p {
            border: 0.1rem solid #d5b8d7;
            border-top: none; }
          .onlinepill-type-list-inner-content-r {
            border: 0.1rem solid #e4b4bc;
            border-top: none; }
          .onlinepill-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .onlinepill-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .onlinepill-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .onlinepill-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
  .onlinepill-toprk {
    margin: 2rem auto 0;
    padding: 0 .5rem 2rem; }
    .onlinepill-toprk-container {
      position: relative;
      margin: 1.8rem auto 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0 5px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "regularprice regularprice regularprice" "anken1-regularprice anken2-regularprice anken3-regularprice" "medithreat medithreat medithreat" "anken1-medithreat anken2-medithreat anken3-medithreat" "send send send" "anken1-send anken2-send anken3-send" "type type type" "anken1-type anken2-type anken3-type" "meditime meditime meditime" "anken1-meditime anken2-meditime anken3-meditime" "shortest shortest shortest" "anken1-shortest anken2-shortest anken3-shortest" "howtoreserve howtoreserve howtoreserve" "anken1-howtoreserve anken2-howtoreserve anken3-howtoreserve" "howtothreat howtothreat howtothreat" "anken1-howtothreat anken2-howtothreat anken3-howtothreat" "payment payment payment" "anken1-payment anken2-payment anken3-payment" "link link link" "anken1-link anken2-link anken3-link"; }
      @media only screen and (max-width: 767px) {
        .onlinepill-toprk-container {
          margin: 1.5rem auto 1rem; } }
      .onlinepill-toprk-container .flex {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: .5rem;
        background-color: #fff; }
      .onlinepill-toprk-container .ttl {
        background-color: #eaa29d;
        font-weight: bold;
        padding: .2rem;
        color: #fff;
        font-size: .9rem; }
      .onlinepill-toprk-container-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .2rem;
        flex-direction: column; }
        .onlinepill-toprk-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .onlinepill-toprk-container-inner-txt {
              font-size: .8rem; } }
        .onlinepill-toprk-container-inner-eval {
          width: 15%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .onlinepill-toprk-container-inner-eval {
              width: 20%; } }
        .onlinepill-toprk-container-inner-rank {
          position: relative;
          width: 100%; }
          .onlinepill-toprk-container-inner-rank-last {
            position: inherit; }
        .onlinepill-toprk-container-inner .ico-rank {
          width: 3rem;
          margin: 0 auto 0.2rem !important; }
          .onlinepill-toprk-container-inner .ico-rank-last {
            width: 3rem;
            margin: 0 auto 0.2rem !important; }
        .onlinepill-toprk-container-inner .logo {
          width: 70%;
          margin: .5rem auto; }
          @media only screen and (max-width: 767px) {
            .onlinepill-toprk-container-inner .logo {
              width: 100%; } }
        .onlinepill-toprk-container-inner .img-rate {
          width: 70%;
          margin: .5rem auto; }
          @media only screen and (max-width: 767px) {
            .onlinepill-toprk-container-inner .img-rate {
              width: 100%; } }
      .onlinepill-toprk-container-cv {
        width: 80%; }
        @media only screen and (max-width: 767px) {
          .onlinepill-toprk-container-cv {
            width: 100%; } }
        .onlinepill-toprk-container-cv-txt {
          color: #fff; }
          @media only screen and (max-width: 767px) {
            .onlinepill-toprk-container-cv-txt {
              font-size: 1rem; } }
        @media only screen and (max-width: 767px) {
          .onlinepill-toprk-container-cv a {
            padding: 0; } }
        .onlinepill-toprk-container-cv-link {
          background-color: #e5b349;
          box-shadow: 0 8px 0 #705721;
          animation-name: pill-linkmove;
          animation-delay: 0s;
          animation-duration: 3s;
          animation-timing-function: linear;
          animation-iteration-count: infinite; }
@keyframes pill-linkmove {
  0% {
    box-shadow: 0 8px 0 #705721;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #705721;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #705721;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #705721;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #705721;
    transform: translatey(0); } }
      .onlinepill-toprk-container .feature {
        grid-area: feature; }
      .onlinepill-toprk-container .regularprice {
        grid-area: regularprice; }
      .onlinepill-toprk-container .medithreat {
        grid-area: medithreat; }
      .onlinepill-toprk-container .send {
        grid-area: send; }
      .onlinepill-toprk-container .type {
        grid-area: type; }
      .onlinepill-toprk-container .meditime {
        grid-area: meditime; }
      .onlinepill-toprk-container .shortest {
        grid-area: shortest; }
      .onlinepill-toprk-container .howtoreserve {
        grid-area: howtoreserve; }
      .onlinepill-toprk-container .howtothreat {
        grid-area: howtothreat; }
      .onlinepill-toprk-container .payment {
        grid-area: payment; }
      .onlinepill-toprk-container .link {
        grid-area: link; }
      .onlinepill-toprk-container .anken1 {
        grid-area: anken1;
        position: sticky;
        z-index: 1;
        top: 0;
        padding-bottom: 1rem; }
        .onlinepill-toprk-container .anken1-feature {
          grid-area: anken1-feature; }
        .onlinepill-toprk-container .anken1-regularprice {
          grid-area: anken1-regularprice; }
        .onlinepill-toprk-container .anken1-medithreat {
          grid-area: anken1-medithreat; }
        .onlinepill-toprk-container .anken1-send {
          grid-area: anken1-send; }
        .onlinepill-toprk-container .anken1-type {
          grid-area: anken1-type; }
        .onlinepill-toprk-container .anken1-meditime {
          grid-area: anken1-meditime; }
        .onlinepill-toprk-container .anken1-shortest {
          grid-area: anken1-shortest; }
        .onlinepill-toprk-container .anken1-howtoreserve {
          grid-area: anken1-howtoreserve; }
        .onlinepill-toprk-container .anken1-howtothreat {
          grid-area: anken1-howtothreat; }
        .onlinepill-toprk-container .anken1-payment {
          grid-area: anken1-payment; }
        .onlinepill-toprk-container .anken1-link {
          grid-area: anken1-link;
          padding-bottom: 1rem; }
      .onlinepill-toprk-container .anken2 {
        grid-area: anken2;
        position: sticky;
        z-index: 1;
        top: 0;
        padding-bottom: 1rem; }
        .onlinepill-toprk-container .anken2-feature {
          grid-area: anken2-feature; }
        .onlinepill-toprk-container .anken2-regularprice {
          grid-area: anken2-regularprice; }
        .onlinepill-toprk-container .anken2-medithreat {
          grid-area: anken2-medithreat; }
        .onlinepill-toprk-container .anken2-send {
          grid-area: anken2-send; }
        .onlinepill-toprk-container .anken2-type {
          grid-area: anken2-type; }
        .onlinepill-toprk-container .anken2-meditime {
          grid-area: anken2-meditime; }
        .onlinepill-toprk-container .anken2-shortest {
          grid-area: anken2-shortest; }
        .onlinepill-toprk-container .anken2-howtoreserve {
          grid-area: anken2-howtoreserve; }
        .onlinepill-toprk-container .anken2-howtothreat {
          grid-area: anken2-howtothreat; }
        .onlinepill-toprk-container .anken2-payment {
          grid-area: anken2-payment; }
        .onlinepill-toprk-container .anken2-link {
          grid-area: anken2-link;
          padding-bottom: 1rem; }
      .onlinepill-toprk-container .anken3 {
        grid-area: anken3;
        position: sticky;
        z-index: 1;
        top: 0;
        padding-bottom: 1rem; }
        .onlinepill-toprk-container .anken3-feature {
          grid-area: anken3-feature; }
        .onlinepill-toprk-container .anken3-regularprice {
          grid-area: anken3-regularprice; }
        .onlinepill-toprk-container .anken3-medithreat {
          grid-area: anken3-medithreat; }
        .onlinepill-toprk-container .anken3-send {
          grid-area: anken3-send; }
        .onlinepill-toprk-container .anken3-type {
          grid-area: anken3-type; }
        .onlinepill-toprk-container .anken3-meditime {
          grid-area: anken3-meditime; }
        .onlinepill-toprk-container .anken3-shortest {
          grid-area: anken3-shortest; }
        .onlinepill-toprk-container .anken3-howtoreserve {
          grid-area: anken3-howtoreserve; }
        .onlinepill-toprk-container .anken3-howtothreat {
          grid-area: anken3-howtothreat; }
        .onlinepill-toprk-container .anken3-payment {
          grid-area: anken3-payment; }
        .onlinepill-toprk-container .anken3-link {
          grid-area: anken3-link;
          padding-bottom: 1rem; }
    .onlinepill-toprk-list {
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "regularprice regularprice regularprice" "anken1-regularprice anken2-regularprice anken3-regularprice" "middle middle middle" "anken1-middle anken2-middle anken3-middle" "medithreat medithreat medithreat" "anken1-medithreat anken2-medithreat anken3-medithreat" "send send send" "anken1-send anken2-send anken3-send" "type type type" "anken1-type anken2-type anken3-type" "meditime meditime meditime" "anken1-meditime anken2-meditime anken3-meditime" "shortest shortest shortest" "anken1-shortest anken2-shortest anken3-shortest" "howtoreserve howtoreserve howtoreserve" "anken1-howtoreserve anken2-howtoreserve anken3-howtoreserve" "howtothreat howtothreat howtothreat" "anken1-howtothreat anken2-howtothreat anken3-howtothreat" "payment payment payment" "anken1-payment anken2-payment anken3-payment" "link link link" "anken1-link anken2-link anken3-link"; }
      .onlinepill-toprk-list .middle {
        grid-area: middle; }
      .onlinepill-toprk-list .anken1-middle {
        grid-area: anken1-middle; }
      .onlinepill-toprk-list .anken2-middle {
        grid-area: anken2-middle; }
      .onlinepill-toprk-list .anken3-middle {
        grid-area: anken3-middle; }
  .onlinepill-miniranking {
    padding-bottom: 3rem; }
    @media only screen and (max-width: 767px) {
      .onlinepill-miniranking {
        margin-bottom: 1rem; } }
    .onlinepill-miniranking-ttl {
      max-width: 750px;
      margin: auto; }
    .onlinepill-miniranking-table {
      margin-top: 2.5rem; }
      .onlinepill-miniranking-table .ico-rank {
        position: absolute;
        top: -2rem;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 auto 0.2rem !important; }
        @media only screen and (max-width: 767px) {
          .onlinepill-miniranking-table .ico-rank {
            top: -1.5rem; } }
      .onlinepill-miniranking-table .bnr {
        margin-top: .5rem; }
        .onlinepill-miniranking-table .bnr img {
          margin: auto; }
      .onlinepill-miniranking-table .copy {
        font-size: 0.9rem;
        margin-top: .5rem; }
      .onlinepill-miniranking-table .img-rate {
        width: 70%;
        margin: .5rem auto; }
        @media only screen and (max-width: 767px) {
          .onlinepill-miniranking-table .img-rate {
            width: 100%; } }
      .onlinepill-miniranking-table th {
        background-color: #eaa29d; }
        @media only screen and (max-width: 767px) {
          .onlinepill-miniranking-table th {
            font-size: .8rem;
            padding: 0.5rem;
            width: 10% !important; } }
      .onlinepill-miniranking-table th.onlinepill-miniranking-table-ttl-sub {
        background-color: #fdf6f5;
        color: #4f4f4f;
        padding: .2rem; }
      .onlinepill-miniranking-table td {
        position: relative;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .onlinepill-miniranking-table td {
            width: 30% !important; } }
      .onlinepill-miniranking-table-ttl-pill {
        position: relative; }
        .onlinepill-miniranking-table-ttl-pill:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translatey(-50%);
          display: inline-block;
          width: 1rem;
          height: 1rem;
          content: '';
          background: url(../img/feature/onlinepill/medi_icon.png) no-repeat;
          background-size: contain; }
      .onlinepill-miniranking-table-ttl-money {
        position: relative; }
        .onlinepill-miniranking-table-ttl-money:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translatey(-50%);
          display: inline-block;
          width: 1rem;
          height: 1rem;
          content: '';
          background: url(../img/feature/onlinepill/money_icon.png) no-repeat;
          background-size: contain; }
      .onlinepill-miniranking-table-flex {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .5rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-miniranking-table-flex {
            flex-direction: column; } }
        .onlinepill-miniranking-table-flex-eval {
          width: 25%; }
        .onlinepill-miniranking-table-flex-txt {
          width: 75%;
          font-size: .9rem;
          text-align: left; }
          @media only screen and (max-width: 767px) {
            .onlinepill-miniranking-table-flex-txt {
              width: 100%;
              text-align: center; } }
      .onlinepill-miniranking-table-txt {
        font-size: .9rem; }
      .onlinepill-miniranking-table-list li {
        font-size: .9rem; }
  .onlinepill-merit {
    margin-bottom: 3rem;
    background-color: #fdf6f5; }
    @media only screen and (max-width: 767px) {
      .onlinepill-merit {
        margin-bottom: 2rem; } }
    .onlinepill-merit-ttl {
      background: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
      color: #fff;
      font-weight: bold;
      text-align: center;
      padding: .5rem; }
      .onlinepill-merit-ttl-txt {
        position: relative; }
        .onlinepill-merit-ttl-txt:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translatey(-50%);
          display: inline-block;
          width: 1rem;
          height: 1rem;
          content: '';
          background: url(../img/feature/onlinepill/medi_icon.png) no-repeat;
          background-size: contain; }
        .onlinepill-merit-ttl-txt:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translatey(-50%);
          display: inline-block;
          width: 1rem;
          height: 1rem;
          content: '';
          background: url(../img/feature/onlinepill/medi_icon_r.png) no-repeat;
          background-size: contain; }
    .onlinepill-merit-list {
      padding: 1.5rem 0;
      width: 50%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .onlinepill-merit-list {
          padding: 1rem 0 1.5rem;
          width: 90%; } }
      .onlinepill-merit-list-item {
        border-bottom: dashed 1px #aba7a7;
        line-height: 2;
        display: flex;
        justify-content: left;
        align-items: center;
        gap: .5rem; }
        .onlinepill-merit-list-item .count {
          background-color: #eaa29d;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 1.5rem;
          height: 1.5rem;
          border-radius: 50%;
          color: #fff;
          font-weight: bold; }
    .onlinepill-merit-txt {
      background: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
      color: #fff;
      text-align: center;
      padding: 1rem 0;
      line-height: 1.5;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .onlinepill-merit-txt {
          padding: 1rem .5rem; } }
      .onlinepill-merit-txt-stronger {
        font-weight: bold;
        font-size: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-merit-txt-stronger {
            font-size: 1rem; } }
      .onlinepill-merit-txt-strongest {
        font-weight: bold;
        font-size: 1.8rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-merit-txt-strongest {
            font-size: 1.4rem; } }
      .onlinepill-merit-txt-img {
        position: relative; }
        @media only screen and (max-width: 767px) {
          .onlinepill-merit-txt-img {
            position: static; } }
        .onlinepill-merit-txt-img:before {
          position: absolute;
          top: 50%;
          left: -5.5rem;
          transform: translatey(-50%);
          display: inline-block;
          width: 4rem;
          height: 5rem;
          content: '';
          background: url(../img/feature/onlinepill/phone_illust.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .onlinepill-merit-txt-img:before {
              display: none; } }
        .onlinepill-merit-txt-img:after {
          position: absolute;
          top: 50%;
          right: -11.5rem;
          transform: translatey(-50%);
          display: inline-block;
          width: 6rem;
          height: 6rem;
          content: '';
          background: url(../img/feature/onlinepill/medi_illust.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .onlinepill-merit-txt-img:after {
              display: none; } }
      .onlinepill-merit-txt:after {
        position: absolute;
        left: 50%;
        top: 100%;
        transform: translatex(-50%);
        border-top: 30px solid #d5b8d7;
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        content: '';
        height: 0;
        width: 0; }
  .onlinepill-season {
    margin: 0 auto -2rem;
    padding: 0 0 2rem; }
    @media only screen and (max-width: 767px) {
      .onlinepill-season {
        padding: 0 .5rem 2rem; } }
    .onlinepill-season-list {
      display: flex;
      justify-content: center;
      max-width: 750px;
      gap: 1rem;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .onlinepill-season-list {
          flex-direction: column; } }
      .onlinepill-season-list-fukidashi {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem; }
        .onlinepill-season-list-fukidashi-inner {
          position: relative;
          font-weight: bold;
          font-size: 1rem; }
          .onlinepill-season-list-fukidashi-inner:before {
            position: absolute;
            top: 50%;
            left: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/gym/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .onlinepill-season-list-fukidashi-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .onlinepill-season-list-fukidashi-inner:after {
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/gym/fukidashi_r.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .onlinepill-season-list-fukidashi-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .onlinepill-season-list-inner {
        width: 100%; }
        .onlinepill-season-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #e5b349; }
          @media only screen and (max-width: 767px) {
            .onlinepill-season-list-inner-ttl {
              padding: .5rem; } }
          .onlinepill-season-list-inner-ttl-big {
            font-size: 1.5rem; }
        .onlinepill-season-list-inner-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-top: none;
          color: #4f4f4f;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .onlinepill-season-list-inner-content {
              height: auto; } }
          .onlinepill-season-list-inner-content-name {
            padding: .5rem;
            background-color: #fdf6f5;
            width: 100%;
            display: inline-block; }
            .onlinepill-season-list-inner-content-name a {
              margin: auto;
              display: inline-block; }
            .onlinepill-season-list-inner-content-name .logo {
              width: 65%;
              margin: auto; }
          .onlinepill-season-list-inner-content-wrap {
            width: 100%;
            padding: .5rem 4rem 1rem;
            display: flex;
            flex-direction: column;
            gap: .5rem 0;
            border-radius: 0 0 20px 20px;
            background-color: #fff; }
            @media only screen and (max-width: 767px) {
              .onlinepill-season-list-inner-content-wrap {
                min-height: inherit;
                padding: .5rem 2rem 1rem; } }
            .onlinepill-season-list-inner-content-wrap-txt .big {
              font-size: 1.4rem;
              font-weight: bold;
              padding: 0 .2rem; }
            .onlinepill-season-list-inner-content-wrap-txt .small {
              font-size: .6rem; }
            .onlinepill-season-list-inner-content-wrap-cv {
              width: 60%;
              margin: auto; }
              @media only screen and (max-width: 767px) {
                .onlinepill-season-list-inner-content-wrap-cv {
                  width: 80%; } }
              .onlinepill-season-list-inner-content-wrap-cv a {
                color: #fff !important;
                width: 100%;
                display: inline-block; }
        .onlinepill-season-list-inner-cv {
          width: 80%;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .onlinepill-season-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .onlinepill-season-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .onlinepill-season-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .onlinepill-season-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .onlinepill-season-list-inner-cv-txt {
            color: #fff; }
          .onlinepill-season-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .onlinepill-season-presents {
      text-align: right;
      font-size: .8rem;
      color: #808080;
      max-width: 750px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .onlinepill-season-presents {
          font-size: .6rem;
          text-align: center;
          margin: -0.5rem auto 0 !important; } }
  .onlinepill-percent {
    margin: 3rem auto; }
    @media only screen and (max-width: 767px) {
      .onlinepill-percent {
        margin: 2.5rem auto 1rem; } }
    .onlinepill-percent-ttl {
      max-width: 500px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .onlinepill-percent-ttl {
          padding: 0 .5rem; } }
    .onlinepill-percent-txt {
      margin: 1rem auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .onlinepill-percent-txt {
          padding: 0 .5rem; } }
    .onlinepill-percent-flex {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: .5rem; }
      @media only screen and (max-width: 767px) {
        .onlinepill-percent-flex {
          flex-direction: column;
          gap: 1rem; } }
      .onlinepill-percent-flex-item {
        display: flex;
        flex-direction: column;
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .onlinepill-percent-flex-item {
            width: 100%;
            padding: 0 .5rem; } }
        .onlinepill-percent-flex-item-ttl {
          padding: .5rem;
          text-align: center;
          font-size: 1.2rem;
          font-weight: bold;
          color: #fff; }
          .onlinepill-percent-flex-item-ttl-ella {
            background-color: #b4cad5; }
          .onlinepill-percent-flex-item-ttl-rebo {
            background-color: #eaa29d; }
        .onlinepill-percent-flex-item-content {
          display: flex;
          flex-direction: column;
          grid-gap: .5rem;
          background-color: #fdf6f5;
          padding: 1rem; }
          .onlinepill-percent-flex-item-content-img {
            width: 80%;
            margin: auto; }
          .onlinepill-percent-flex-item-content-txt {
            min-height: 10rem; }
  .onlinepill-osusume {
    margin: 1rem auto -2rem;
    padding-bottom: 2rem;
    max-width: 750px; }
    .onlinepill-osusume-bottom {
      margin-bottom: 0; }
    .onlinepill-osusume-inner-txt {
      text-align: center; }
      .onlinepill-osusume-inner-txt-wrap {
        position: relative;
        font-weight: bold;
        font-size: 1.2rem;
        display: inline-block; }
        .onlinepill-osusume-inner-txt-wrap:before {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: -2rem;
          content: '';
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          background: url(../img/feature/onlinepill/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .onlinepill-osusume-inner-txt-wrap:after {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: -2rem;
          content: '';
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          background: url(../img/feature/onlinepill/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .onlinepill-osusume-inner-img {
      margin-bottom: 1rem;
      display: flex;
      flex-direction: column;
      gap: .5rem;
      justify-content: center;
      align-items: center; }
      .onlinepill-osusume-inner-img-logo {
        width: 80%;
        margin: .5rem auto; }
    .onlinepill-osusume-inner-list {
      margin-bottom: 1rem; }
      .onlinepill-osusume-inner-list-item-img {
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .onlinepill-osusume-inner-list-item-img {
            width: 80%;
            margin: 0 auto; } }
      .onlinepill-osusume-inner-list-item-txt {
        text-align: center;
        line-height: 1.2;
        margin-top: 0.2rem; }
    .onlinepill-osusume-inner-cv {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .onlinepill-osusume-inner-cv {
          width: 70%;
          padding: 0; } }
      .onlinepill-osusume-inner-cv-txt {
        color: #fff;
        font-size: 1.5rem; }
  .onlinepill-strong {
    max-width: 500px;
    margin: 1.5rem auto;
    text-align: center;
    background-color: #fff;
    padding: 1rem 0; }
    .onlinepill-strong-txt {
      display: inline-block;
      font-weight: bold;
      position: relative; }
      .onlinepill-strong-txt:before {
        position: absolute;
        top: 50%;
        left: -1.2rem;
        transform: translateY(-50%);
        content: '';
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background: url(../img/feature/glp1/fukidashi_l.png) no-repeat;
        background-size: contain; }
        @media only screen and (max-width: 767px) {
          .onlinepill-strong-txt:before {
            left: -1rem; } }
      .onlinepill-strong-txt:after {
        position: absolute;
        top: 50%;
        right: -1.2rem;
        transform: translateY(-50%);
        content: '';
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background: url(../img/feature/glp1/fukidashi_r.png) no-repeat;
        background-size: contain; }
    .onlinepill-strong-img {
      width: 50%;
      margin: 0.5rem auto; }
      @media only screen and (max-width: 767px) {
        .onlinepill-strong-img {
          width: 70%; } }
      .onlinepill-strong-img img {
        margin: auto; }
  .onlinepill-flow {
    margin: -1rem auto 2rem; }
    @media only screen and (max-width: 767px) {
      .onlinepill-flow {
        padding: 1.5rem .5rem 0; } }
  .onlinepill-otherhikaku {
    margin: 3rem auto; }
    @media only screen and (max-width: 767px) {
      .onlinepill-otherhikaku {
        margin: 2rem auto; } }
    .onlinepill-otherhikaku-ttl {
      max-width: 500px;
      margin: auto; }
    .onlinepill-otherhikaku-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: .7fr 1fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 4px 10px;
      grid-auto-flow: row;
      grid-template-areas: "white online clinic mail pharmacy" "treatment online-treatment clinic-treatment mail-treatment pharmacy-treatment" "wait online-wait clinic-wait mail-wait pharmacy-wait" "privacy online-privacy clinic-privacy mail-privacy pharmacy-privacy" "demerit online-demerit clinic-demerit mail-demerit pharmacy-demerit"; }
      @media only screen and (max-width: 767px) {
        .onlinepill-otherhikaku-container {
          grid-template-columns: 6.5rem repeat(4, 10rem);
          padding: 0 .5rem; } }
      .onlinepill-otherhikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        padding: 0.5rem; }
      .onlinepill-otherhikaku-container .ttl-wrap {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        .onlinepill-otherhikaku-container .ttl-wrap-img {
          width: 50%;
          margin: auto; }
      .onlinepill-otherhikaku-container .content {
        font-size: .9rem; }
      .onlinepill-otherhikaku-container .white {
        grid-area: white; }
      .onlinepill-otherhikaku-container .treatment {
        grid-area: treatment;
        background-color: #a2d5d4;
        color: #fff;
        font-weight: bold;
        border-radius: 20px 20px 0 0; }
      .onlinepill-otherhikaku-container .wait {
        grid-area: wait;
        background-color: #a2d5d4;
        color: #fff;
        font-weight: bold; }
      .onlinepill-otherhikaku-container .privacy {
        grid-area: privacy;
        background-color: #a2d5d4;
        color: #fff;
        font-weight: bold;
        font-size: .9rem; }
      .onlinepill-otherhikaku-container .demerit {
        grid-area: demerit;
        background-color: #a2d5d4;
        color: #fff;
        font-weight: bold;
        border-radius: 0 0 20px 20px; }
      .onlinepill-otherhikaku-container .online {
        grid-area: online;
        background: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
        color: #fff;
        font-weight: bold;
        line-height: 1.2;
        border-radius: 20px 20px 0 0;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .onlinepill-otherhikaku-container .online {
            padding-top: 1.5rem; } }
        .onlinepill-otherhikaku-container .online:before {
          position: absolute;
          content: '';
          display: inline-block;
          width: 3rem;
          height: 3rem;
          background: url(../img/feature/afterpill/attention_icon.png) no-repeat;
          background-size: contain;
          top: -1.8rem;
          left: 0.5rem; }
          @media only screen and (max-width: 767px) {
            .onlinepill-otherhikaku-container .online:before {
              width: 2rem;
              height: 2rem;
              top: 0;
              left: 1.5rem; } }
        .onlinepill-otherhikaku-container .online-treatment {
          grid-area: online-treatment;
          background-color: #fcfbe8;
          border-left: 5px solid #a2d5d4;
          border-right: 5px solid #eaa29d; }
        .onlinepill-otherhikaku-container .online-wait {
          grid-area: online-wait;
          background-color: #fcfbe8;
          border-left: 5px solid #a2d5d4;
          border-right: 5px solid #eaa29d; }
        .onlinepill-otherhikaku-container .online-privacy {
          grid-area: online-privacy;
          background-color: #fcfbe8;
          border-left: 5px solid #a2d5d4;
          border-right: 5px solid #eaa29d; }
        .onlinepill-otherhikaku-container .online-demerit {
          grid-area: online-demerit;
          background: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
          border-radius: 0 0 20px 20px;
          padding: 0 5px 5px 5px; }
          .onlinepill-otherhikaku-container .online-demerit-wrap {
            background-color: #fcfbe8;
            padding: 0 5px 5px 5px;
            width: 100%;
            height: 100%;
            border-radius: 0 0 20px 20px;
            display: flex;
            justify-content: center;
            align-items: center; }
      .onlinepill-otherhikaku-container .clinic {
        grid-area: clinic;
        background-color: #fdf6f5;
        line-height: 1.2;
        border-radius: 20px 20px 0 0; }
        .onlinepill-otherhikaku-container .clinic-treatment {
          grid-area: clinic-treatment;
          background-color: #fdf6f5; }
        .onlinepill-otherhikaku-container .clinic-wait {
          grid-area: clinic-wait;
          background-color: #fdf6f5; }
        .onlinepill-otherhikaku-container .clinic-privacy {
          grid-area: clinic-privacy;
          background-color: #fdf6f5; }
        .onlinepill-otherhikaku-container .clinic-demerit {
          grid-area: clinic-demerit;
          background-color: #fdf6f5;
          border-radius: 0 0 20px 20px; }
      .onlinepill-otherhikaku-container .mail {
        grid-area: mail;
        background-color: #fdf6f5;
        line-height: 1.2;
        border-radius: 20px 20px 0 0; }
        .onlinepill-otherhikaku-container .mail-treatment {
          grid-area: mail-treatment;
          background-color: #fdf6f5; }
        .onlinepill-otherhikaku-container .mail-wait {
          grid-area: mail-wait;
          background-color: #fdf6f5; }
        .onlinepill-otherhikaku-container .mail-privacy {
          grid-area: mail-privacy;
          background-color: #fdf6f5; }
        .onlinepill-otherhikaku-container .mail-demerit {
          grid-area: mail-demerit;
          background-color: #fdf6f5;
          border-radius: 0 0 20px 20px; }
      .onlinepill-otherhikaku-container .pharmacy {
        grid-area: pharmacy;
        background-color: #fdf6f5;
        line-height: 1.2;
        border-radius: 20px 20px 0 0; }
        .onlinepill-otherhikaku-container .pharmacy-treatment {
          grid-area: pharmacy-treatment;
          background-color: #fdf6f5; }
        .onlinepill-otherhikaku-container .pharmacy-wait {
          grid-area: pharmacy-wait;
          background-color: #fdf6f5; }
        .onlinepill-otherhikaku-container .pharmacy-privacy {
          grid-area: pharmacy-privacy;
          background-color: #fdf6f5; }
        .onlinepill-otherhikaku-container .pharmacy-demerit {
          grid-area: pharmacy-demerit;
          background-color: #fdf6f5;
          border-radius: 0 0 20px 20px; }
    .onlinepill-otherhikaku-txt {
      margin: 1rem auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .onlinepill-otherhikaku-txt {
          padding: 0 .5rem; } }
  .onlinepill-select {
    max-width: 1000px;
    margin: 3rem auto; }
    @media only screen and (max-width: 767px) {
      .onlinepill-select {
        margin: 2rem auto; } }
    .onlinepill-select-list {
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .onlinepill-select-list {
          padding: 0 .5rem; } }
      .onlinepill-select-list-flex-item {
        background-color: #fdf6f5;
        padding: 1rem;
        border-radius: 20px; }
        .onlinepill-select-list-flex-item-ttl {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column; }
          .onlinepill-select-list-flex-item-ttl-num {
            font-size: 1rem;
            font-weight: nomal; }
          .onlinepill-select-list-flex-item-ttl-txt {
            min-height: 4rem;
            display: flex;
            align-items: center;
            text-align: center; }
            @media only screen and (max-width: 767px) {
              .onlinepill-select-list-flex-item-ttl-txt {
                min-height: auto; } }
          .onlinepill-select-list-flex-item-ttl-img {
            width: 50%;
            margin: auto; }
        .onlinepill-select-list-flex-item-txt {
          font-size: .8rem;
          min-height: 13rem; }
          @media only screen and (max-width: 767px) {
            .onlinepill-select-list-flex-item-txt {
              min-height: auto; } }
  .onlinepill-get {
    max-width: 750px;
    margin: 3rem auto 0; }
    @media only screen and (max-width: 767px) {
      .onlinepill-get {
        margin: 2rem auto 0;
        padding: 0 .5rem 2rem; } }
    .onlinepill-get-ttl {
      max-width: 500px;
      margin: auto; }
    .onlinepill-get-list {
      padding: 0;
      margin: 0;
      padding: 1rem 0 3rem;
      display: flex;
      justify-content: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .onlinepill-get-list {
          padding: 1rem 0; } }
      .onlinepill-get-list-item-txt {
        text-align: center; }
        .onlinepill-get-list-item-txt-big {
          font-weight: bold;
          font-size: 1.6rem; }
          @media only screen and (max-width: 767px) {
            .onlinepill-get-list-item-txt-big {
              font-size: 1.4rem; } }
    .onlinepill-get-txt {
      text-align: center;
      font-size: 1.1rem;
      background-color: #fff;
      padding: .5rem;
      border-radius: 20px; }
  .onlinepill .ranking-title {
    margin-top: 0; }
    .onlinepill .ranking-title:after {
      border-top: 20px solid #d5b8d7; }
  .onlinepill .ranking .onlinepill-ranking-title {
    background: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
    position: relative; }
    @media only screen and (max-width: 767px) {
      .onlinepill .ranking .onlinepill-ranking-title {
        padding: 1rem .5rem; } }
    .onlinepill .ranking .onlinepill-ranking-title-img {
      max-width: 750px;
      margin: auto;
      width: 100%; }
    .onlinepill .ranking .onlinepill-ranking-title-date {
      position: absolute;
      top: 1.2rem;
      left: 50%;
      transform: translateX(-50%);
      font-size: 1.5rem;
      color: #d5b8d7; }
  .onlinepill .ranking .onlinepill-ranking-kome {
    text-align: right;
    margin-top: -0.5rem;
    opacity: 0.7;
    font-size: .7rem; }
  .onlinepill .ranking .onlinepill-ranking-list {
    max-width: 1050px;
    margin: auto; }
    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #f2d9a4; }
    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #dedae0; }
    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #c9b5a2; }
    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #8e90ad; }
    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #df9fb6; }
    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin-top: 3rem; }
      .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-cv {
        width: 40%; }
        @media only screen and (max-width: 767px) {
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-cv {
            width: 85%; } }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-cv-btn {
          margin-bottom: 1.5rem;
          font-size: 1.2rem;
          line-height: 1.3;
          padding: 0.5rem;
          height: auto; }
          @media only screen and (max-width: 767px) {
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-cv-btn {
              width: 90%; } }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-cv-wrap {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-cv-wrap {
              margin-top: 1rem; } }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-cv-wrap-txt {
            display: inline-block;
            position: relative; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-cv-wrap-txt::before {
              position: absolute;
              top: 50%;
              left: -1.2rem;
              transform: translateY(-50%);
              content: '';
              display: inline-block;
              width: 1rem;
              height: 1rem;
              background: url(../img/feature/onlinepill/fukidashi_l.png) no-repeat;
              background-size: contain; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-cv-wrap-txt::after {
              position: absolute;
              top: 50%;
              right: -1.5rem;
              transform: translateY(-50%);
              content: '';
              display: inline-block;
              width: 1rem;
              height: 1rem;
              background: url(../img/feature/onlinepill/fukidashi_r.png) no-repeat;
              background-size: contain; }
      .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-tell {
        margin-bottom: 1rem; }
      .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-ico {
        top: -2rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-ico {
            top: -1.7rem; } }
      .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-wrapper {
        background-color: #fdf6f5; }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-wrapper-width {
          max-width: 750px;
          margin: 0 auto;
          padding: 2rem 0; }
          @media only screen and (max-width: 767px) {
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-wrapper-width {
              padding: 1rem .5rem; } }
      .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner {
        margin: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner {
            margin: 1rem 0; } }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-ttl {
          background: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-content {
          background-color: #fff;
          padding: 1rem;
          line-height: 1.6; }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-point {
          margin-top: 0 !important;
          padding: 1rem 2rem;
          text-align: left; }
          @media only screen and (max-width: 767px) {
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-point {
              padding: 1rem .5rem; } }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-point-flex {
            display: flex;
            justify-content: left;
            align-items: center;
            gap: .5rem;
            line-height: 1.8;
            border-bottom: 1px solid #a2d5d4;
            border-image: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
            border-image-slice: 1; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-point-flex-bullet {
              display: block;
              width: 1rem;
              height: 1rem;
              background-color: #a2d5d4;
              border-radius: 50px; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-point-flex-ttl {
              font-weight: bold;
              font-size: 1rem; }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-point-txt {
            line-height: 1.3;
            margin: .3rem 0 1rem; }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-detail {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr 1fr;
          gap: .5rem; }
          @media only screen and (max-width: 767px) {
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-detail {
              grid-template-columns: 1fr 1fr; } }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-detail-item dt {
            background-color: #eaa29d;
            padding: .5rem;
            text-align: center;
            color: #fff; }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-detail-item dd {
            background-color: #fff;
            padding: .5rem;
            font-size: .8rem;
            text-align: center; }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab {
          margin: 2rem 0; }
          @media only screen and (max-width: 767px) {
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab {
              margin: 1rem 0; } }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-ttl {
            background-color: #fff;
            padding: .5rem 0 2.2rem;
            text-align: center;
            font-weight: bold; }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list {
            display: flex;
            justify-content: space-between;
            position: relative; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn {
              position: absolute;
              top: -2rem;
              width: 28%;
              padding: .5rem .5rem 1rem;
              text-align: center;
              border-radius: 1.5rem 1.5rem 0 0;
              font-size: 1rem; }
              @media only screen and (max-width: 767px) {
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn {
                  font-size: .8rem;
                  border-radius: .5rem .5rem 0 0; } }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-1 {
                left: 0;
                z-index: 5;
                background-color: #e3f2f2; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-1:after {
                  content: '';
                  display: inline-block;
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 1.5rem;
                  height: 2.5rem;
                  background-color: #a2d5d4;
                  border-radius: 0 1.5rem 0 0; }
                  @media only screen and (max-width: 767px) {
                    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-1:after {
                      width: .5rem; } }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-2 {
                left: 18%;
                z-index: 4;
                background-color: #e8eff2; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-2:after {
                  content: '';
                  display: inline-block;
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 1.5rem;
                  height: 2.5rem;
                  background-color: #b4cad5;
                  border-radius: 0 1.5rem 0 0; }
                  @media only screen and (max-width: 767px) {
                    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-2:after {
                      width: .5rem; } }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-3 {
                left: 36%;
                z-index: 3;
                background-color: #f2eaf3; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-3:after {
                  content: '';
                  display: inline-block;
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 1.5rem;
                  height: 2.5rem;
                  background-color: #d5b8d7;
                  border-radius: 0 1.5rem 0 0; }
                  @media only screen and (max-width: 767px) {
                    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-3:after {
                      width: .5rem; } }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-4 {
                left: 54%;
                z-index: 2;
                background-color: #f7e8eb; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-4:after {
                  content: '';
                  display: inline-block;
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 1.5rem;
                  height: 2.5rem;
                  background-color: #e4b4bc;
                  border-radius: 0 1.5rem 0 0; }
                  @media only screen and (max-width: 767px) {
                    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-4:after {
                      width: .5rem; } }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-5 {
                left: 72%;
                z-index: 1;
                background-color: #f9e3e1; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-5:after {
                  content: '';
                  display: inline-block;
                  position: absolute;
                  top: 0;
                  right: 0;
                  width: 1.5rem;
                  height: 2.5rem;
                  background-color: #eaa29d;
                  border-radius: 0 1.5rem 0 0; }
                  @media only screen and (max-width: 767px) {
                    .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-list-btn-5:after {
                      width: .5rem; } }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-1.active {
            z-index: 8;
            background-color: #a2d5d4;
            color: #fff; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-1.active::after {
              left: -1000%; }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-2.active {
            z-index: 8;
            background-color: #b4cad5;
            color: #fff; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-2.active::after {
              left: -1000%; }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-3.active {
            z-index: 8;
            background-color: #d5b8d7;
            color: #fff; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-3.active::after {
              left: -1000%; }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-4.active {
            z-index: 8;
            background-color: #e4b4bc;
            color: #fff; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-4.active::after {
              left: -1000%; }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-5.active {
            z-index: 8;
            background-color: #eaa29d;
            color: #fff; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab .ranking-list-box-inner-tab-list-btn-5.active::after {
              left: -1000%; }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents {
            position: relative;
            z-index: 10; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list {
              padding: 1.5rem 2rem 1rem 3rem;
              display: flex;
              justify-content: left;
              gap: .5rem 2rem;
              position: relative;
              flex-wrap: wrap; }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-1 {
                background-color: #e3f2f2; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-1:before {
                  position: absolute;
                  top: 0;
                  left: 0;
                  display: inline-block;
                  width: 100%;
                  height: .5rem;
                  content: '';
                  background-color: #a2d5d4; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-1 .pilllist_bullet {
                  position: relative;
                  font-size: .9rem; }
                  .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-1 .pilllist_bullet::before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    transform: translatey(-50%);
                    left: -0.8rem;
                    display: block;
                    width: 0.5rem;
                    height: 0.5rem;
                    background-color: #a2d5d4;
                    border-radius: 50px; }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-2 {
                background-color: #e8eff2; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-2:before {
                  position: absolute;
                  top: 0;
                  left: 0;
                  display: inline-block;
                  width: 100%;
                  height: .5rem;
                  content: '';
                  background-color: #b4cad5; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-2 .pilllist_bullet {
                  position: relative;
                  font-size: .9rem; }
                  .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-2 .pilllist_bullet::before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    transform: translatey(-50%);
                    left: -0.8rem;
                    display: block;
                    width: 0.5rem;
                    height: 0.5rem;
                    background-color: #b4cad5;
                    border-radius: 50px; }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-3 {
                background-color: #f2eaf3; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-3:before {
                  position: absolute;
                  top: 0;
                  left: 0;
                  display: inline-block;
                  width: 100%;
                  height: .5rem;
                  content: '';
                  background-color: #d5b8d7; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-3 .pilllist_bullet {
                  position: relative;
                  font-size: .9rem; }
                  .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-3 .pilllist_bullet::before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    transform: translatey(-50%);
                    left: -0.8rem;
                    display: block;
                    width: 0.5rem;
                    height: 0.5rem;
                    background-color: #d5b8d7;
                    border-radius: 50px; }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-4 {
                background-color: #f7e8eb; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-4:before {
                  position: absolute;
                  top: 0;
                  left: 0;
                  display: inline-block;
                  width: 100%;
                  height: .5rem;
                  content: '';
                  background-color: #e4b4bc; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-4 .pilllist_bullet {
                  position: relative;
                  font-size: .9rem; }
                  .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-4 .pilllist_bullet::before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    transform: translatey(-50%);
                    left: -0.8rem;
                    display: block;
                    width: 0.5rem;
                    height: 0.5rem;
                    background-color: #e4b4bc;
                    border-radius: 50px; }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-5 {
                background-color: #f9e3e1; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-5:before {
                  position: absolute;
                  top: 0;
                  left: 0;
                  display: inline-block;
                  width: 100%;
                  height: .5rem;
                  content: '';
                  background-color: #eaa29d; }
                .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-5 .pilllist_bullet {
                  position: relative;
                  font-size: .9rem; }
                  .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-tab-contents-list-5 .pilllist_bullet::before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    transform: translatey(-50%);
                    left: -0.8rem;
                    display: block;
                    width: 0.5rem;
                    height: 0.5rem;
                    background-color: #eaa29d;
                    border-radius: 50px; }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-inner {
          margin: 1rem 0; }
        .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-card {
          background-color: #fff;
          width: 100%;
          padding: 1.5rem;
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;
          gap: .5rem;
          max-height: 800px; }
          @media only screen and (max-width: 767px) {
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-card {
              padding: 1rem 2rem;
              gap: 1rem;
              max-height: 600px; } }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-card-img {
            width: 40%; }
          .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-card-comment {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-card-comment {
                padding: 0 2rem; } }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
              position: relative;
              display: inline-block;
              font-size: 1.8rem;
              margin-bottom: 1rem;
              line-height: 1.2; }
              .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                position: absolute;
                bottom: -0.5rem;
                left: 0;
                background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                content: "";
                height: 2px;
                width: 100%; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-card-comment-link {
              display: block;
              font-size: 0.9rem;
              text-align: right;
              opacity: 0.5; }
            .onlinepill .ranking .onlinepill-ranking-list .ranking-list-box-inner-review-card-comment-txt {
              margin-top: .5rem;
              line-height: 1.5; }
  @media only screen and (max-width: 767px) {
    .onlinepill-qa {
      padding: 0 .5rem; } }
  .onlinepill-qa-ttl {
    padding-top: 2rem; }
  .onlinepill-qa-content {
    margin-bottom: 4rem; }
    @media only screen and (max-width: 767px) {
      .onlinepill-qa-content {
        margin-bottom: 3rem; } }
    .onlinepill-qa-content-grid {
      margin: 2rem 0;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr;
      gap: 1rem 0;
      grid-template-areas: "worryimg worrytxt worrytxt worrytxt answerimg" "worryimg answertxt answertxt answertxt answerimg" "worryimg answertxt answertxt answertxt answerimg"; }
      @media only screen and (max-width: 767px) {
        .onlinepill-qa-content-grid {
          margin: 1.5rem 0;
          grid-template-columns: 1fr 1fr 1fr;
          grid-template-rows: 1fr 1fr;
          gap: .5rem 0;
          grid-template-areas: "worryimg worrytxt worrytxt" "answertxt answertxt answerimg"; } }
      .onlinepill-qa-content-grid-worryimg {
        grid-area: worryimg;
        display: flex;
        align-items: center;
        border-radius: 1rem 0 1rem 1rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-qa-content-grid-worryimg {
            border-radius: 1rem 0 0 1rem; } }
        .onlinepill-qa-content-grid-worryimg-inner {
          padding: .5rem; }
        .onlinepill-qa-content-grid-worryimg-1 {
          background-color: #a2d5d4; }
        .onlinepill-qa-content-grid-worryimg-2 {
          background-color: #d5b8d7; }
        .onlinepill-qa-content-grid-worryimg-3 {
          background-color: #eaa29d; }
      .onlinepill-qa-content-grid-worrytxt {
        grid-area: worrytxt;
        padding: .5rem 1rem;
        border-radius: 0 1rem 1rem 0;
        margin-right: 1rem;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .onlinepill-qa-content-grid-worrytxt {
            padding: .5rem 1rem .5rem 0; } }
        .onlinepill-qa-content-grid-worrytxt-inner {
          color: #fff; }
          .onlinepill-qa-content-grid-worrytxt-inner-bold {
            font-weight: bold;
            font-size: 1.4rem; }
        .onlinepill-qa-content-grid-worrytxt-1 {
          background-color: #a2d5d4; }
        .onlinepill-qa-content-grid-worrytxt-2 {
          background-color: #d5b8d7; }
        .onlinepill-qa-content-grid-worrytxt-3 {
          background-color: #eaa29d; }
      .onlinepill-qa-content-grid-answerimg {
        grid-area: answerimg;
        background-color: #fff;
        border-radius: 1rem 1rem 1rem 0;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .onlinepill-qa-content-grid-answerimg {
            border-radius: 0rem 1rem 1rem 0; } }
        .onlinepill-qa-content-grid-answerimg-inner {
          padding: .5rem; }
      .onlinepill-qa-content-grid-answertxt {
        grid-area: answertxt;
        background-color: #fff;
        padding: .5rem 1rem;
        margin-left: 1rem;
        border-radius: 1rem 0 0 1rem;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .onlinepill-qa-content-grid-answertxt {
            padding: .5rem 0 .5rem 1rem;
            font-size: .9rem; } }
        .onlinepill-qa-content-grid-answertxt .underline {
          font-weight: bold;
          border-bottom: 1px solid #4f4f4f; }

.opsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .opsearch {
      padding: .5rem; } }
  .opsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .opsearch .only-pc {
      display: none; } }
  .opsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .opsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .opsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .opsearch-form {
        gap: .5rem; } }
    .opsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .opsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .opsearch-form-wrap-sankaku {
            width: 48%; } }
        .opsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .opsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .opsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .opsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .opsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .opsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .opsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .opsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .opsearch-form-submit-txt:before {
              display: none; } }
        .opsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .opsearch-form-submit-txt:after {
              display: none; } }
      .opsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .opsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .opsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .opsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.opkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .opkekka-sort {
      flex-direction: column; } }
  .opkekka-sort-now {
    display: flex;
    margin: 0;
    width: 53%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .opkekka-sort-now {
        width: 100%; } }
    .opkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .opkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .opkekka-sort-form {
    position: relative;
    width: 46%; }
    @media only screen and (max-width: 767px) {
      .opkekka-sort-form {
        width: 100%; } }
    .opkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .opkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.onlinepill-ranking .ranking-list-box-inner-review .swiper-button-prev, .onlinepill-ranking .ranking-list-box-inner-review .swiper-button-next {
  color: #eaa29d; }
.onlinepill-ranking .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #eaa29d; }
.onlinepill-ranking .glp1-kurifore-swiper .swiper-button-prev, .onlinepill-ranking .glp1-kurifore-swiper .swiper-button-next {
  color: #eaa29d; }
.onlinepill-ranking .glp1-kurifore-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #eaa29d; }

.onlinepill-select-list .swiper-button-prev, .onlinepill-select-list .swiper-button-next {
  color: #eaa29d; }
.onlinepill-select-list .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #eaa29d; }

/*onlinepill*/
/* daniLP   feature　
----------------------------------------------------------------------------------------------*/
.dani {
  color: #49494a; }
  .dani .maxwidth750 {
    max-width: 750px;
    margin: 1rem auto; }
  .dani-wrapper {
    padding: 0 .5rem; }
  .dani a {
    color: #49494a;
    transition: 0.3s; }
    .dani a:hover {
      opacity: 0.7; }
  .dani-cv {
    margin: .5rem 0;
    text-align: center; }
    .dani-cv a:hover {
      opacity: 1; }
    .dani-cv-copy {
      font-size: 1.1rem;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .dani-cv-copy {
          line-height: 1.2;
          margin-bottom: 0.2rem; } }
      .dani-cv-copy span {
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .dani-cv-copy span {
            width: 60%;
            margin: auto; } }
        .dani-cv-copy span:before {
          position: absolute;
          top: 50%;
          left: -1.2rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/onlinepill/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .dani-cv-copy span:before {
              left: -1.2rem;
              width: 2rem;
              height: 2rem; } }
        .dani-cv-copy span:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          content: '';
          display: inline-block;
          width: 1rem;
          height: 1rem;
          background: url(../img/feature/onlinepill/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .dani-cv-copy span:after {
              right: -1.8rem;
              width: 2rem;
              height: 2rem; } }
    .dani-cv-btn {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.3rem;
      font-weight: bold;
      background-color: #e3a1c9;
      box-shadow: 0 8px 0 #755368;
      animation-name: dani-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .dani-cv-btn a:hover {
        opacity: 1; }
@keyframes dani-cvmove {
  0% {
    box-shadow: 0 8px 0 #755368;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #755368;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #755368;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #755368;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #755368;
    transform: translatey(0); } }
      @media only screen and (max-width: 767px) {
        .dani-cv-btn {
          width: 100%; } }
      .dani-cv-btn-text {
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        color: #fff;
        text-decoration: none;
        text-align: center;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        .dani-cv-btn-text:nth-child(1) {
          top: 0;
          animation-name: cvtextup; }
        .dani-cv-btn-text:nth-child(2) {
          bottom: -100%;
          animation-name: cvtextcome; }
@keyframes cvtextup {
  0% {
    top: 0;
    left: 0; }
  20% {
    top: 0;
    left: 0; }
  40% {
    top: 100%;
    left: 0; }
  55% {
    top: 0%;
    left: -250%; }
  70% {
    top: -100%;
    left: 0; }
  90% {
    top: 0;
    left: 0; }
  100% {
    top: 0;
    left: 0; } }
@keyframes cvtextcome {
  0% {
    bottom: 100%;
    left: 0; }
  20% {
    bottom: 100%;
    left: 0; }
  40% {
    bottom: 0;
    left: 0; }
  60% {
    bottom: 0;
    left: 0; }
  80% {
    bottom: -100%;
    left: 0; }
  100% {
    bottom: 0;
    left: -250%; } }
  .dani th {
    background-color: transparent; }
  .dani td {
    background-color: #f3f3f3; }
  .dani-txt {
    color: #49494a !important;
    line-height: 1.5;
    font-size: 1rem; }
  .dani-type {
    margin: 1.5rem auto; }
    .dani-type-list-inner-ttl {
      color: #49494a;
      font-size: 1.2rem;
      background-color: #b6dfe2;
      border-radius: .5rem .5rem 0 0; }
      .dani-type-list-inner-ttl-big {
        font-size: 1.5rem; }
      .dani-type-list-inner-ttl-y {
        background-color: #e1dd87;
        color: #49494a; }
    .dani-type-list-inner-content {
      border: 0.2rem solid #b6dfe2;
      border-top: none;
      height: 17rem;
      text-align: center;
      border-radius: 0 0 .5rem .5rem; }
      @media only screen and (max-width: 767px) {
        .dani-type-list-inner-content {
          gap: .5rem;
          height: auto;
          padding: .5rem; } }
      @media only screen and (max-width: 767px) {
        .dani-type-list-inner-content-wrap {
          display: flex;
          gap: .5rem;
          width: 90%;
          align-items: center; } }
      .dani-type-list-inner-content-wrap-img {
        width: 20%;
        display: flex;
        align-items: center; }
      @media only screen and (max-width: 767px) {
        .dani-type-list-inner-content-wrap-flex {
          width: 79%; } }
      .dani-type-list-inner-content-y {
        border: 0.2rem solid #e1dd87;
        border-top: none; }
      @media only screen and (max-width: 767px) {
        .dani-type-list-inner-content-copy {
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          font-size: .9rem; } }
      .dani-type-list-inner-content .img {
        width: 60%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .dani-type-list-inner-content .img {
            width: 100%; } }
        .dani-type-list-inner-content .img-big {
          width: 40%;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .dani-type-list-inner-content .img-big {
              width: 100%; } }
      .dani-type-list-inner-content .name {
        font-weight: bold;
        font-size: 1.2rem; }
    .dani-type-list-inner-cv {
      width: 80%;
      overflow: hidden;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .dani-type-list-inner-cv {
          position: relative;
          margin: 0.5rem auto; } }
      .dani-type-list-inner-cv:before {
        position: absolute;
        pointer-events: none;
        content: '';
        display: inline-block;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
      .dani-type-list-inner-cv a {
        padding: 1rem 2.2rem; }
      .dani-type-list-inner-cv-txt {
        color: #fff; }
    .dani-type-come {
      text-align: right;
      font-size: .8rem;
      opacity: 0.5;
      margin-top: -0.5rem; }
  .dani-intro-ttl {
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    margin: 0 0 .2rem 1rem;
    line-height: 1.5; }
    @media only screen and (max-width: 767px) {
      .dani-intro-ttl {
        font-size: 1.5rem; } }
    .dani-intro-ttl:before {
      position: absolute;
      top: 50%;
      left: -1rem;
      transform: translatey(-50%);
      content: '';
      width: .5rem;
      height: 1.8rem;
      display: inline-block;
      background-color: #b6dfe2; }
  .dani-intro-graph {
    margin: 1rem; }
    @media only screen and (max-width: 767px) {
      .dani-intro-graph {
        margin: 1rem 0; } }
  .dani-ng-ttl {
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
    max-width: 750px;
    margin: 0 auto 0.2rem auto;
    padding-left: 1rem; }
    @media only screen and (max-width: 767px) {
      .dani-ng-ttl {
        margin: 0 0 .2rem 1rem;
        padding: 0;
        font-size: 1.5rem; } }
    .dani-ng-ttl:before {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translatey(-50%);
      content: '';
      width: .5rem;
      height: 1.8rem;
      display: inline-block;
      background-color: #b6dfe2; }
      @media only screen and (max-width: 767px) {
        .dani-ng-ttl:before {
          left: -1rem; } }
  .dani-ng-list {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .dani-ng-list {
        margin-top: 1.5rem;
        flex-direction: column;
        gap: 1.5rem; } }
    .dani-ng-list-detail {
      width: 24%;
      background-color: #f3f3f3;
      padding: 1rem; }
      @media only screen and (max-width: 767px) {
        .dani-ng-list-detail {
          width: 100%; } }
      .dani-ng-list-detail dt {
        position: relative; }
        .dani-ng-list-detail dt span {
          position: absolute;
          top: -2rem;
          left: -1rem;
          display: inline-block;
          height: 3rem;
          width: 3rem;
          border-radius: 50px;
          background-color: #49494a;
          color: #fff;
          font-size: 1.5rem;
          font-weight: bold;
          text-align: center;
          line-height: 2; }
      .dani-ng-list-detail-ngimg {
        width: 50%;
        margin: auto; }
        .dani-ng-list-detail-ngimg img {
          margin: auto; }
      .dani-ng-list-detail-ttl {
        font-size: 1.5rem;
        text-align: center;
        font-weight: bold;
        margin: .2rem 0; }
      .dani-ng-list-detail-txt {
        margin: .5rem 0;
        font-size: .9rem;
        line-height: 1.5; }
  .dani-point-list {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      .dani-point-list {
        flex-direction: column; } }
    .dani-point-list-detail-ttl {
      position: relative;
      background-color: #b6dfe2;
      padding: 0 1rem 0 5rem;
      border-radius: 1rem 1rem 0 0;
      font-size: 1.2rem;
      font-weight: bold;
      height: 5rem;
      display: flex;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .dani-point-list-detail-ttl {
          height: 4rem; } }
      .dani-point-list-detail-ttl span {
        display: inline-block;
        position: absolute;
        top: 50%;
        left: -.5rem;
        transform: translateY(-50%);
        padding: .2rem .5rem;
        background-color: #e1dd87;
        font-size: 1rem; }
        @media only screen and (max-width: 767px) {
          .dani-point-list-detail-ttl span {
            left: -.3rem; } }
    .dani-point-list-detail-txt {
      padding: 1rem .5rem;
      border: 2px solid #b6dfe2;
      border-top: none;
      border-radius: 0 0 1rem 1rem;
      height: 13rem; }
      @media only screen and (max-width: 767px) {
        .dani-point-list-detail-txt {
          height: auto; } }
  .dani-point-strong-sub {
    text-align: center;
    font-weight: bold;
    font-size: 1.3rem; }
    @media only screen and (max-width: 767px) {
      .dani-point-strong-sub {
        font-size: 1rem; } }
  .dani-point-cv-btn {
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .dani-point-cv-btn {
        width: 90%;
        font-size: 1.5rem; } }
  .dani-allergy-attention {
    background-color: #f3f3f3;
    padding: 1rem 2rem;
    position: relative; }
    .dani-allergy-attention-bg {
      display: inline-block;
      background: url(../img/feature/dani/attention_bg.png) no-repeat;
      background-size: contain;
      background-position: center; }
    .dani-allergy-attention-ttl {
      text-align: center;
      margin-bottom: 0.2rem; }
      .dani-allergy-attention-ttl span {
        display: inline-block;
        width: 2rem;
        height: 1.5rem;
        content: '';
        background: url(../img/feature/dani/attention_icon.png) no-repeat;
        background-size: contain;
        background-position: center; }
  .dani-hikaku-container {
    margin: 1rem auto;
    display: grid;
    grid-template-columns: 2rem 1fr 1fr 1rem 1fr 1rem 1fr 1rem;
    grid-template-rows: 0.3fr 1.2fr .5fr .5fr .5fr .5fr;
    grid-auto-flow: row;
    grid-template-areas: "white white effect white2 safety white3 costp white4" "dani dani dani-effect dani-white2 dani-safety dani-white3 dani-costp dani-white4" "white5 allwash allwash-effect allwash-white2 allwash-safety allwash-white3 allwash-costp allwash-white4" "white6 sun sun-effect sun-white2 sun-safety sun-white3 sun-costp sun-white4" "white7 souji souji-effect souji-white2 souji-safety souji-white3 souji-costp souji-white4" "white8 spray spray-effect spray-white2 spray-safety spray-white3 spray-costp spray-white4"; }
    @media only screen and (max-width: 767px) {
      .dani-hikaku-container {
        grid-template-columns: .5rem 2rem 1fr .5rem 1fr .5rem 1fr .5rem;
        grid-template-rows: 0.3fr 1fr .8fr .5fr .5fr .7fr; } }
    .dani-hikaku-container .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1rem; }
      @media only screen and (max-width: 767px) {
        .dani-hikaku-container .flex {
          padding: .5rem; } }
    .dani-hikaku-container .bg-gray {
      background-color: #f3f3f3; }
    .dani-hikaku-container .bg-1st {
      background-color: #b6dfe2; }
    .dani-hikaku-container .bg-yoko1 {
      background-color: #dcdcdc; }
    .dani-hikaku-container .bg-yoko2 {
      background-color: #d3d3d3; }
    .dani-hikaku-container .border {
      border-top: 1px solid #dcdcdc; }
    .dani-hikaku-container .white {
      grid-area: white; }
    .dani-hikaku-container .effect {
      grid-area: effect;
      font-weight: bold; }
    .dani-hikaku-container .white2 {
      grid-area: white2; }
    .dani-hikaku-container .safety {
      grid-area: safety;
      font-weight: bold; }
    .dani-hikaku-container .white3 {
      grid-area: white3; }
    .dani-hikaku-container .costp {
      grid-area: costp;
      font-weight: bold; }
    .dani-hikaku-container .white4 {
      grid-area: white4; }
    .dani-hikaku-container .dani {
      grid-area: dani;
      font-weight: bold;
      font-size: 1.5rem;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .dani-hikaku-container .dani {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          font-size: 1.2rem; } }
      .dani-hikaku-container .dani:before {
        position: absolute;
        top: 1.2rem;
        left: -1rem;
        content: '';
        width: 3.5rem;
        height: 2.5rem;
        display: inline-block;
        background: url(../img/feature/dani/hikaku_icon.png) no-repeat;
        background-size: contain;
        background-position: center; }
        @media only screen and (max-width: 767px) {
          .dani-hikaku-container .dani:before {
            top: -1.8rem;
            left: -0.5rem;
            width: 2.5rem;
            height: 2.5rem; } }
    .dani-hikaku-container .dani-effect {
      grid-area: dani-effect; }
    .dani-hikaku-container .dani-white2 {
      grid-area: dani-white2; }
    .dani-hikaku-container .dani-safety {
      grid-area: dani-safety; }
    .dani-hikaku-container .dani-white3 {
      grid-area: dani-white3; }
    .dani-hikaku-container .dani-costp {
      grid-area: dani-costp; }
    .dani-hikaku-container .dani-white4 {
      grid-area: dani-white4; }
    .dani-hikaku-container .white5 {
      grid-area: white5; }
    .dani-hikaku-container .allwash {
      grid-area: allwash;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .dani-hikaku-container .allwash {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          font-size: .9rem; } }
    .dani-hikaku-container .allwash-effect {
      grid-area: allwash-effect; }
    .dani-hikaku-container .allwash-white2 {
      grid-area: allwash-white2; }
    .dani-hikaku-container .allwash-safety {
      grid-area: allwash-safety; }
    .dani-hikaku-container .allwash-white3 {
      grid-area: allwash-white3; }
    .dani-hikaku-container .allwash-costp {
      grid-area: allwash-costp; }
    .dani-hikaku-container .allwash-white4 {
      grid-area: allwash-white4; }
    .dani-hikaku-container .white6 {
      grid-area: white6; }
    .dani-hikaku-container .sun {
      grid-area: sun;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .dani-hikaku-container .sun {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          font-size: .9rem; } }
    .dani-hikaku-container .sun-effect {
      grid-area: sun-effect; }
    .dani-hikaku-container .sun-white2 {
      grid-area: sun-white2; }
    .dani-hikaku-container .sun-safety {
      grid-area: sun-safety; }
    .dani-hikaku-container .sun-white3 {
      grid-area: sun-white3; }
    .dani-hikaku-container .sun-costp {
      grid-area: sun-costp; }
    .dani-hikaku-container .sun-white4 {
      grid-area: sun-white4; }
    .dani-hikaku-container .white7 {
      grid-area: white7; }
    .dani-hikaku-container .souji {
      grid-area: souji;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .dani-hikaku-container .souji {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          font-size: .9rem; } }
    .dani-hikaku-container .souji-effect {
      grid-area: souji-effect; }
    .dani-hikaku-container .souji-white2 {
      grid-area: souji-white2; }
    .dani-hikaku-container .souji-safety {
      grid-area: souji-safety; }
    .dani-hikaku-container .souji-white3 {
      grid-area: souji-white3; }
    .dani-hikaku-container .souji-costp {
      grid-area: souji-costp; }
    .dani-hikaku-container .souji-white4 {
      grid-area: souji-white4; }
    .dani-hikaku-container .white8 {
      grid-area: white8; }
    .dani-hikaku-container .spray {
      grid-area: spray;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .dani-hikaku-container .spray {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
          font-size: .9rem; } }
    .dani-hikaku-container .spray-effect {
      grid-area: spray-effect; }
    .dani-hikaku-container .spray-white2 {
      grid-area: spray-white2; }
    .dani-hikaku-container .spray-safety {
      grid-area: spray-safety; }
    .dani-hikaku-container .spray-white3 {
      grid-area: spray-white3; }
    .dani-hikaku-container .spray-costp {
      grid-area: spray-costp; }
    .dani-hikaku-container .spray-white4 {
      grid-area: spray-white4; }
  .dani-hikaku-inner-img {
    width: 3rem;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .dani-hikaku-inner-img {
        width: 2rem; } }
  .dani-hikaku-inner-txt {
    margin-top: .5rem;
    font-size: 0.9rem;
    text-align: center; }
  .dani-hikaku-txt {
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    margin: 1rem auto -.5rem; }
    @media only screen and (max-width: 767px) {
      .dani-hikaku-txt {
        font-size: 1.1rem;
        line-height: 1.4; } }
  .dani-hikaku-link {
    width: 50%;
    text-align: center;
    margin: -.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .dani-hikaku-link {
        width: 90%; } }
    .dani-hikaku-link-btn {
      display: inline-block;
      width: 100%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.3rem;
      font-weight: bold;
      background-color: #e1dd87;
      box-shadow: 0 8px 0 #858352;
      position: relative; }
      .dani-hikaku-link-btn:hover {
        opacity: 1 !important;
        box-shadow: none;
        transform: translatey(8px); }
      .dani-hikaku-link-btn:before {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 7.5px 0 7.5px;
        border-color: #49494a transparent transparent transparent;
        left: 10%;
        top: 50%;
        transform: translateY(-50%); }
        @media only screen and (max-width: 767px) {
          .dani-hikaku-link-btn:before {
            left: 5%; } }
      .dani-hikaku-link-btn:after {
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 7.5px 0 7.5px;
        border-color: #49494a transparent transparent transparent;
        right: 10%;
        top: 50%;
        transform: translateY(-50%); }
        @media only screen and (max-width: 767px) {
          .dani-hikaku-link-btn:after {
            right: 5%; } }
      .dani-hikaku-link-btn-text {
        font-size: 1.6rem; }
  .dani-chart-img {
    max-width: 500px;
    margin: 1rem auto; }
  .dani-miniranking {
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      .dani-miniranking {
        margin-bottom: 1.5rem; } }
    .dani-miniranking-ttl {
      max-width: 750px;
      margin: auto; }
    .dani-miniranking-table th {
      background-color: #d3d3d3;
      width: 15%;
      color: #49494a !important; }
      @media only screen and (max-width: 767px) {
        .dani-miniranking-table th {
          font-size: .8rem;
          padding: 0.5rem;
          width: 90px !important; } }
    .dani-miniranking-table td {
      position: relative;
      text-align: center;
      padding: .5rem 1rem; }
      @media only screen and (max-width: 767px) {
        .dani-miniranking-table td {
          width: 190px !important; } }
      .dani-miniranking-table td .bnr {
        width: 50%;
        margin: 1rem auto .5rem; }
      .dani-miniranking-table td .title {
        font-size: 1.2rem;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .dani-miniranking-table td .title {
            font-size: .9rem; } }
      .dani-miniranking-table td .ico-rank {
        position: absolute;
        top: -1.5rem;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 auto 0.2rem !important; }
        @media only screen and (max-width: 767px) {
          .dani-miniranking-table td .ico-rank {
            top: -1rem;
            position: static;
            transform: none;
            margin: 0 auto -0.7rem !important; } }
      .dani-miniranking-table td .eval-mark {
        width: 3rem;
        margin: 0 auto;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .dani-miniranking-table td .eval-mark {
            width: 2rem; } }
      .dani-miniranking-table td .eval-wrap {
        display: flex;
        align-items: center;
        gap: .5rem;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .dani-miniranking-table td .eval-wrap {
            flex-direction: column;
            gap: .2rem; } }
        .dani-miniranking-table td .eval-wrap-img {
          width: 50%; }
          @media only screen and (max-width: 767px) {
            .dani-miniranking-table td .eval-wrap-img {
              width: 100%; } }
        .dani-miniranking-table td .eval-wrap-number {
          font-size: 1rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .dani-miniranking-table td .eval-wrap-number {
              font-size: .9rem; } }
      .dani-miniranking-table td .catch-number {
        font-size: 1.4rem;
        font-weight: bold;
        margin-top: -.3rem; }
    .dani-miniranking-table-flex {
      display: flex;
      gap: .5rem; }
      .dani-miniranking-table-flex-inner {
        width: 79%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
    .dani-miniranking-table-txt {
      font-size: .9rem;
      text-align: center; }
      .dani-miniranking-table-txt-big {
        font-size: 1.4rem;
        font-weight: bold;
        margin-top: -.3rem; }
      @media only screen and (max-width: 767px) {
        .dani-miniranking-table-txt-kome {
          font-size: .8rem; } }
    .dani-miniranking-come {
      text-align: right;
      font-size: .8rem;
      opacity: 0.5;
      margin-top: 0.2rem; }
  .dani .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .dani .ranking-flexwrap {
        flex-direction: column;
        gap: 0; } }
  .dani .ranking-title {
    background-color: #b6dfe2; }
    .dani .ranking-title:after {
      top: 98%;
      border-top: 20px solid #b6dfe2; }
    .dani .ranking-title-inner {
      max-width: 500px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .dani .ranking-title-inner {
          width: 100%; } }
  .dani .ranking .dani-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #f2d9a4;
    border-radius: .5rem .5rem 0 0; }
  .dani .ranking .dani-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0;
    border-radius: .5rem .5rem 0 0; }
  .dani .ranking .dani-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #c9b5a2;
    border-radius: .5rem .5rem 0 0; }
  .dani .ranking .dani-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .dani .ranking .dani-ranking-list .ranking-list-box-cv-btn {
      width: 50%;
      margin-bottom: 1rem;
      font-size: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .dani .ranking .dani-ranking-list .ranking-list-box-cv-btn {
          width: 90%; } }
    .dani .ranking .dani-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .dani .ranking .dani-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .dani .ranking .dani-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem;
      background-color: #b6dfe2;
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .dani .ranking .dani-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .dani .ranking .dani-ranking-list .ranking-list-box-copy {
      font-size: 1rem;
      margin: 0;
      justify-content: center; }
    .dani .ranking .dani-ranking-list .ranking-list-box-wrapper {
      background-color: #f3f3f3; }
      .dani .ranking .dani-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .dani .ranking .dani-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
    .dani .ranking .dani-ranking-list .ranking-list-box-inner {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .dani .ranking .dani-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .dani .ranking .dani-ranking-list .ranking-list-box-inner-ttl {
        background-color: #8faeb0;
        padding: .5rem;
        text-align: center;
        color: #fff;
        border-radius: 1rem 1rem 0 0;
        font-size: 1.4rem; }
        @media only screen and (max-width: 767px) {
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-ttl {
            font-size: 1.3rem; } }
      .dani .ranking .dani-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .dani .ranking .dani-ranking-list .ranking-list-box-inner-point {
        padding: 1rem 2rem 1rem;
        margin: 0;
        border-radius: 0 0 1rem 1rem;
        text-align: left; }
        @media only screen and (max-width: 767px) {
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-point {
            padding: 1rem; } }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-point dt {
          display: inline-block;
          border-bottom: 2px solid #8faeb0;
          line-height: 1; }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          align-items: center;
          gap: .5rem;
          font-weight: bold; }
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-point-flex-bullet {
            display: inline-block;
            width: 1.5rem;
            height: 1.5rem;
            background: url(../img/feature/dani/dani_check.png) no-repeat;
            background-size: contain; }
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-point-flex-ttl {
            line-height: 1.5; }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-point-txt {
          padding-left: 2rem;
          margin-bottom: .5rem; }
      .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing {
        padding: 1rem 2rem 1rem;
        background-color: #fff;
        border-radius: 0 0 1rem 1rem; }
        @media only screen and (max-width: 767px) {
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing {
            padding: 1rem; } }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-ttl {
          border-bottom: 2px solid #8faeb0;
          margin: 2rem 0 1rem;
          font-size: 1.2rem; }
          @media only screen and (max-width: 767px) {
            .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-ttl {
              margin-top: 1rem; } }
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-ttl:first-child {
            margin-top: 1rem; }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-movie {
          width: 70%;
          margin: 0 auto .5rem; }
          @media only screen and (max-width: 767px) {
            .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-movie {
              width: 100%; } }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-txt {
          margin-bottom: .5rem; }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-img {
          margin: .5rem auto 1rem;
          width: 70%; }
          @media only screen and (max-width: 767px) {
            .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-img {
              width: 100%; } }
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-img img {
            margin: auto; }
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-img-txt {
            text-align: right;
            font-size: .9rem;
            opacity: 0.5;
            margin-top: 0.2rem; }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-list {
          margin-bottom: 1rem; }
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-list li {
            position: relative;
            padding-left: 1rem;
            line-height: 1.5; }
            .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing-list li:before {
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%);
              width: .5rem;
              height: .5rem;
              background-color: #b6dfe2;
              border-radius: 50px;
              content: '';
              display: inline-block; }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing .month-after {
          position: relative;
          font-size: 1.4rem;
          font-weight: bold;
          text-align: center;
          margin-bottom: 2.5rem; }
          .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing .month-after:after {
            content: '';
            position: absolute;
            bottom: -2.2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 30px 40px 0 40px;
            border-color: #b6dfe2 transparent transparent transparent; }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing .egui {
          font-size: 1.6rem;
          text-align: center;
          font-weight: bold; }
        .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing .mini-width {
          width: 40%; }
          @media only screen and (max-width: 767px) {
            .dani .ranking .dani-ranking-list .ranking-list-box-inner-amazing .mini-width {
              width: 100%; } }
  .dani-survey {
    margin-top: 2rem; }

.danisearch {
  margin: 2rem auto;
  background-color: #f3f3f3; }
  .danisearch-form-ttl {
    width: 60%;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .danisearch-form-ttl {
        width: 70%; } }
  .danisearch-form-submit:before {
    background-color: #b6dfe2; }
  .danisearch-form-submit:after {
    border-color: #b6dfe2 transparent transparent transparent; }
  .danisearch-form-submit input {
    background-color: #b6dfe2;
    border: 1px solid #b6dfe2; }
    .danisearch-form-submit input:hover {
      background-color: #f3f3f3;
      color: #b6dfe2; }
  .danisearch .newlpsearch-form-wrap-inner-alpha-item-txt:after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #b6dfe2;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "✔";
    opacity: 0;
    transition: all 0.2s; }

.newdanisearch {
  max-width: 750px;
  margin: 0 auto 1rem;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #808080; }
  @media only screen and (max-width: 767px) {
    .newdanisearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .newdanisearch .only-pc {
      display: none; } }
  .newdanisearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #808080;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .newdanisearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .newdanisearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .newdanisearch-form {
        gap: .5rem; } }
    .newdanisearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .newdanisearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .newdanisearch-form-wrap-sankaku {
            width: 48%; } }
        .newdanisearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #808080 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .newdanisearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .newdanisearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .newdanisearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .newdanisearch-form-wrap-inner:focus {
          border: 2px solid #b6dfe2; }
    .newdanisearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .newdanisearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative; }
      .newdanisearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #b6dfe2;
        border: 1px solid #b6dfe2;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .newdanisearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .newdanisearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .newdanisearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #b6dfe2; }

/*dani*/
/* skincareLP   feature　
----------------------------------------------------------------------------------------------*/
.skincare {
  color: #444444;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", sans-serif; }
  .skincare .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .skincare-wrapper {
    padding: 0 .5rem; }
  .skincare a {
    color: #000;
    transition: 0.3s; }
    .skincare a:hover {
      opacity: 0.7; }
  .skincare-mainvisual {
    position: relative; }
    .skincare-mainvisual-season {
      position: absolute;
      color: #fff;
      font-size: 1.4rem;
      right: 22.4rem;
      bottom: 2.5rem;
      letter-spacing: 0.1rem;
      font-weight: bold; }
      @media only screen and (max-width: 834px) {
        .skincare-mainvisual-season {
          right: 18rem;
          bottom: 1.9rem; } }
      @media only screen and (max-width: 810px) {
        .skincare-mainvisual-season {
          right: 17.5rem;
          bottom: 1.7rem; } }
      @media only screen and (max-width: 430px) {
        .skincare-mainvisual-season {
          font-weight: normal;
          right: 6.2rem;
          bottom: unset;
          font-size: 1.2rem;
          top: 0.2rem;
          color: #a88787; } }
      @media only screen and (max-width: 393px) {
        .skincare-mainvisual-season {
          right: 5.5rem; } }
      @media only screen and (max-width: 375px) {
        .skincare-mainvisual-season {
          right: 5.3rem;
          font-size: 1.1rem; } }
      @media only screen and (max-width: 360px) {
        .skincare-mainvisual-season {
          font-size: 1rem; } }
      @media only screen and (max-width: 320px) {
        .skincare-mainvisual-season {
          right: 4.6rem;
          font-size: .9rem; } }
  .skincare-cv {
    margin: .5rem 0;
    text-align: center; }
    .skincare-cv a:hover {
      opacity: 1; }
    .skincare-cv-btn {
      position: relative;
      margin: .5rem auto;
      overflow: hidden;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 60px;
      border-radius: 30px;
      font-size: 1.3rem;
      font-weight: bold;
      background-color: #FF7376;
      box-shadow: 0 8px 0 #8C3F40;
      animation-name: skincare-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .skincare-cv-btn {
          font-size: .9rem; } }
@keyframes skincare-cvmove {
  0% {
    box-shadow: 0 8px 0 #8C3F40;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #8C3F40;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #8C3F40;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #8C3F40;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #8C3F40;
    transform: translatey(0); } }
      .skincare-cv-btn:before {
        position: absolute;
        content: '';
        pointer-events: none;
        display: inline-block;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
      @media only screen and (max-width: 767px) {
        .skincare-cv-btn {
          width: 100%;
          padding: 0.5rem 0; } }
  .skincare-gradient {
    background: linear-gradient(0deg, #ffd7d9 0%, #fdece7 100%); }
  .skincare-bgpink {
    background-color: #ffd7d9; }
  .skincare th {
    background-color: transparent; }
  .skincare td {
    background-color: #faf5f1; }
  .skincare-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .skincare-type {
        margin: .5rem auto; } }
    .skincare-type-ttl {
      max-width: 500px;
      margin: auto; }
    .skincare-type-list {
      margin-top: 1rem; }
      @media only screen and (max-width: 767px) {
        .skincare-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: 1rem; } }
      .skincare-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .skincare-type-list-inner {
            width: 100%; } }
        .skincare-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #444444;
          font-size: 1rem;
          background-color: #ffd7d9;
          border-radius: 20px 20px 0 0; }
          .skincare-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .skincare-type-list-inner-ttl-y {
            background-color: #ffde6a; }
          .skincare-type-list-inner-ttl-b {
            background-color: #a88787;
            color: #fff; }
          .skincare-type-list-inner-ttl-r {
            background-color: #fdece7; }
        .skincare-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #444444;
          background-color: #faf5f1;
          border-radius: 0 0 20px 20px;
          border: none;
          height: 10rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .skincare-type-list-inner-content {
              padding: 1rem;
              height: auto; } }
          .skincare-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            width: 100%; }
            .skincare-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .skincare-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .skincare-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .skincare-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .skincare-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .skincare-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .skincare-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .skincare-type-list-inner-content .name {
            font-weight: bold;
            font-size: .9rem;
            color: #337ab7; }
        .skincare-type-list-inner-copy {
          width: 75%; }
        .skincare-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .skincare-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .skincare-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .skincare-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .skincare-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .skincare-type-list-inner-cv-txt {
            color: #fff; }
          .skincare-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .skincare-type-kome {
      opacity: .5;
      font-size: 0.9rem;
      text-align: right;
      margin: -1rem auto 1rem;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .skincare-type-kome {
          font-size: .7rem;
          text-align: center;
          margin: .5rem 0 0; } }
  .skincare-miniranking {
    max-width: 750px;
    margin: 0 auto; }
    .skincare-miniranking-ttl {
      max-width: 500px;
      margin: 0 auto 1rem; }
    .skincare-miniranking-container {
      margin: auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0 .4rem;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "symptoms symptoms symptoms" "anken1-symptoms anken2-symptoms anken3-symptoms" "medifee medifee medifee" "anken1-medifee anken2-medifee anken3-medifee" "oraltype oraltype oraltype" "anken1-oraltype anken2-oraltype anken3-oraltype" "externaltype externaltype externaltype" "anken1-externaltype anken2-externaltype anken3-externaltype" "today today today" "anken1-today anken2-today anken3-today" "firstprice firstprice firstprice" "anken1-firstprice anken2-firstprice anken3-firstprice" "getmedi getmedi getmedi" "anken1-getmedi anken2-getmedi anken3-getmedi" "howtoreserve howtoreserve howtoreserve" "anken1-howtoreserve anken2-howtoreserve anken3-howtoreserve" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "cv cv cv" "anken1-cv anken2-cv anken3-cv"; }
      @media only screen and (max-width: 767px) {
        .skincare-miniranking-container {
          gap: 0 .2rem; } }
      .skincare-miniranking-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        background-color: #faf5f1; }
      .skincare-miniranking-container .ico-rank {
        margin: 0 auto .5rem;
        width: 3rem; }
      .skincare-miniranking-container .eval-mark {
        width: 3rem;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .eval-mark {
            width: 2rem; } }
      .skincare-miniranking-container-txt {
        font-size: .9rem;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container-txt {
            font-size: .8rem; } }
      .skincare-miniranking-container-list li {
        margin-left: 1rem;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container-list li {
            font-size: .8rem; } }
        .skincare-miniranking-container-list li:before {
          position: absolute;
          top: 50%;
          left: -1rem;
          transform: translateY(-50%);
          display: inline-block;
          content: '';
          width: .5rem;
          height: .5rem;
          background-color: #ff9a9e;
          border-radius: 5rem; }
      .skincare-miniranking-container-batch {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        flex-wrap: wrap;
        max-width: 500px;
        margin: auto; }
        .skincare-miniranking-container-batch-item {
          font-size: .8rem;
          padding: .3rem 1rem;
          background-color: #a8a8a8;
          border-radius: 20px; }
          @media only screen and (max-width: 767px) {
            .skincare-miniranking-container-batch-item {
              font-size: .7rem;
              padding: .3rem .4rem; } }
          .skincare-miniranking-container-batch-item-on {
            font-size: .8rem;
            padding: .3rem 1rem;
            background-color: #ffd7d9;
            border-radius: 20px;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .skincare-miniranking-container-batch-item-on {
                font-size: .7rem;
                padding: .3rem .4rem; } }
      .skincare-miniranking-container-cv {
        width: 80%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container-cv {
            width: 100%; } }
      .skincare-miniranking-container .symptoms {
        grid-area: symptoms;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .symptoms {
            font-size: .9rem; } }
      .skincare-miniranking-container .medifee {
        grid-area: medifee;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .medifee {
            font-size: .9rem; } }
      .skincare-miniranking-container .today {
        grid-area: today;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .today {
            font-size: .9rem; } }
      .skincare-miniranking-container .firstprice {
        grid-area: firstprice;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .firstprice {
            font-size: .9rem; } }
      .skincare-miniranking-container .getmedi {
        grid-area: getmedi;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .getmedi {
            font-size: .9rem; } }
      .skincare-miniranking-container .oraltype {
        grid-area: oraltype;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .oraltype {
            font-size: .9rem; } }
      .skincare-miniranking-container .externaltype {
        grid-area: externaltype;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .externaltype {
            font-size: .9rem; } }
      .skincare-miniranking-container .howtoreserve {
        grid-area: howtoreserve;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .howtoreserve {
            font-size: .9rem; } }
      .skincare-miniranking-container .feature {
        grid-area: feature;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .feature {
            font-size: .9rem; } }
      .skincare-miniranking-container .cv {
        grid-area: cv;
        background-color: #a88787;
        color: #faf5f1;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincare-miniranking-container .cv {
            font-size: .9rem; } }
      .skincare-miniranking-container .anken1 {
        grid-area: anken1; }
        .skincare-miniranking-container .anken1-symptoms {
          grid-area: anken1-symptoms;
          padding: 1rem .5rem; }
        .skincare-miniranking-container .anken1-medifee {
          grid-area: anken1-medifee; }
        .skincare-miniranking-container .anken1-today {
          grid-area: anken1-today; }
        .skincare-miniranking-container .anken1-firstprice {
          grid-area: anken1-firstprice; }
        .skincare-miniranking-container .anken1-getmedi {
          grid-area: anken1-getmedi; }
        .skincare-miniranking-container .anken1-oraltype {
          grid-area: anken1-oraltype; }
        .skincare-miniranking-container .anken1-externaltype {
          grid-area: anken1-externaltype; }
        .skincare-miniranking-container .anken1-howtoreserve {
          grid-area: anken1-howtoreserve; }
        .skincare-miniranking-container .anken1-feature {
          grid-area: anken1-feature; }
        .skincare-miniranking-container .anken1-cv {
          grid-area: anken1-cv;
          background-color: #faf5f1;
          padding: 1rem .5rem; }
      .skincare-miniranking-container .anken2 {
        grid-area: anken2; }
        .skincare-miniranking-container .anken2-symptoms {
          grid-area: anken2-symptoms;
          padding: 1rem .5rem; }
        .skincare-miniranking-container .anken2-medifee {
          grid-area: anken2-medifee; }
        .skincare-miniranking-container .anken2-today {
          grid-area: anken2-today; }
        .skincare-miniranking-container .anken2-firstprice {
          grid-area: anken2-firstprice; }
        .skincare-miniranking-container .anken2-getmedi {
          grid-area: anken2-getmedi; }
        .skincare-miniranking-container .anken2-oraltype {
          grid-area: anken2-oraltype; }
        .skincare-miniranking-container .anken2-externaltype {
          grid-area: anken2-externaltype; }
        .skincare-miniranking-container .anken2-howtoreserve {
          grid-area: anken2-howtoreserve; }
        .skincare-miniranking-container .anken2-feature {
          grid-area: anken2-feature; }
        .skincare-miniranking-container .anken2-cv {
          grid-area: anken2-cv;
          background-color: #faf5f1;
          padding: 1rem .5rem; }
      .skincare-miniranking-container .anken3 {
        grid-area: anken3; }
        .skincare-miniranking-container .anken3-symptoms {
          grid-area: anken3-symptoms;
          padding: 1rem .5rem; }
        .skincare-miniranking-container .anken3-medifee {
          grid-area: anken3-medifee; }
        .skincare-miniranking-container .anken3-today {
          grid-area: anken3-today; }
        .skincare-miniranking-container .anken3-firstprice {
          grid-area: anken3-firstprice; }
        .skincare-miniranking-container .anken3-getmedi {
          grid-area: anken3-getmedi; }
        .skincare-miniranking-container .anken3-oraltype {
          grid-area: anken3-oraltype; }
        .skincare-miniranking-container .anken3-externaltype {
          grid-area: anken3-externaltype; }
        .skincare-miniranking-container .anken3-howtoreserve {
          grid-area: anken3-howtoreserve; }
        .skincare-miniranking-container .anken3-feature {
          grid-area: anken3-feature; }
        .skincare-miniranking-container .anken3-cv {
          grid-area: anken3-cv;
          background-color: #faf5f1;
          padding: 1rem .5rem; }
  .skincare-whats {
    padding-top: 2rem; }
    .skincare-whats-title {
      display: flex;
      justify-content: center;
      gap: .5rem;
      margin-bottom: 1rem; }
      .skincare-whats-title-img {
        width: 20%; }
      .skincare-whats-title-txt {
        font-size: 3rem;
        color: #a88787;
        font-weight: bold;
        line-height: 1.2; }
        @media only screen and (max-width: 767px) {
          .skincare-whats-title-txt {
            font-size: 1.8rem;
            line-height: 1; } }
    .skincare-whats-txt-strong {
      margin-top: 1rem;
      text-align: center; }
      .skincare-whats-txt-strong-point {
        background-image: radial-gradient(circle at center, #444444 20%, transparent 20%);
        /* 点の色とサイズ調整 */
        background-position: top right;
        /* 点の位置 */
        background-repeat: repeat-x;
        /* 横方向に繰り返し */
        background-size: 1em 0.3em;
        /* 点の間隔とサイズ調整 */
        padding-top: .4em;
        /* 縦方向の位置調整 */ }
      .skincare-whats-txt-strong-bold {
        font-size: 2rem;
        color: #a88787; }
        @media only screen and (max-width: 767px) {
          .skincare-whats-txt-strong-bold {
            font-size: 1.5rem; } }
    .skincare-whats-figure {
      margin: 1rem auto; }
  .skincare-case {
    padding-top: 2rem; }
    .skincare-case-title {
      display: flex;
      justify-content: center;
      gap: .5rem;
      margin-bottom: 1rem; }
      @media only screen and (max-width: 767px) {
        .skincare-case-title {
          margin-bottom: .5rem; } }
      .skincare-case-title-img {
        width: 20%; }
      .skincare-case-title-txt {
        font-size: 3rem;
        color: #a88787;
        font-weight: bold;
        line-height: 1.6; }
        @media only screen and (max-width: 767px) {
          .skincare-case-title-txt {
            font-size: 1.4rem;
            line-height: 1.4; } }
    .skincare-case-worry {
      max-width: 500px;
      margin: 1rem auto 0;
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .skincare-case-worry {
          justify-content: center;
          gap: 1rem;
          margin: .5rem auto; } }
      .skincare-case-worry-item {
        background: url(../img/feature/skincare/moyamoya.png) no-repeat;
        background-size: contain;
        min-height: 10rem;
        min-width: 9rem;
        text-align: center;
        font-size: 1.5rem;
        line-height: 1.2;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        padding-bottom: 2.5rem; }
        @media only screen and (max-width: 767px) {
          .skincare-case-worry-item {
            min-height: 6rem;
            min-width: 6rem;
            padding-bottom: 1rem;
            font-size: 1rem; } }
    .skincare-case-txt {
      text-align: center; }
    .skincare-case-list {
      margin: 1rem auto 0;
      display: flex;
      justify-content: space-between; }
      .skincare-case-list-item {
        width: 32%;
        background-color: #fff;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
        padding: 1rem;
        border-radius: 2rem; }
        @media only screen and (max-width: 767px) {
          .skincare-case-list-item {
            width: 100%; } }
        .skincare-case-list-item-num {
          width: 40%;
          margin: 0 auto .5rem; }
        .skincare-case-list-item-img {
          height: 8rem;
          margin: 0 auto .5rem; }
          @media only screen and (max-width: 767px) {
            .skincare-case-list-item-img {
              height: 9rem; } }
          .skincare-case-list-item-img img {
            margin: auto;
            height: 100%; }
        .skincare-case-list-item-age {
          text-align: center;
          font-weight: bold;
          font-size: 1.3rem; }
        .skincare-case-list-item-detail-wrap {
          display: flex;
          justify-content: center;
          margin-bottom: .5rem; }
          .skincare-case-list-item-detail-wrap dt {
            width: 10%;
            background-color: #fdece7;
            font-weight: bold;
            border-radius: 15px 0 0 15px;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl; }
          .skincare-case-list-item-detail-wrap dd {
            width: 90%;
            background-color: #faf5f1;
            border-radius: 0 15px 15px 0; }
          .skincare-case-list-item-detail-wrap-flex {
            padding: .5rem;
            display: flex;
            align-items: center;
            justify-content: center; }
            .skincare-case-list-item-detail-wrap-flex-ul {
              width: 100%; }
              .skincare-case-list-item-detail-wrap-flex-ul li {
                margin-left: 1rem;
                position: relative; }
                .skincare-case-list-item-detail-wrap-flex-ul li:before {
                  position: absolute;
                  top: 50%;
                  left: -1rem;
                  transform: translateY(-50%);
                  display: inline-block;
                  content: '';
                  width: .5rem;
                  height: .5rem;
                  background-color: #ffd7d9;
                  border-radius: 5rem; }
    .skincare-case-kome {
      max-width: 750px;
      margin: 0 auto;
      text-align: right;
      font-size: .9rem;
      opacity: .7;
      padding: .5rem 0 2rem; }
      @media only screen and (max-width: 767px) {
        .skincare-case-kome {
          font-size: .7rem; } }
    .skincare-case .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .skincare-case .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      background-color: #a88787; }
    .skincare-case .swiper-button-next:after, .skincare-case .swiper-button-prev:after {
      color: #a88787;
      font-size: 1.9rem; }
  .skincare-step {
    margin-bottom: 2rem; }
    .skincare-step-title {
      max-width: 500px;
      margin: auto; }
    .skincare-step-list {
      margin: 1rem auto;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .skincare-step-list {
          flex-direction: column; } }
      .skincare-step-list-item {
        width: 33%;
        padding: 1rem; }
        @media only screen and (max-width: 767px) {
          .skincare-step-list-item {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .skincare-step-list-item-wrap {
            display: flex;
            justify-content: center;
            gap: .5rem; } }
        .skincare-step-list-item-num {
          background-color: #a88787;
          width: 20%;
          margin: auto;
          padding: 0 .5rem;
          color: #fff;
          font-size: 1.2rem;
          border-radius: 50px;
          text-align: center; }
        .skincare-step-list-item-img {
          height: 8rem;
          margin: 1rem; }
          @media only screen and (max-width: 767px) {
            .skincare-step-list-item-img {
              height: 6rem;
              margin: 0;
              width: 30%; } }
          .skincare-step-list-item-img img {
            height: 100%;
            margin: auto; }
        .skincare-step-list-item-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .skincare-step-list-item-txt {
              width: 69%;
              display: flex;
              justify-content: center;
              align-items: center; } }
        .skincare-step-list-item-1 {
          background-color: #fff;
          border-radius: 20px 0 0 20px;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .skincare-step-list-item-1 {
              border-radius: 20px 20px 0 0; } }
          .skincare-step-list-item-1:before {
            position: absolute;
            z-index: 1;
            top: 50%;
            right: -2rem;
            transform: translateY(-50%);
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1.5rem 0 1.5rem 2rem;
            border-color: transparent transparent transparent #fff; }
            @media only screen and (max-width: 767px) {
              .skincare-step-list-item-1:before {
                top: auto;
                bottom: -1.2rem;
                right: auto;
                left: 50%;
                transform: translate(-50%, 0);
                border-width: 2rem 2.4rem 0 2.4rem;
                border-color: #fff transparent transparent transparent; } }
        .skincare-step-list-item-2 {
          background-color: #faf5f1;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .skincare-step-list-item-2 {
              padding: 2rem 1rem 1rem; } }
          .skincare-step-list-item-2:before {
            position: absolute;
            z-index: 1;
            top: 50%;
            right: -2rem;
            transform: translateY(-50%);
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 1.5rem 0 1.5rem 2rem;
            border-color: transparent transparent transparent #faf5f1; }
            @media only screen and (max-width: 767px) {
              .skincare-step-list-item-2:before {
                top: auto;
                bottom: -1.2rem;
                right: auto;
                left: 50%;
                transform: translate(-50%, 0);
                border-width: 2rem 2.4rem 0 2.4rem;
                border-color: #faf5f1 transparent transparent transparent; } }
        .skincare-step-list-item-3 {
          background-color: #fdece7;
          border-radius: 0 20px 20px 0; }
          @media only screen and (max-width: 767px) {
            .skincare-step-list-item-3 {
              border-radius: 0 0 20px 20px;
              padding: 2rem 1rem 1rem; } }
    .skincare-step-strong {
      margin: 2rem auto -.2rem; }
      @media only screen and (max-width: 767px) {
        .skincare-step-strong {
          margin: 1rem auto 0; } }
      .skincare-step-strong-img {
        width: 80%;
        margin: 0 auto .5rem; }
        .skincare-step-strong-img-name {
          width: 40%;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .skincare-step-strong-img-name {
              width: 100%; } }
      .skincare-step-strong-txt {
        text-align: center;
        font-weight: bold;
        font-size: 1.4rem; }
        .skincare-step-strong-txt-fukidashi {
          position: relative; }
          .skincare-step-strong-txt-fukidashi:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            content: '';
            display: inline-block;
            width: 1.2rem;
            height: 1.2rem;
            background: url(../img/feature/skincare/fukidashi_l.png) no-repeat;
            background-size: contain;
            background-position: center; }
          .skincare-step-strong-txt-fukidashi:after {
            position: absolute;
            top: 50%;
            right: -1rem;
            transform: translateY(-50%);
            content: '';
            display: inline-block;
            width: 1.2rem;
            height: 1.2rem;
            background: url(../img/feature/skincare/fukidashi_r.png) no-repeat;
            background-size: contain;
            background-position: center; }
    .skincare-step-cv {
      width: 30%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .skincare-step-cv {
          width: 80%; } }
      .skincare-step-cv-btn {
        font-size: 1.5rem; }
  .skincare-point {
    margin: 2rem auto 0;
    padding-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      .skincare-point {
        padding-bottom: 1rem; } }
    .skincare-point-list {
      display: flex;
      justify-content: center;
      flex-direction: column;
      gap: .5rem; }
      .skincare-point-list-item {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        background-color: #faf5f1;
        padding: .6rem;
        width: 70%;
        margin: auto;
        border-radius: 10px; }
        @media only screen and (max-width: 767px) {
          .skincare-point-list-item {
            width: 90%; } }
        .skincare-point-list-item-number {
          width: 2rem;
          height: 3rem; }
          .skincare-point-list-item-number img {
            height: 100%;
            margin: auto; }
        .skincare-point-list-item-txt {
          width: 70%; }
    .skincare-point-osusumeimg {
      max-width: 500px;
      margin: auto; }
    .skincare-point-strong {
      max-width: 750px;
      margin: auto; }
      .skincare-point-strong-txt {
        padding: 1rem 0 2rem;
        background: url(../img/feature/glp1/point_strongb.png) no-repeat;
        background-size: contain;
        background-position: center;
        text-align: center;
        font-size: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .skincare-point-strong-txt {
            font-size: 1rem;
            padding: .5rem 0 1rem; } }
        .skincare-point-strong-txt span {
          font-size: 2rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .skincare-point-strong-txt span {
              font-size: 1.4rem; } }
      .skincare-point-strong-img-name {
        width: 50%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .skincare-point-strong-img-name {
            width: 80%; } }
    .skincare-point-cv-btn {
      width: 40%; }
      @media only screen and (max-width: 767px) {
        .skincare-point-cv-btn {
          width: 80%; } }
      .skincare-point-cv-btn-txt {
        font-size: 1.4rem; }
  .skincare .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .skincare .ranking-flexwrap {
        flex-direction: column;
        gap: 1rem 0; } }
  .skincare .ranking-title {
    background-color: #ffd7d9;
    margin-top: -1rem; }
    .skincare .ranking-title:after {
      top: 98%;
      border-top: 20px solid #ffd7d9; }
    .skincare .ranking-title-flex span {
      font-size: 1.8rem;
      color: #a88787; }
      @media only screen and (max-width: 767px) {
        .skincare .ranking-title-flex span {
          font-size: 1.2rem; } }
    .skincare .ranking-title-txt {
      font-size: 3rem;
      color: #a88787; }
      @media only screen and (max-width: 767px) {
        .skincare .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.8rem; } }
  .skincare .ranking .skincare-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #ffde6a; }
  .skincare .ranking .skincare-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0; }
  .skincare .ranking .skincare-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #a88787; }
  .skincare .ranking .skincare-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #8e90ad; }
  .skincare .ranking .skincare-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #df9fb6; }
  .skincare .ranking .skincare-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .skincare .ranking .skincare-ranking-list .ranking-list-box-cv-btn {
      width: 50%;
      margin-bottom: 1rem;
      font-size: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .skincare .ranking .skincare-ranking-list .ranking-list-box-cv-btn {
          width: 90%; } }
    .skincare .ranking .skincare-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .skincare .ranking .skincare-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .skincare .ranking .skincare-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem; }
      @media only screen and (max-width: 767px) {
        .skincare .ranking .skincare-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .skincare .ranking .skincare-ranking-list .ranking-list-box-wrapper {
      background-color: #faf5f1; }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .skincare .ranking .skincare-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
    .skincare .ranking .skincare-ranking-list .ranking-list-box-inner {
      margin: 1rem 0; }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-ttl {
        background: linear-gradient(90deg, #fdece7 0%, #ffd7d9 100%);
        padding: .2rem;
        text-align: center;
        color: #222222; }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: space-around;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-osusume {
            flex-direction: column; } }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-osusume-item {
          border: 2px solid #faf5f1;
          padding: 1rem;
          width: 30%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-between; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-osusume-item {
              width: 100%;
              justify-content: left;
              flex-direction: row-reverse;
              gap: 1rem;
              padding: .5rem 1rem; } }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-osusume-item-txt {
            margin-bottom: .5rem; }
            @media only screen and (max-width: 767px) {
              .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-osusume-item-txt {
                margin-bottom: 0;
                width: 80%; } }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-osusume-item-img {
            width: 35%; }
            @media only screen and (max-width: 767px) {
              .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-osusume-item-img {
                width: 18%; } }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point {
        padding: 1rem 2rem;
        text-align: left;
        display: flex;
        flex-direction: column; }
        @media only screen and (max-width: 767px) {
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point {
            padding: 1rem .5rem;
            gap: .5rem; } }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point-check {
          display: inline-block;
          width: 25px;
          height: 15px;
          background: url(../img/feature/skincare/check_b.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point-check {
              width: 10%; } }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.3;
          width: 90%; }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point li {
          z-index: 1;
          line-height: 2;
          margin-bottom: .5rem;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point li {
              display: block;
              margin-bottom: 0;
              font-size: .9rem; } }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 1rem 0 0.5rem;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point-kome {
          opacity: .7;
          font-size: 0.8rem;
          text-align: right;
          margin: .5rem auto 1rem;
          max-width: 1000px; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-point-kome {
              font-size: .7rem; } }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec {
        display: flex;
        justify-content: center;
        gap: 1rem;
        margin-bottom: 1rem; }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item {
          background-color: #fff;
          width: 47%; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item-content {
            padding: 1rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            align-items: center; }
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item-content-list li {
              position: relative;
              padding-left: 1rem;
              font-size: .8rem; }
              .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item-content-list li:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                content: '';
                width: .5rem;
                height: .5rem;
                background-color: #a88787;
                border-radius: 50px; }
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item-content-time {
              width: 100%; }
              .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item-content-time-container {
                display: grid;
                gap: 2px 0;
                grid-template-columns: .5fr 1fr;
                grid-template-rows: auto;
                grid-auto-flow: row;
                grid-template-areas: "weekday weekday-time" "weekend weekend-time"; }
                .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item-content-time-container .weekday {
                  grid-area: weekday;
                  background-color: #a88787;
                  color: #fff;
                  padding: .2rem;
                  text-align: center; }
                  .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item-content-time-container .weekday-time {
                    grid-area: weekday-time;
                    background-color: #faf5f1;
                    padding: .2rem;
                    text-align: center; }
                .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item-content-time-container .weekend {
                  grid-area: weekend;
                  background-color: #a88787;
                  color: #fff;
                  padding: .2rem;
                  text-align: center; }
                  .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-item-content-time-container .weekend-time {
                    grid-area: weekend-time;
                    background-color: #faf5f1;
                    padding: .2rem;
                    text-align: center; }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-kome {
          font-size: .8rem;
          opacity: .7; }
        @media only screen and (max-width: 767px) {
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-sec {
            flex-wrap: wrap; } }
        @media only screen and (max-width: 767px) {
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-spec-sec-item {
            width: 100%; } }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-plan {
        margin-bottom: 1rem; }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-plan-list {
          display: flex;
          justify-content: space-between;
          margin-top: 1rem; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-plan-list {
              flex-direction: column;
              gap: 0.5rem; } }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-plan-list-item {
            position: relative;
            width: 100%;
            background-color: #fff;
            border: 4px solid #ffd7d9;
            border-radius: 20px; }
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-plan-list-item-harf {
              width: 49%; }
              @media only screen and (max-width: 767px) {
                .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-plan-list-item-harf {
                  width: 100%; } }
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-plan-list-item-num {
              position: absolute;
              top: -0.5rem;
              left: -0.5rem;
              width: 2.5rem;
              height: 2.5rem; }
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-plan-list-item-content {
              padding: 1rem;
              text-align: center;
              font-size: .8rem; }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-plan-kome {
          margin-top: .5rem;
          font-size: .8rem;
          opacity: .7;
          text-align: right; }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail {
        background-color: #fff;
        width: 49%;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail {
            width: 100%; } }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-wrap {
          padding: 0 1rem; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-wrap-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: .2rem; }
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-wrap-item dt {
              width: 30%;
              padding: .5rem;
              background-color: #a88787;
              color: #fff;
              text-align: center;
              display: flex;
              align-items: center;
              justify-content: center; }
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-wrap-item dd {
              width: 70%;
              padding: .5rem;
              background-color: #faf5f1;
              text-align: center; }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container {
          margin: 1rem 0;
          padding: 0 1rem;
          display: grid;
          grid-template-columns: 1fr 2rem 4rem .3fr;
          grid-template-rows: auto;
          gap: .2rem 0;
          grid-auto-flow: row;
          grid-template-areas: "example plus medifee-ttl medifee-content" "example plus postage-ttl postage-content"; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container {
              padding: 0 1rem;
              grid-template-columns: 30% 70%;
              grid-template-rows: auto;
              gap: .2rem 0;
              grid-auto-flow: row;
              grid-template-areas: "example example" "plus plus" "medifee-ttl medifee-content" "postage-ttl postage-content"; } }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .flex {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0.5rem;
            flex-direction: column; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .small-size {
            font-size: .9rem; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .example {
            grid-area: example;
            background-color: #faf5f1;
            padding: .2rem; }
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .example span {
              text-align: center; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .plus {
            grid-area: plus; }
            @media only screen and (max-width: 767px) {
              .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .plus-icon {
                width: 7%; } }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .medifee-ttl {
            grid-area: medifee-ttl;
            background-color: #a88787;
            color: #fff; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .postage-ttl {
            grid-area: postage-ttl;
            background-color: #a88787;
            color: #fff; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .medifee-content {
            grid-area: medifee-content;
            background-color: #faf5f1; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-container .postage-content {
            grid-area: postage-content;
            background-color: #faf5f1; }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-time {
          width: 35%; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-time {
              width: 100%; } }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-price {
          width: 65%; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-price {
              width: 100%; } }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-price-kome {
            padding: 0 1rem;
            font-size: .8rem;
            opacity: .7; }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-detail-time-kome {
          margin-top: .5rem;
          font-size: .8rem;
          opacity: .7; }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-inner {
        margin: 1rem 0; }
      .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-card {
        background-color: #fff;
        width: 100%;
        padding: 1.5rem;
        box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
        max-height: 600px; }
        @media only screen and (max-width: 767px) {
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-card {
            padding: 1.5rem 2rem;
            gap: 1rem;
            max-height: 440px; } }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-card-img {
          width: 40%; }
        .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-card-comment {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-card-comment {
              padding: 0 2rem; } }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
            position: relative;
            display: inline-block;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            line-height: 1.2; }
            .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
              position: absolute;
              bottom: -0.5rem;
              left: 0;
              background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
              content: "";
              height: 2px;
              width: 100%; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-card-comment-link {
            display: block;
            font-size: 0.9rem;
            text-align: right;
            opacity: 0.5; }
          .skincare .ranking .skincare-ranking-list .ranking-list-box-inner-review-card-comment-txt {
            margin-top: .5rem;
            line-height: 1.5; }

.skincaresearch {
  margin: 2rem auto;
  background-color: #faf5f1; }
  .skincaresearch-form-ttl {
    width: 40%;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .skincaresearch-form-ttl {
        width: 70%; } }
  .skincaresearch-form-submit:before {
    background-color: #a88787; }
  .skincaresearch-form-submit:after {
    border-color: #a88787 transparent transparent transparent; }
  .skincaresearch-form-submit input {
    background-color: #a88787;
    border: 1px solid #a88787; }
    .skincaresearch-form-submit input:hover {
      background-color: #faf5f1;
      color: #a88787; }
  .skincaresearch .newlpsearch-form-wrap-inner-alpha-item-txt:after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #a88787;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "✔";
    opacity: 0;
    transition: all 0.2s; }

.skincare-type .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #a88787; }

/*skincare*/
/* sleepingpillsLP   feature　
----------------------------------------------------------------------------------------------*/
.sleepingpills {
  color: #2a3a5c;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", sans-serif; }
  .sleepingpills .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .sleepingpills-wrapper {
    padding: 0 .5rem; }
  .sleepingpills a {
    color: #000;
    transition: 0.3s; }
    .sleepingpills a:hover {
      opacity: 0.7; }
  .sleepingpills-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .sleepingpills-cv a:hover {
      opacity: 1; }
    .sleepingpills-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .sleepingpills-cv-copy-inner {
        position: relative; }
        .sleepingpills-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .sleepingpills-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .sleepingpills-cv-btn {
      color: #fff !important;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 40%;
      height: 60px;
      margin: 1rem auto 1.5rem;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #f59b89;
      box-shadow: 0 8px 0 #60382f;
      animation-name: english-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .sleepingpills-cv-btn {
          width: 70%; } }
      .sleepingpills-cv-btn a:hover {
        opacity: 1; }
@keyframes sleep-cvmove {
  0% {
    box-shadow: 0 8px 0 #60382f;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #60382f;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #60382f;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #60382f;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #60382f;
    transform: translatey(0); } }
  .sleepingpills-ttl {
    max-width: 500px;
    margin: auto; }
  .sleepingpills-txt {
    text-align: center;
    line-height: 1.5;
    margin: .5rem auto;
    color: #333 !important; }
    .sleepingpills-txt-big {
      font-size: 1.4rem;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .sleepingpills-txt-big {
          font-size: 1.2rem; } }
  .sleepingpills-gradient {
    background: linear-gradient(0deg, #ace0f9 0%, #fff1eb 25%, #bac8e0 50%, #6a85b6 75%, #3c4b67 100%);
    padding-bottom: 2rem;
    position: relative; }
    .sleepingpills-gradient:before {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 50rem;
      content: '';
      background: url(../img/feature/sleepingpills/sleep_bg.png);
      background-position: top;
      background-size: contain; }
      @media only screen and (max-width: 767px) {
        .sleepingpills-gradient:before {
          position: relative; } }
    .sleepingpills-gradient-inner {
      position: relative;
      z-index: 10; }
  .sleepingpills th {
    background-color: transparent; }
  .sleepingpills td {
    background-color: #f7f9fd; }
  .sleepingpills-toprk {
    margin: 4rem auto 2rem; }
    @media only screen and (max-width: 767px) {
      .sleepingpills-toprk {
        margin: 2.5rem auto 1rem; } }
    .sleepingpills-toprk-txt {
      margin: -2rem auto 3rem;
      color: #fff;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .sleepingpills-toprk-txt {
          margin: -1rem auto 2rem; } }
    .sleepingpills-toprk-list {
      display: flex;
      justify-content: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .sleepingpills-toprk-list {
          gap: .5rem; } }
      .sleepingpills-toprk-list-item {
        position: relative;
        width: 33%;
        padding: 2rem 1rem 1rem 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-toprk-list-item {
            padding: 1.5rem .5rem .5rem .5rem; } }
        .sleepingpills-toprk-list-item-bnr {
          min-height: 3.2rem;
          display: flex;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .sleepingpills-toprk-list-item-bnr {
              min-height: 1.5rem; } }
        .sleepingpills-toprk-list-item .ico-rank {
          position: absolute;
          top: -2.5rem;
          left: 50%;
          transform: translatex(-50%);
          width: 3.5rem;
          height: 3.5rem; }
          @media only screen and (max-width: 767px) {
            .sleepingpills-toprk-list-item .ico-rank {
              width: 2.5rem;
              height: 2.5rem;
              top: -1.5rem; } }
        .sleepingpills-toprk-list-item-1 {
          background-color: #fbf9e3;
          border-radius: 2rem; }
        .sleepingpills-toprk-list-item-2, .sleepingpills-toprk-list-item-3 {
          background-color: #f7f9fd;
          border-radius: 2rem; }
        .sleepingpills-toprk-list-item-eval {
          display: flex;
          font-weight: bold;
          justify-content: center;
          align-items: flex-end;
          gap: 1rem;
          font-size: 1.4rem;
          line-height: 1; }
          @media only screen and (max-width: 767px) {
            .sleepingpills-toprk-list-item-eval {
              gap: .5rem;
              font-size: 1rem; } }
          .sleepingpills-toprk-list-item-eval img {
            width: 70%; }
  .sleepingpills-check {
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .sleepingpills-check {
        margin: 1.5rem auto; } }
    .sleepingpills-check-content {
      max-width: 600px;
      margin: -3rem auto 2rem;
      background: url(../img/feature/sleepingpills/box_bg.jpg);
      background-size: 1.5rem;
      padding: 3.5rem 4rem 2rem; }
      @media only screen and (max-width: 767px) {
        .sleepingpills-check-content {
          padding: 4rem 1rem 2rem;
          margin: -3rem auto 1rem; } }
      .sleepingpills-check-content-list {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        .sleepingpills-check-content-list-item {
          display: flex;
          gap: 1rem;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .sleepingpills-check-content-list-item {
              gap: .5rem; } }
          .sleepingpills-check-content-list-item-img {
            width: 7%; }
          .sleepingpills-check-content-list-item-txt {
            width: 90%;
            font-size: 1.5rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .sleepingpills-check-content-list-item-txt {
                font-size: 1rem; } }
    .sleepingpills-check-sankaku {
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 30px 40px 0px 40px;
      border-color: #fff transparent transparent transparent;
      margin: 1rem auto; }
    .sleepingpills-check-txt {
      color: #fff !important; }
  .sleepingpills-improve {
    margin: 1rem auto; }
    .sleepingpills-improve-content {
      max-width: 750px;
      margin: -3rem auto 2rem;
      background: url(../img/feature/sleepingpills/box_bg.jpg);
      background-size: 1.5rem;
      padding: 3.5rem 3rem 2rem; }
      @media only screen and (max-width: 767px) {
        .sleepingpills-improve-content {
          padding: 3rem 1rem 1rem; } }
      .sleepingpills-improve-content-list {
        display: flex;
        align-items: flex-start;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-improve-content-list {
            flex-direction: column;
            gap: 1.5rem; } }
        .sleepingpills-improve-content-list-item {
          width: 49%;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .sleepingpills-improve-content-list-item {
              gap: .5rem;
              width: 100%; } }
          .sleepingpills-improve-content-list-item-ttl {
            width: 80%;
            margin: auto;
            position: inherit;
            z-index: 1; }
            @media only screen and (max-width: 767px) {
              .sleepingpills-improve-content-list-item-ttl {
                width: 50%; } }
          .sleepingpills-improve-content-list-item-txt {
            margin: -4rem auto 0;
            padding: 4rem 1rem 1rem;
            border: 5px solid #f0f5fe;
            background-color: #fff; }
            .sleepingpills-improve-content-list-item-txt-pink {
              border: 5px solid #fff1eb; }
            .sleepingpills-improve-content-list-item-txt-ttl {
              background-color: #f0f5fe;
              font-weight: bold;
              text-align: center; }
              .sleepingpills-improve-content-list-item-txt-ttl-pink {
                background-color: #fff1eb; }
              .sleepingpills-improve-content-list-item-txt-ttl-big {
                font-size: 1.2rem; }
            .sleepingpills-improve-content-list-item-txt-ul {
              display: flex;
              flex-direction: column;
              gap: .5rem;
              margin-top: 1rem; }
              .sleepingpills-improve-content-list-item-txt-ul-li {
                display: flex;
                gap: .5rem;
                align-items: center; }
                .sleepingpills-improve-content-list-item-txt-ul-li .icon {
                  width: 8%; }
                .sleepingpills-improve-content-list-item-txt-ul-li .txt {
                  width: 91%; }
  .sleepingpills-type {
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .sleepingpills-type {
        margin: 1.5rem auto; } }
    .sleepingpills-type-ttl {
      max-width: 500px;
      margin: auto; }
    @media only screen and (max-width: 767px) {
      .sleepingpills-type-list {
        margin-top: 0rem; } }
    .sleepingpills-type-list-inner-ttl {
      padding: 1rem .5rem;
      font-weight: bold;
      color: #fff;
      background-color: #2a3a5c;
      font-size: 1rem;
      border: 0.1rem solid #2a3a5c;
      border-radius: 20px 20px 0 0;
      display: flex;
      gap: .5rem;
      justify-content: center; }
      .sleepingpills-type-list-inner-ttl-big {
        font-size: 1.5rem; }
      .sleepingpills-type-list-inner-ttl-y {
        border: 0.1rem solid #eddf72;
        background: #fff;
        color: #333;
        background-color: #eddf72; }
      .sleepingpills-type-list-inner-ttl-rank {
        width: 15%; }
    .sleepingpills-type-list-inner-content {
      padding: 1rem .5rem;
      background: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      border: .1rem solid #fff;
      border-top: none;
      border-radius: 0 0 20px 20px;
      height: 13rem;
      text-align: center;
      font-size: .9rem; }
      @media only screen and (max-width: 767px) {
        .sleepingpills-type-list-inner-content {
          height: 12rem; } }
      @media only screen and (max-width: 767px) {
        .sleepingpills-type-list-inner-content-wrap {
          width: 80%; } }
      .sleepingpills-type-list-inner-content-wrap .logo {
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-type-list-inner-content-wrap .logo {
            margin-bottom: 0; } }
        .sleepingpills-type-list-inner-content-wrap .logo img {
          margin: auto; }
      .sleepingpills-type-list-inner-content-come {
        font-size: .7rem;
        opacity: .4; }
      .sleepingpills-type-list-inner-content .img {
        width: 60%;
        margin: auto; }
        .sleepingpills-type-list-inner-content .img-big {
          width: 70%;
          margin: auto; }
      .sleepingpills-type-list-inner-content .name {
        font-weight: bold;
        font-size: 1.2rem; }
    .sleepingpills-type-list-inner-cv {
      width: 80%;
      margin: .5rem auto;
      overflow: hidden;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center; }
      .sleepingpills-type-list-inner-cv:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
      .sleepingpills-type-list-inner-cv-btn {
        padding: .5rem 2.2rem;
        font-size: 1.1rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-type-list-inner-cv-btn {
            padding: .5rem 3.5rem; } }
        .sleepingpills-type-list-inner-cv-btn:hover {
          opacity: 1 !important; }
      .sleepingpills-type-list-inner-cv-txt {
        color: #fff; }
  .sleepingpills-otherhikaku-container {
    max-width: 750px;
    margin: 0 auto 2rem;
    display: grid;
    grid-template-columns: .2fr 1fr 1rem 1fr 1rem 1fr;
    grid-template-rows: 0.3fr repeat(3, 1fr);
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "name pills-name name-white1 kanpo-name name-white2 supple-name" "example pills-example example-white1 kanpo-example example-white2 supple-example" "feature pills-feature feature-white1 kanpo-feature feature-white2 supple-feature" "osusume pills-osusume osusume-white1 kanpo-osusume osusume-white2 supple-osusume"; }
    .sleepingpills-otherhikaku-container .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: .8rem; }
    .sleepingpills-otherhikaku-container .bg-w {
      background-color: #fff; }
    .sleepingpills-otherhikaku-container .example-wrap {
      display: flex;
      flex-direction: column;
      gap: .5rem; }
      .sleepingpills-otherhikaku-container .example-wrap-img {
        width: 45%;
        margin: auto; }
      .sleepingpills-otherhikaku-container .example-wrap-txt {
        text-align: center; }
    .sleepingpills-otherhikaku-container .osusume-wrap {
      display: flex;
      flex-direction: column;
      gap: .2rem; }
      .sleepingpills-otherhikaku-container .osusume-wrap-ttl {
        font-weight: bold;
        text-align: center; }
    .sleepingpills-otherhikaku-container .name {
      grid-area: name; }
      .sleepingpills-otherhikaku-container .name-white1 {
        grid-area: name-white1; }
      .sleepingpills-otherhikaku-container .name-white2 {
        grid-area: name-white2; }
    .sleepingpills-otherhikaku-container .example {
      grid-area: example;
      background-color: #f0f5fe;
      border-radius: 10px 0 0 10px;
      font-weight: bold;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; }
      .sleepingpills-otherhikaku-container .example-white1 {
        grid-area: example-white1;
        background-color: #f0f5fe; }
      .sleepingpills-otherhikaku-container .example-white2 {
        grid-area: example-white2;
        background-color: #f0f5fe; }
    .sleepingpills-otherhikaku-container .feature {
      grid-area: feature;
      background-color: #fbf9e3;
      border-radius: 10px 0 0 10px;
      font-weight: bold;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; }
      .sleepingpills-otherhikaku-container .feature-white1 {
        grid-area: feature-white1;
        background-color: #fbf9e3; }
      .sleepingpills-otherhikaku-container .feature-white2 {
        grid-area: feature-white2;
        background-color: #fbf9e3; }
    .sleepingpills-otherhikaku-container .osusume {
      grid-area: osusume;
      background-color: #f0f5fe;
      font-weight: bold;
      border-radius: 10px 0 0 10px;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; }
      .sleepingpills-otherhikaku-container .osusume-white1 {
        grid-area: osusume-white1;
        background-color: #f0f5fe; }
      .sleepingpills-otherhikaku-container .osusume-white2 {
        grid-area: osusume-white2;
        background-color: #f0f5fe; }
    .sleepingpills-otherhikaku-container .pills-name {
      grid-area: pills-name;
      padding: .5rem;
      font-size: 1.4rem;
      line-height: 1.1;
      text-align: center;
      font-weight: bold;
      border-radius: 10px 10px 0 0; }
    .sleepingpills-otherhikaku-container .pills-example {
      grid-area: pills-example;
      border: 0.5rem solid #f0f5fe;
      border-left: none;
      border-right: none; }
    .sleepingpills-otherhikaku-container .pills-feature {
      grid-area: pills-feature;
      border: 0.5rem solid #fbf9e3;
      border-left: none;
      border-right: none; }
    .sleepingpills-otherhikaku-container .pills-osusume {
      grid-area: pills-osusume;
      border: 0.5rem solid #f0f5fe;
      border-left: none;
      border-right: none; }
    .sleepingpills-otherhikaku-container .kanpo-name {
      grid-area: kanpo-name;
      padding: .5rem;
      font-size: 1.4rem;
      font-weight: bold;
      border-radius: 10px 10px 0 0; }
    .sleepingpills-otherhikaku-container .kanpo-example {
      grid-area: kanpo-example;
      border: 0.5rem solid #f0f5fe;
      border-left: none;
      border-right: none; }
    .sleepingpills-otherhikaku-container .kanpo-feature {
      grid-area: kanpo-feature;
      border: 0.5rem solid #fbf9e3;
      border-left: none;
      border-right: none; }
    .sleepingpills-otherhikaku-container .kanpo-osusume {
      grid-area: kanpo-osusume;
      border: 0.5rem solid #f0f5fe;
      border-left: none;
      border-right: none; }
    .sleepingpills-otherhikaku-container .supple-name {
      grid-area: supple-name;
      padding: .5rem;
      font-size: 1.4rem;
      font-weight: bold;
      border-radius: 10px 10px 0 0; }
    .sleepingpills-otherhikaku-container .supple-example {
      grid-area: supple-example;
      border: 0.5rem solid #f0f5fe;
      border-left: none; }
    .sleepingpills-otherhikaku-container .supple-feature {
      grid-area: supple-feature;
      border: 0.5rem solid #fbf9e3;
      border-left: none; }
    .sleepingpills-otherhikaku-container .supple-osusume {
      grid-area: supple-osusume;
      border: 0.5rem solid #f0f5fe;
      border-left: none;
      border-radius: 0 0 10px 0; }
  .sleepingpills-otherhikaku-tab {
    margin-bottom: 1.5rem; }
    .sleepingpills-otherhikaku-tab-list {
      display: flex;
      gap: .5rem; }
      .sleepingpills-otherhikaku-tab-list-btn {
        background-color: #2a3a5c;
        border-radius: 10px 10px 0 0;
        padding: .5rem 1rem;
        color: #fff;
        font-weight: bold;
        width: 33%;
        transition: .2s;
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        line-height: 1.2; }
      .sleepingpills-otherhikaku-tab-list-btn.active {
        background-color: #9fb3d6;
        transition: .2s;
        color: #333; }
    .sleepingpills-otherhikaku-tab-contents-list {
      margin: 0;
      border-top: 0.5rem solid #9fb3d6;
      background-color: #f7f9fd;
      padding: 1rem .5rem;
      display: flex;
      gap: .1rem; }
      .sleepingpills-otherhikaku-tab-contents-list-wrap {
        width: 33%; }
        .sleepingpills-otherhikaku-tab-contents-list-wrap-ttl {
          background-color: #9fb3d6;
          padding: .5rem;
          font-size: .9rem;
          text-align: center;
          font-weight: bold;
          color: #333;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 3.5rem; }
        .sleepingpills-otherhikaku-tab-contents-list-wrap-content {
          background-color: #fff;
          padding: .5rem;
          font-size: .8rem;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 9.5rem; }
          .sleepingpills-otherhikaku-tab-contents-list-wrap-content .example-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .sleepingpills-otherhikaku-tab-contents-list-wrap-content .example-wrap-txt {
              text-align: center; }
          .sleepingpills-otherhikaku-tab-contents-list-wrap-content .osusume-wrap {
            display: flex;
            flex-direction: column;
            gap: .2rem; }
            .sleepingpills-otherhikaku-tab-contents-list-wrap-content .osusume-wrap-ttl {
              font-weight: bold;
              text-align: center; }
  @media only screen and (max-width: 767px) {
    .sleepingpills-otherhikaku-txt {
      padding: 0 1rem; } }
  .sleepingpills-point-title {
    max-width: 500px;
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .sleepingpills-point-title {
        margin: 2rem auto 1rem; } }
  .sleepingpills-point-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .sleepingpills-point-list {
        flex-direction: column; } }
    .sleepingpills-point-list-item {
      width: 48%; }
      @media only screen and (max-width: 767px) {
        .sleepingpills-point-list-item {
          width: 100%; } }
      .sleepingpills-point-list-item-ttl {
        background-color: #fbf9e3;
        padding: .5rem 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        border-radius: 20px 20px 0 0; }
        .sleepingpills-point-list-item-ttl-num {
          width: 2.5rem; }
          @media only screen and (max-width: 767px) {
            .sleepingpills-point-list-item-ttl-num {
              width: 1.8rem; } }
        .sleepingpills-point-list-item-ttl-txt {
          font-size: 1.8rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .sleepingpills-point-list-item-ttl-txt {
              font-size: 1.4rem; } }
      .sleepingpills-point-list-item-txt {
        padding: 1rem 2rem;
        border-radius: 0 0 20px 20px;
        background-color: #fff;
        height: 9.5rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-point-list-item-txt {
            height: auto;
            padding: 1rem; } }
  .sleepingpills-point-strong {
    margin: 1rem; }
    .sleepingpills-point-strong-txt {
      font-weight: bold;
      text-align: center;
      font-size: 1.5rem; }
  .sleepingpills-miniranking {
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .sleepingpills-miniranking {
        margin: 1rem auto; } }
    .sleepingpills-miniranking-ttl {
      max-width: 750px;
      margin: auto; }
    .sleepingpills-miniranking-table {
      position: relative; }
      .sleepingpills-miniranking-table .ico-rank {
        margin: 0 auto 0.5rem !important; }
      .sleepingpills-miniranking-table .eval-mark {
        width: 3rem;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-miniranking-table .eval-mark {
            width: 2rem; } }
      .sleepingpills-miniranking-table th {
        background-color: #2a3a5c;
        width: 15%; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-miniranking-table th {
            font-size: .8rem;
            padding: 0.5rem;
            width: 3rem !important;
            position: sticky;
            top: 0;
            left: 0;
            z-index: 1;
            -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
            text-orientation: upright; } }
      .sleepingpills-miniranking-table td {
        background-color: #f7f9fd; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-miniranking-table td {
            width: 12rem !important; } }
      .sleepingpills-miniranking-table-flex {
        display: flex;
        flex-direction: column; }
      .sleepingpills-miniranking-table-ttl-small {
        font-size: .9rem;
        display: block; }
      .sleepingpills-miniranking-table-txt {
        font-size: .9rem;
        text-align: center; }
      .sleepingpills-miniranking-table-list li {
        margin-left: 1rem;
        position: relative; }
        .sleepingpills-miniranking-table-list li:before {
          position: absolute;
          top: 50%;
          left: -1rem;
          transform: translateY(-50%);
          display: inline-block;
          content: '';
          width: .5rem;
          height: .5rem;
          background-color: #ff9a9e;
          border-radius: 5rem; }
  .sleepingpills-attention {
    max-width: 750px;
    margin: 2rem auto;
    background-color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 10px; }
    @media only screen and (max-width: 767px) {
      .sleepingpills-attention {
        margin: 2rem 1rem; } }
    .sleepingpills-attention-bg {
      background: url(../img/feature/sleepingpills/tyuui_icon.png) no-repeat;
      background-position: center;
      background-size: contain;
      display: inline-block; }
    .sleepingpills-attention-ttl {
      text-align: center;
      font-size: 1.4rem;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .sleepingpills-attention-ttl {
          font-size: 1.2rem; } }
      .sleepingpills-attention-ttl-big {
        font-size: 2rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-attention-ttl-big {
            font-size: 1.5rem; } }
    .sleepingpills-attention-content {
      text-align: center; }
      .sleepingpills-attention-content-big {
        margin-top: .2rem;
        font-size: 1.2rem;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .sleepingpills-attention-content-big {
            font-size: 1rem; } }
  .sleepingpills .ranking {
    color: #333; }
    .sleepingpills .ranking-flexwrap {
      display: flex;
      justify-content: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .sleepingpills .ranking-flexwrap {
          flex-direction: column;
          gap: 0; } }
    .sleepingpills .ranking-title {
      background-color: #ace0f9;
      margin-top: -1rem; }
      @media only screen and (max-width: 767px) {
        .sleepingpills .ranking-title {
          margin-top: -2rem; } }
      .sleepingpills .ranking-title:after {
        top: 98%;
        border-top: 20px solid #ace0f9; }
    .sleepingpills .ranking .sleepingpills-ranking-title-img {
      max-width: 500px;
      margin: auto; }
    .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #eddf72; }
    .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #dedae0; }
    .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #94655d; }
    .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin-top: 3rem; }
      .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-cv-btn {
        width: 50%;
        margin-bottom: 1rem;
        font-size: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-cv-btn {
            width: 90%; } }
      .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-ico {
        top: -2rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-ico {
            top: -1.7rem; } }
      .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem; }
        @media only screen and (max-width: 767px) {
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-wrapper {
        background-color: #f7f9fd; }
        .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-wrapper-width {
          max-width: 750px;
          margin: 0 auto;
          padding: 2rem 0; }
          @media only screen and (max-width: 767px) {
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-wrapper-width {
              padding: 1rem .5rem; } }
      .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner {
        margin: 1rem 0; }
        .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-ttl {
          background-color: #fbf9e3;
          padding: .2rem;
          text-align: center;
          color: #333; }
        .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-content {
          background-color: #fff;
          padding: 1rem;
          line-height: 1.6; }
        .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-osusume {
          display: flex;
          justify-content: space-around;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-osusume {
              flex-direction: column; } }
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-osusume-item {
            border: 2px solid #f7f9fd;
            padding: 1rem;
            width: 30%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between; }
            @media only screen and (max-width: 767px) {
              .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-osusume-item {
                width: 100%;
                justify-content: left;
                flex-direction: row-reverse;
                gap: 1rem;
                padding: .5rem 1rem; } }
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-osusume-item-txt {
              margin-bottom: .5rem; }
              @media only screen and (max-width: 767px) {
                .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-osusume-item-txt {
                  margin-bottom: 0;
                  width: 80%; } }
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-osusume-item-img {
              width: 35%; }
              @media only screen and (max-width: 767px) {
                .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-osusume-item-img {
                  width: 18%; } }
        .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point {
          padding: 1rem 2rem;
          text-align: left; }
          @media only screen and (max-width: 767px) {
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point {
              padding: 1rem .5rem; } }
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point-check {
            display: inline-block;
            width: 25px;
            height: 15px;
            background: url(../img/feature/sleepingpills/check_y.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point-check {
                width: 10%; } }
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point-txt {
            line-height: 1.3; }
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point li {
            position: relative;
            z-index: 1;
            line-height: 2;
            margin-bottom: .5rem;
            display: inline-block; }
            @media only screen and (max-width: 767px) {
              .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point li {
                display: block;
                margin-bottom: 0; } }
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point li:after {
              position: absolute;
              z-index: -1;
              content: '';
              bottom: 0;
              left: 0;
              width: 100%;
              height: .5rem;
              background-color: #f7f9fd; }
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point-flex {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 1rem 0 0.5rem;
            font-weight: 700;
            gap: .5rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-point-flex {
                justify-content: left; } }
        .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-detail {
          background-color: #fff;
          width: 49%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-detail {
              width: 100%; } }
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-detail-wrap {
            padding: 1rem; }
            @media only screen and (max-width: 767px) {
              .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-detail-wrap {
                padding: 0 1rem; } }
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-detail-wrap-item {
              display: flex;
              justify-content: space-between;
              margin-bottom: .2rem; }
              .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-detail-wrap-item dt {
                width: 30%;
                padding: .5rem;
                background-color: #2a3a5c;
                color: #fff;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center; }
              .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-detail-wrap-item dd {
                width: 70%;
                padding: .5rem;
                background-color: #f7f9fd;
                text-align: center; }
        .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-inner {
          margin: 1rem 0; }
        .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-card {
          background-color: #fff;
          width: 100%;
          padding: 1.5rem;
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;
          gap: .5rem;
          max-height: 600px; }
          @media only screen and (max-width: 767px) {
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-card {
              padding: 1.5rem 2rem;
              gap: 1rem;
              max-height: 440px; } }
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-card-img {
            width: 40%; }
          .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-card-comment {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-card-comment {
                padding: 0 2rem; } }
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
              position: relative;
              display: inline-block;
              font-size: 1.8rem;
              margin-bottom: 1rem;
              line-height: 1.2; }
              .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                position: absolute;
                bottom: -0.5rem;
                left: 0;
                background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                content: "";
                height: 2px;
                width: 100%; }
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-card-comment-link {
              display: block;
              font-size: 0.9rem;
              text-align: right;
              opacity: 0.5; }
            .sleepingpills .ranking .sleepingpills-ranking-list .ranking-list-box-inner-review-card-comment-txt {
              margin-top: .5rem;
              line-height: 1.5; }

.sleepingpillssearch {
  margin: 2rem auto;
  background-color: #f7f9fd; }
  .sleepingpillssearch-form-ttl {
    width: 40%;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .sleepingpillssearch-form-ttl {
        width: 70%; } }
  .sleepingpillssearch-form-submit:before {
    background-color: #2a3a5c; }
  .sleepingpillssearch-form-submit:after {
    border-color: #2a3a5c transparent transparent transparent; }
  .sleepingpillssearch-form-submit input {
    background-color: #2a3a5c;
    border: 1px solid #2a3a5c; }
    .sleepingpillssearch-form-submit input:hover {
      background-color: #f7f9fd;
      color: #2a3a5c; }
  .sleepingpillssearch .newlpsearch-form-wrap-inner-alpha-item-txt:after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #2a3a5c;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "✔";
    opacity: 0;
    transition: all 0.2s; }

.sleepingpills_wants .sleepingpills-gradient:before {
  height: 40rem; }

.sleepingpills-wrapper .ranking-list-box-inner-review .swiper-button-prev, .sleepingpills-wrapper .ranking-list-box-inner-review .swiper-button-next {
  color: #2a3a5c; }
.sleepingpills-wrapper .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #2a3a5c; }

/*睡眠薬*/
/* carsateiLP   feature　
----------------------------------------------------------------------------------------------*/
.carsatei {
  color: #000; }
  .carsatei .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .carsatei-mainvisual {
    max-width: 750px; }
  .carsatei-wrapper {
    padding: 0 .5rem; }
  .carsatei a {
    transition: 0.3s; }
    .carsatei a:hover {
      opacity: 0.7; }
  .carsatei-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .carsatei-cv a:hover {
      opacity: 1; }
    .carsatei-cv-btn {
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.3rem;
      font-weight: bold;
      background-color: #c62127;
      box-shadow: 0 8px 0 #850108;
      animation-name: carsatei-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .carsatei-cv-btn {
          font-size: .9rem; } }
@keyframes carsatei-cvmove {
  0% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #850108;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #850108;
    transform: translatey(0); } }
      @media only screen and (max-width: 767px) {
        .carsatei-cv-btn {
          width: 100%;
          padding: 0.5rem 0; } }
  .carsatei-type {
    margin: 1.5rem auto; }
    .carsatei-type-ttl {
      max-width: 500px;
      margin: auto; }
    .carsatei-type-list {
      margin-top: 1rem; }
      .carsatei-type-list-inner-ttl {
        padding: 1rem .5rem;
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: 1rem;
        background-color: #173891; }
        .carsatei-type-list-inner-ttl-big {
          font-size: 1.5rem; }
        .carsatei-type-list-inner-ttl-y {
          background-color: #fdd100;
          color: #000; }
      .carsatei-type-list-inner-content {
        padding: 1rem .5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 0.2rem solid #173891;
        border-top: none;
        height: 15rem;
        text-align: center;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .carsatei-type-list-inner-content {
            height: auto; } }
        @media only screen and (max-width: 767px) {
          .carsatei-type-list-inner-content-wrap {
            width: 80%; } }
        .carsatei-type-list-inner-content-wrap .logo {
          margin: 0 auto .5rem; }
          @media only screen and (max-width: 767px) {
            .carsatei-type-list-inner-content-wrap .logo {
              margin-bottom: 0; } }
          .carsatei-type-list-inner-content-wrap .logo img {
            margin: auto; }
        .carsatei-type-list-inner-content-y {
          border: 0.2rem solid #fdd100;
          border-top: none; }
        .carsatei-type-list-inner-content-come {
          font-size: .7rem;
          opacity: .4; }
        .carsatei-type-list-inner-content .img {
          width: 60%;
          margin: auto; }
          .carsatei-type-list-inner-content .img-big {
            width: 40%;
            margin: auto; }
        .carsatei-type-list-inner-content .name {
          font-weight: bold;
          font-size: 1.2rem; }
      .carsatei-type-list-inner-cv {
        width: 80%;
        margin: .5rem auto;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .carsatei-type-list-inner-cv {
            width: 60%; } }
        .carsatei-type-list-inner-cv:before {
          position: absolute;
          content: '';
          display: inline-block;
          top: -180px;
          left: 0;
          width: 30px;
          height: 100%;
          background-color: #fff;
          animation: shiny-btn1 3s ease-in-out infinite; }
        .carsatei-type-list-inner-cv-btn {
          padding: .5rem 2.2rem;
          font-size: 1.1rem; }
          @media only screen and (max-width: 767px) {
            .carsatei-type-list-inner-cv-btn {
              padding: .5rem 3.5rem; } }
          .carsatei-type-list-inner-cv-btn:hover {
            opacity: 1 !important; }
        .carsatei-type-list-inner-cv-txt {
          color: #fff; }
    .carsatei-type-come {
      text-align: right;
      font-size: .8rem;
      opacity: 0.5;
      margin-top: -0.5rem; }
  .carsatei-column-title {
    position: relative;
    padding: 1rem;
    margin-top: 1rem;
    color: #fcf9f6;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    background-color: #173891; }
    @media only screen and (max-width: 767px) {
      .carsatei-column-title {
        line-height: 1.2; } }
    .carsatei-column-title:after {
      position: absolute;
      left: 50%;
      top: 98%;
      transform: translatex(-50%);
      border-top: 20px solid #173891;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      content: '';
      height: 0;
      width: 0; }
    .carsatei-column-title-big {
      font-size: 2.8rem; }
    .carsatei-column-title-y {
      font-size: 2.8rem;
      color: #fdd100; }
  .carsatei-column-content {
    max-width: 1000px;
    margin: auto;
    padding: 2rem;
    background-color: #f7fbfe; }
    @media only screen and (max-width: 767px) {
      .carsatei-column-content {
        padding: 2rem 1rem; } }
    .carsatei-column-content-inner {
      padding: 0 2rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-column-content-inner {
          padding: 0; } }
      .carsatei-column-content-inner-txt {
        margin: 1rem 0;
        line-height: 1.6;
        font-size: 16px; }
        @media only screen and (max-width: 767px) {
          .carsatei-column-content-inner-txt {
            margin: 0 0 1rem; } }
        .carsatei-column-content-inner-txt-center {
          text-align: center;
          font-size: 1.5rem;
          font-weight: bold; }
        .carsatei-column-content-inner-txt-strong {
          text-align: center;
          font-weight: bold; }
          .carsatei-column-content-inner-txt-strong-big {
            font-size: 1.5rem; }
      .carsatei-column-content-inner-img {
        max-width: 500px;
        margin: 1rem auto; }
      .carsatei-column-content-inner-link {
        width: 40%;
        text-align: center;
        margin: 1rem auto 0; }
        @media only screen and (max-width: 767px) {
          .carsatei-column-content-inner-link {
            width: 100%; } }
        .carsatei-column-content-inner-link-sub {
          display: inline-block;
          font-weight: bold;
          position: relative; }
          .carsatei-column-content-inner-link-sub:before {
            display: inline-block;
            content: "";
            height: 1rem;
            width: 1px;
            background-color: #000;
            position: absolute;
            top: 0.2rem;
            left: -0.8rem;
            transform: rotate(-20deg); }
          .carsatei-column-content-inner-link-sub:after {
            display: inline-block;
            content: "";
            height: 1rem;
            width: 1px;
            background-color: #000;
            position: absolute;
            top: 0.2rem;
            right: -0.5rem;
            transform: rotate(20deg); }
        .carsatei-column-content-inner-link-btn {
          display: inline-block;
          width: 100%;
          height: 60px;
          margin: auto;
          line-height: 60px;
          border-radius: 30px;
          overflow: hidden;
          font-size: 1.3rem;
          font-weight: bold;
          background-color: #fecf00;
          box-shadow: 0 8px 0 #604e00;
          position: relative;
          color: #fff; }
          .carsatei-column-content-inner-link-btn:hover {
            opacity: 1 !important;
            box-shadow: none;
            transform: translatey(8px); }
          .carsatei-column-content-inner-link-btn:before {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: #fff transparent transparent transparent;
            left: 10%;
            top: 50%;
            transform: translateY(-50%); }
            @media only screen and (max-width: 767px) {
              .carsatei-column-content-inner-link-btn:before {
                left: 5%; } }
          .carsatei-column-content-inner-link-btn:after {
            position: absolute;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: #fff transparent transparent transparent;
            right: 10%;
            top: 50%;
            transform: translateY(-50%); }
            @media only screen and (max-width: 767px) {
              .carsatei-column-content-inner-link-btn:after {
                right: 5%; } }
          .carsatei-column-content-inner-link-btn-text {
            font-size: 1.6rem;
            padding: 0 .2rem; }
  .carsatei-column-strong {
    max-width: 500px;
    margin: 0 auto 2rem; }
  .carsatei-hikaku {
    max-width: 640px;
    margin: auto; }
    .carsatei-hikaku-container {
      display: grid;
      grid-template-columns: .8fr 1fr .5fr;
      grid-template-rows: 5rem 8rem 8rem 8rem 8rem 8rem;
      gap: 2px;
      grid-auto-flow: row;
      grid-template-areas: "servicename feature hikaku" "anken1 anken1-feature anken1-hikaku" "anken2 anken2-feature anken2-hikaku" "anken3 anken3-feature anken3-hikaku" "anken4 anken4-feature anken4-hikaku" "anken5 anken5-feature anken5-hikaku"; }
      @media only screen and (max-width: 767px) {
        .carsatei-hikaku-container {
          grid-template-rows: 6rem 8rem 8rem 8rem 8rem 8rem; } }
      .carsatei-hikaku-container .flex {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        background-color: #f7fbfe;
        padding: .5rem; }
      .carsatei-hikaku-container .ttl {
        color: #fff;
        background-color: #173891;
        font-weight: bold;
        font-size: .9rem;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: .5rem; }
      .carsatei-hikaku-container .anken-eval {
        width: 20%;
        margin: auto; }
      .carsatei-hikaku-container .ico-rank {
        width: 2rem;
        margin: 0 auto 0.5rem; }
      .carsatei-hikaku-container .osusume {
        color: #fdd100; }
      .carsatei-hikaku-container .servicename {
        grid-area: servicename; }
      .carsatei-hikaku-container .feature {
        grid-area: feature; }
      .carsatei-hikaku-container .hikaku {
        grid-area: hikaku; }
      .carsatei-hikaku-container .anken1 {
        grid-area: anken1;
        background-color: #fef9e5; }
        .carsatei-hikaku-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #f5e6e6; }
        .carsatei-hikaku-container .anken1-hikaku {
          grid-area: anken1-hikaku; }
      .carsatei-hikaku-container .anken2 {
        grid-area: anken2;
        background-color: #fef9e5; }
        .carsatei-hikaku-container .anken2-feature {
          grid-area: anken2-feature;
          background-color: #f5e6e6; }
        .carsatei-hikaku-container .anken2-hikaku {
          grid-area: anken2-hikaku; }
      .carsatei-hikaku-container .anken3 {
        grid-area: anken3;
        background-color: #fef9e5; }
        .carsatei-hikaku-container .anken3-feature {
          grid-area: anken3-feature;
          background-color: #f5e6e6; }
        .carsatei-hikaku-container .anken3-hikaku {
          grid-area: anken3-hikaku; }
      .carsatei-hikaku-container .anken4 {
        grid-area: anken4;
        background-color: #fef9e5; }
        .carsatei-hikaku-container .anken4-feature {
          grid-area: anken4-feature;
          background-color: #f5e6e6; }
        .carsatei-hikaku-container .anken4-hikaku {
          grid-area: anken4-hikaku; }
      .carsatei-hikaku-container .anken5 {
        grid-area: anken5;
        background-color: #fef9e5; }
        .carsatei-hikaku-container .anken5-feature {
          grid-area: anken5-feature;
          background-color: #f5e6e6; }
        .carsatei-hikaku-container .anken5-hikaku {
          grid-area: anken5-hikaku; }
  .carsatei-top3 {
    max-width: 640px;
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .carsatei-top3 {
        padding: 0 1rem; } }
    .carsatei-top3-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 5px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "maxcom maxcom maxcom" "anken1-maxcom anken2-maxcom anken3-maxcom" "shop shop shop" "anken1-shop anken2-shop anken3-shop" "area area area" "anken1-area anken2-area anken3-area" "tell tell tell" "anken1-tell anken2-tell anken3-tell" "km_10 km_10 km_10" "anken1-km_10 anken2-km_10 anken3-km_10" "haisya haisya haisya" "anken1-haisya anken2-haisya anken3-haisya" "cv cv cv" "anken1-cv anken2-cv anken3-cv"; }
      .carsatei-top3-container .flex {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        background-color: #f7fbfe;
        padding: .5rem; }
      .carsatei-top3-container .ttl {
        background-color: #173891;
        padding: .2rem;
        color: #fff; }
      .carsatei-top3-container-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        gap: .2rem; }
        .carsatei-top3-container-inner-img {
          width: 25%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .carsatei-top3-container-inner-img {
              width: 30%; } }
        .carsatei-top3-container-inner-txt {
          font-size: .9rem; }
      .carsatei-top3-container .ico-rank {
        width: 30%;
        margin: 0 auto .5rem; }
      .carsatei-top3-container .logo {
        min-height: 47px;
        display: flex;
        justify-content: center;
        align-items: center; }
      .carsatei-top3-container .new {
        padding: 0;
        margin: 0;
        width: 100%; }
        .carsatei-top3-container .new article {
          margin-top: 0; }
          .carsatei-top3-container .new article div {
            margin: 0; }
            .carsatei-top3-container .new article div a {
              font-size: 1.3rem;
              margin: 1rem auto; }
              @media only screen and (max-width: 767px) {
                .carsatei-top3-container .new article div a {
                  font-size: 1rem;
                  padding: 1rem .5rem; } }
      .carsatei-top3-container .maxcom {
        grid-area: maxcom; }
      .carsatei-top3-container .shop {
        grid-area: shop; }
      .carsatei-top3-container .area {
        grid-area: area; }
      .carsatei-top3-container .tell {
        grid-area: tell; }
      .carsatei-top3-container .km_10 {
        grid-area: km_10; }
      .carsatei-top3-container .haisya {
        grid-area: haisya; }
      .carsatei-top3-container .cv {
        grid-area: cv; }
      .carsatei-top3-container .anken1 {
        grid-area: anken1;
        background-color: #fef9e5; }
        .carsatei-top3-container .anken1-maxcom {
          grid-area: anken1-maxcom;
          background-color: #fef9e5; }
        .carsatei-top3-container .anken1-shop {
          grid-area: anken1-shop;
          background-color: #fef9e5; }
        .carsatei-top3-container .anken1-area {
          grid-area: anken1-area;
          background-color: #fef9e5; }
        .carsatei-top3-container .anken1-tell {
          grid-area: anken1-tell;
          background-color: #fef9e5; }
        .carsatei-top3-container .anken1-km_10 {
          grid-area: anken1-km_10;
          background-color: #fef9e5; }
        .carsatei-top3-container .anken1-haisya {
          grid-area: anken1-haisya;
          background-color: #fef9e5; }
        .carsatei-top3-container .anken1-cv {
          grid-area: anken1-cv;
          background-color: #fef9e5; }
      .carsatei-top3-container .anken2 {
        grid-area: anken2; }
        .carsatei-top3-container .anken2-maxcom {
          grid-area: anken2-maxcom; }
        .carsatei-top3-container .anken2-shop {
          grid-area: anken2-shop; }
        .carsatei-top3-container .anken2-area {
          grid-area: anken2-area; }
        .carsatei-top3-container .anken2-tell {
          grid-area: anken2-tell; }
        .carsatei-top3-container .anken2-km_10 {
          grid-area: anken2-km_10; }
        .carsatei-top3-container .anken2-haisya {
          grid-area: anken2-haisya; }
        .carsatei-top3-container .anken2-cv {
          grid-area: anken2-cv; }
      .carsatei-top3-container .anken3 {
        grid-area: anken3; }
        .carsatei-top3-container .anken3-maxcom {
          grid-area: anken3-maxcom; }
        .carsatei-top3-container .anken3-shop {
          grid-area: anken3-shop; }
        .carsatei-top3-container .anken3-area {
          grid-area: anken3-area; }
        .carsatei-top3-container .anken3-tell {
          grid-area: anken3-tell; }
        .carsatei-top3-container .anken3-km_10 {
          grid-area: anken3-km_10; }
        .carsatei-top3-container .anken3-haisya {
          grid-area: anken3-haisya; }
        .carsatei-top3-container .anken3-cv {
          grid-area: anken3-cv; }
    .carsatei-top3-osusume-sankaku {
      max-width: 400px;
      margin: 0 auto; }
    .carsatei-top3-osusume-bnr {
      margin: 1rem auto; }
      .carsatei-top3-osusume-bnr-txt {
        text-align: center;
        font-weight: bold; }
        .carsatei-top3-osusume-bnr-txt-inner {
          display: inline-block;
          position: relative; }
          .carsatei-top3-osusume-bnr-txt-inner:before {
            position: absolute;
            bottom: .5rem;
            left: -2rem;
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/carsatei/fukidashi_l.png) no-repeat;
            background-size: contain; }
          .carsatei-top3-osusume-bnr-txt-inner:after {
            position: absolute;
            bottom: .5rem;
            right: -2rem;
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/carsatei/fukidashi_r.png) no-repeat;
            background-size: contain; }
      .carsatei-top3-osusume-bnr-img {
        display: flex;
        justify-content: center; }
  .carsatei-columnlist {
    max-width: 750px;
    margin: 2rem auto; }
    .carsatei-columnlist-ttl {
      text-align: center;
      font-weight: bold;
      font-size: 1.6rem;
      padding: .5rem 0;
      border: 2px dashed #222;
      border-left: none;
      border-right: none; }
    .carsatei-columnlist-content {
      margin: 1rem auto;
      display: flex;
      flex-wrap: wrap;
      gap: 1rem .9rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-columnlist-content {
          gap: 1rem;
          padding: 0 2rem; } }
      .carsatei-columnlist-content-item {
        position: relative;
        padding-left: 1rem;
        width: 49%; }
        @media only screen and (max-width: 767px) {
          .carsatei-columnlist-content-item {
            width: 100%; } }
        .carsatei-columnlist-content-item:before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%) rotate(45deg);
          border-top: 5px solid #173891;
          border-left: 5px solid transparent;
          -webkit-transform: translateY(-50%) rotate(45deg);
          content: ''; }
        .carsatei-columnlist-content-item a {
          text-decoration: underline; }
  .carsatei-kiji-mainvisual {
    margin-top: 1rem;
    max-width: 750px; }
  .carsatei-kiji-ttl {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 1rem; }
    .carsatei-kiji-ttl-num {
      font-size: 2rem; }
  .carsatei-kiji-subttl {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: .5rem; }
    .carsatei-kiji-subttl-rank {
      justify-content: center; }
    .carsatei-kiji-subttl-num {
      background-color: #222;
      border-radius: 50px;
      width: 1.6rem;
      height: 1.6rem;
      line-height: 1.6;
      color: #fff;
      font-size: 1.4rem;
      display: flex;
      align-items: center;
      justify-content: center; }
    .carsatei-kiji-subttl-txt {
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-subttl-txt {
          width: 90%; } }
  @media only screen and (max-width: 767px) {
    .carsatei-kiji-summary {
      margin-bottom: 2rem; } }
  .carsatei-kiji-summary-img {
    margin: 1rem auto !important; }
    .carsatei-kiji-summary-img img {
      margin: auto !important; }
  .carsatei-kiji-summary-txt {
    margin: 0 auto 0.5rem !important;
    font-size: 2rem;
    text-align: center;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .carsatei-kiji-summary-txt {
        font-size: 1.5rem; } }
  .carsatei-kiji-summary-container {
    position: relative;
    width: 2rem;
    height: 3rem;
    margin: auto !important; }
    @media only screen and (max-width: 767px) {
      .carsatei-kiji-summary-container {
        height: 4rem; } }
    .carsatei-kiji-summary-container-chevron {
      position: absolute;
      width: 28px;
      height: 8px;
      top: -1.8rem;
      opacity: 0;
      transform: scale3d(0.5, 0.5, 0.5);
      animation: move 3s ease-out infinite; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-summary-container-chevron {
          top: -1.5rem; } }
      .carsatei-kiji-summary-container-chevron:first-child {
        animation: move 3s ease-out 1s infinite; }
      .carsatei-kiji-summary-container-chevron:nth-child(2) {
        animation: move 3s ease-out 2s infinite; }
      .carsatei-kiji-summary-container-chevron:before, .carsatei-kiji-summary-container-chevron:after {
        content: ' ';
        position: absolute;
        top: 0;
        height: 100%;
        width: 51%;
        background: #173891; }
      .carsatei-kiji-summary-container-chevron:before {
        left: 0;
        transform: skew(0deg, 30deg); }
      .carsatei-kiji-summary-container-chevron:after {
        right: 0;
        width: 50%;
        transform: skew(0deg, -30deg); }
@keyframes move {
  25% {
    opacity: 1; }
  33% {
    opacity: 1;
    transform: translateY(30px); }
  67% {
    opacity: 1;
    transform: translateY(40px); }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5); } }
  .carsatei-kiji-summary-matome {
    position: relative;
    margin: 2rem auto 7rem !important;
    padding: 2rem 0.5rem 1rem;
    font-size: 1.5rem;
    text-align: center;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #173891;
    color: #173891; }
    @media only screen and (max-width: 767px) {
      .carsatei-kiji-summary-matome {
        font-size: 1.2rem;
        margin: 1rem auto 7rem !important;
        line-height: 1.5;
        padding: 1.5rem 0.5rem 1rem; } }
    .carsatei-kiji-summary-matome-big {
      font-size: 2rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-summary-matome-big {
          font-size: 1.6rem; } }
    .carsatei-kiji-summary-matome:before {
      position: absolute;
      top: 50%;
      left: .5rem;
      transform: translateY(-50%);
      width: 5.2rem;
      height: 9.5rem;
      display: inline-block;
      content: '';
      background: url(../img/feature/carsatei/matome_girl.png) no-repeat;
      background-size: contain; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-summary-matome:before {
          width: 4rem;
          height: 6rem;
          top: -1.2rem;
          left: 1rem;
          z-index: -1; } }
    .carsatei-kiji-summary-matome:after {
      position: absolute;
      top: 50%;
      right: 2rem;
      transform: translateY(-50%);
      width: 4rem;
      height: 9.5rem;
      display: inline-block;
      content: '';
      background: url(../img/feature/carsatei/matome_man.png) no-repeat;
      background-size: contain; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-summary-matome:after {
          width: 3rem;
          height: 6rem;
          top: -1rem;
          right: 1rem;
          z-index: -1; } }
    .carsatei-kiji-summary-matome-ketsuron {
      font-size: 1.8rem;
      position: absolute;
      top: -1.5rem;
      left: 50%;
      transform: translatex(-50%);
      background-color: #173891;
      color: #fff;
      padding: 0 .5rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-summary-matome-ketsuron {
          top: -1rem;
          font-size: 1.5rem; } }
    .carsatei-kiji-summary-matome-sankaku {
      position: relative;
      display: block; }
      .carsatei-kiji-summary-matome-sankaku:before {
        position: absolute;
        bottom: -6rem;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        display: inline-block;
        content: '';
        background: url(../img/feature/carsatei/ketsuron_sankaku.png) no-repeat;
        background-size: contain;
        width: 50%;
        height: 6rem; }
        @media only screen and (max-width: 767px) {
          .carsatei-kiji-summary-matome-sankaku:before {
            width: 100%; } }
  .carsatei-kiji-txt-center {
    font-weight: bold;
    text-align: center;
    font-size: 1.8rem !important; }
  .carsatei-kiji-kaiwa {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 2rem auto !important; }
    @media only screen and (max-width: 767px) {
      .carsatei-kiji-kaiwa {
        gap: 1rem;
        margin: 1rem auto !important; } }
    .carsatei-kiji-kaiwa-wrap {
      margin: 0 !important;
      display: flex;
      align-items: center;
      gap: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-kaiwa-wrap {
          gap: .6rem; } }
      .carsatei-kiji-kaiwa-wrap-r {
        flex-direction: row-reverse; }
      .carsatei-kiji-kaiwa-wrap-img {
        margin: 0 !important;
        width: 19%; }
        .carsatei-kiji-kaiwa-wrap-img img {
          margin: 0 !important; }
      .carsatei-kiji-kaiwa-wrap-fukidashi {
        margin: 0 !important;
        width: 80%;
        display: flex;
        align-items: center;
        padding: 1rem;
        border: 1px solid #c7c7c7; }
        @media only screen and (max-width: 767px) {
          .carsatei-kiji-kaiwa-wrap-fukidashi {
            padding: .5rem; } }
        .carsatei-kiji-kaiwa-wrap-fukidashi-inner {
          margin: 0 !important; }
          @media only screen and (max-width: 767px) {
            .carsatei-kiji-kaiwa-wrap-fukidashi-inner {
              font-size: 0.9rem !important; } }
  .carsatei-kiji-list {
    background-color: #f3f3f3;
    padding: 2rem 3.5rem; }
    @media only screen and (max-width: 767px) {
      .carsatei-kiji-list {
        padding: 1rem; } }
    .carsatei-kiji-list-ttl {
      border: none !important;
      margin: 0 !important;
      font-size: 1.2rem;
      padding: 0 0 0 1.5rem !important;
      position: relative; }
      .carsatei-kiji-list-ttl:after {
        position: absolute;
        display: inline-block;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 1rem;
        height: 1rem;
        background: url(../img/feature/carsatei/list_icon.png) no-repeat;
        background-size: contain;
        content: ''; }
    .carsatei-kiji-list-content {
      padding-left: 1.7rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-list-content {
          padding: 0; } }
      .carsatei-kiji-list-content-item {
        margin-bottom: .5rem; }
        @media only screen and (max-width: 767px) {
          .carsatei-kiji-list-content-item {
            margin-bottom: 1rem; } }
        .carsatei-kiji-list-content-item-num {
          font-size: 1.4rem; }
        .carsatei-kiji-list-content-item-ul {
          padding-left: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .carsatei-kiji-list-content-item-ul-li {
              margin: .5rem 0; } }
          .carsatei-kiji-list-content-item-ul-li-num {
            background-color: #337ab7;
            border-radius: 50px;
            width: 1.2rem;
            height: 1.2rem;
            line-height: 1.2;
            color: #fff;
            display: inline-block;
            text-align: center; }
  .carsatei-kiji-contentlist {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
    .carsatei-kiji-contentlist-wrap {
      margin: 0 !important; }
      .carsatei-kiji-contentlist-wrap-dt {
        background-color: #173891;
        color: #fff;
        padding: 1rem;
        text-align: center;
        border-radius: 20px 20px 0 0; }
        .carsatei-kiji-contentlist-wrap-dt-inner {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          font-size: 1.2rem; }
          .carsatei-kiji-contentlist-wrap-dt-inner-flex {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
            font-size: 1rem;
            font-weight: normal; }
            .carsatei-kiji-contentlist-wrap-dt-inner-flex-img {
              width: 30%;
              margin: 0 !important; }
      .carsatei-kiji-contentlist-wrap-dd {
        border: 2px solid #173891;
        border-top: none;
        border-radius: 0 0 20px 20px;
        padding: 1rem; }
  .carsatei-kiji-cv {
    margin: 0 auto 1rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    background-color: #fef9e5;
    padding: 1rem;
    max-width: 450px; }
    .carsatei-kiji-cv-wrap {
      display: flex;
      align-items: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-cv-wrap {
          flex-direction: column; } }
      .carsatei-kiji-cv-wrap-copy {
        margin: 0 !important; }
        .carsatei-kiji-cv-wrap-copy p {
          margin: 0 !important; }
          @media only screen and (max-width: 767px) {
            .carsatei-kiji-cv-wrap-copy p {
              text-align: center;
              font-size: 1rem !important; } }
      .carsatei-kiji-cv-wrap-logo-img {
        margin: 0 !important; }
        .carsatei-kiji-cv-wrap-logo-img img {
          margin: 0 !important; }
    .carsatei-kiji-cv-btn {
      margin: 0 auto 1rem !important;
      width: 60%;
      font-size: 1.2rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-kiji-cv-btn {
          width: 80%; } }
      .carsatei-kiji-cv-btn a {
        text-decoration: none !important; }
  @media only screen and (max-width: 767px) {
    .carsatei-kiji-intro {
      margin-top: -1rem; } }
  .carsatei-table td {
    padding: 0.5rem !important; }
  .carsatei-table img {
    margin: auto !important; }
  .carsatei-table .ico {
    margin: 0 0 .5rem !important;
    width: 20%; }
    @media only screen and (max-width: 767px) {
      .carsatei-table .ico {
        width: 40%; } }
  .carsatei-osusumetype {
    max-width: 640px;
    margin: auto;
    background-color: #f7fbfe;
    padding: 2rem; }
    @media only screen and (max-width: 767px) {
      .carsatei-osusumetype {
        padding: 1rem; } }
    .carsatei-osusumetype-ttl {
      max-width: 500px;
      margin: auto;
      display: flex; }
    .carsatei-osusumetype-summary {
      max-width: 500px;
      margin: 1rem auto 2rem;
      display: flex;
      justify-content: space-between;
      gap: 0.5rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-osusumetype-summary {
          margin: 1rem auto;
          flex-direction: column; } }
      .carsatei-osusumetype-summary-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        flex-direction: column;
        background-color: #fff; }
        @media only screen and (max-width: 767px) {
          .carsatei-osusumetype-summary-wrap {
            width: 100%;
            flex-direction: row;
            justify-content: center;
            gap: .5rem;
            padding: .2rem; } }
        .carsatei-osusumetype-summary-wrap-ttl {
          font-weight: bold;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .carsatei-osusumetype-summary-wrap-ttl {
              font-size: .9rem;
              width: 56%; } }
        .carsatei-osusumetype-summary-wrap-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .carsatei-osusumetype-summary-wrap-content {
              width: 42%; } }
          .carsatei-osusumetype-summary-wrap-content .logo {
            min-height: 47px;
            display: flex;
            justify-content: center;
            align-items: center; }
        .carsatei-osusumetype-summary-wrap a {
          font-size: .9rem; }
    .carsatei-osusumetype-list {
      max-width: 500px;
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      justify-content: center;
      align-items: center; }
      .carsatei-osusumetype-list-wrap-ttl {
        background-color: #173891;
        text-align: center;
        color: #fff;
        font-size: 1rem;
        padding: .5rem; }
        .carsatei-osusumetype-list-wrap-ttl-inner {
          position: relative;
          padding: 0 2.5rem; }
          .carsatei-osusumetype-list-wrap-ttl-inner-1:before {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            width: 2rem;
            height: 1.5rem;
            display: inline-block;
            background: url(../img/feature/carsatei/tell_icon_l.png) no-repeat;
            background-size: contain; }
          .carsatei-osusumetype-list-wrap-ttl-inner-1:after {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            width: 2rem;
            height: 1.5rem;
            display: inline-block;
            background: url(../img/feature/carsatei/tell_icon_r.png) no-repeat;
            background-size: contain; }
          .carsatei-osusumetype-list-wrap-ttl-inner-2:before {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            width: 2rem;
            height: 1.5rem;
            display: inline-block;
            background: url(../img/feature/carsatei/money_icon.png) no-repeat;
            background-size: contain; }
          .carsatei-osusumetype-list-wrap-ttl-inner-2:after {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            width: 2rem;
            height: 1.5rem;
            display: inline-block;
            background: url(../img/feature/carsatei/money_icon.png) no-repeat;
            background-size: contain; }
          .carsatei-osusumetype-list-wrap-ttl-inner-3:before {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            width: 1.5rem;
            height: 1.5rem;
            display: inline-block;
            background: url(../img/feature/carsatei/time_icon.png) no-repeat;
            background-size: contain; }
          .carsatei-osusumetype-list-wrap-ttl-inner-3:after {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            width: 1.5rem;
            height: 1.5rem;
            display: inline-block;
            background: url(../img/feature/carsatei/time_icon.png) no-repeat;
            background-size: contain; }
          .carsatei-osusumetype-list-wrap-ttl-inner-4:before {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            width: 2rem;
            height: 2rem;
            display: inline-block;
            background: url(../img/feature/carsatei/car_icon.png) no-repeat;
            background-size: contain; }
          .carsatei-osusumetype-list-wrap-ttl-inner-4:after {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            content: '';
            width: 2rem;
            height: 2rem;
            display: inline-block;
            background: url(../img/feature/carsatei/car_icon.png) no-repeat;
            background-size: contain; }
        .carsatei-osusumetype-list-wrap-ttl .big {
          font-size: 1.5rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .carsatei-osusumetype-list-wrap-ttl .big {
              font-size: 1.1rem; } }
      .carsatei-osusumetype-list-wrap-content {
        background-color: #fff;
        padding: 1rem; }
        @media only screen and (max-width: 767px) {
          .carsatei-osusumetype-list-wrap-content {
            padding: 1rem 1rem 0; } }
        .carsatei-osusumetype-list-wrap-content-flex {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-bottom: .5rem; }
          .carsatei-osusumetype-list-wrap-content-flex .logo {
            width: 40%; }
          .carsatei-osusumetype-list-wrap-content-flex .bnr {
            width: 59%; }
          .carsatei-osusumetype-list-wrap-content-flex img {
            margin: auto; }
        .carsatei-osusumetype-list-wrap-content .txt {
          margin-bottom: .5rem; }
    .carsatei-osusumetype-new {
      margin: 0 !important;
      padding: 0 !important; }
      .carsatei-osusumetype-new article {
        margin-top: 0 !important; }
      .carsatei-osusumetype-new div {
        margin: 0 !important; }
    .carsatei-osusumetype-cv-btn {
      width: 75%;
      background-color: #fecf00;
      box-shadow: 0 8px 0 #604e00;
      animation-name: pekopeko-linkbtn;
      animation-delay: 0s;
      animation-duration: 3s;
      animation-timing-function: linear;
      animation-iteration-count: infinite; }
      @media only screen and (max-width: 767px) {
        .carsatei-osusumetype-cv-btn {
          width: 100%;
          font-size: 1rem; } }
      .carsatei-osusumetype-cv-btn a span {
        color: #000; }
@-webkit-keyframes pekopeko-linkbtn {
  0% {
    box-shadow: 0 8px 0 #604e00;
    transform: translatey(0); }
  60% {
    box-shadow: 0 8px 0 #604e00;
    transform: translatey(0); }
  70% {
    box-shadow: 0 0 0 #604e00;
    transform: translatey(8px); }
  80% {
    box-shadow: 0 8px 0 #604e00;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #604e00;
    transform: translatey(0); } }
  .carsatei-best5 {
    max-width: 640px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .carsatei-best5 {
        padding: 0 1rem; } }
    .carsatei-best5-ttl {
      margin: 2rem auto 0;
      max-width: 500px; }
      @media only screen and (max-width: 767px) {
        .carsatei-best5-ttl {
          margin-top: 1rem; } }
      .carsatei-best5-ttl-new {
        margin: 0 auto 1rem !important;
        border-bottom: none !important;
        padding: 0 !important; }
        .carsatei-best5-ttl-new img {
          margin: 0 !important; }
    .carsatei-best5-subttl {
      display: flex;
      justify-content: center;
      align-items: center; }
      .carsatei-best5-subttl-txt {
        position: relative;
        padding-left: 3rem; }
        .carsatei-best5-subttl-txt-1:before {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: 2.5rem;
          height: 2.5rem;
          content: '';
          background: url(../img/feature/carsatei/ico-rank1.png) no-repeat;
          background-size: contain; }
        .carsatei-best5-subttl-txt-2:before {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: 2.5rem;
          height: 2.5rem;
          content: '';
          background: url(../img/feature/carsatei/ico-rank2.png) no-repeat;
          background-size: contain; }
        .carsatei-best5-subttl-txt-3:before {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: 2.5rem;
          height: 2.5rem;
          content: '';
          background: url(../img/feature/carsatei/ico-rank3.png) no-repeat;
          background-size: contain; }
        .carsatei-best5-subttl-txt-4:before {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: 2.5rem;
          height: 2.5rem;
          content: '';
          background: url(../img/feature/carsatei/ico-rank4.png) no-repeat;
          background-size: contain; }
        .carsatei-best5-subttl-txt-5:before {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          display: inline-block;
          width: 2.5rem;
          height: 2.5rem;
          content: '';
          background: url(../img/feature/carsatei/ico-rank5.png) no-repeat;
          background-size: contain; }
    .carsatei-best5-3point {
      display: flex;
      gap: 1rem;
      flex-direction: column;
      margin: 1rem auto 2rem; }
      .carsatei-best5-3point-ttl {
        margin: 1rem auto 0; }
      .carsatei-best5-3point-wrap {
        display: flex;
        flex-direction: column; }
        .carsatei-best5-3point-wrap-ttl {
          background-color: #f3f3f3;
          padding: .5rem 1rem;
          display: flex;
          align-items: center;
          justify-content: space-between; }
          .carsatei-best5-3point-wrap-ttl-inner {
            width: 90%;
            display: flex;
            align-items: center;
            justify-content: left;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .carsatei-best5-3point-wrap-ttl-inner {
                gap: .5rem; } }
            .carsatei-best5-3point-wrap-ttl-inner-img {
              width: 3rem;
              margin: auto; }
            .carsatei-best5-3point-wrap-ttl-inner-txt {
              width: 95%;
              font-weight: bold;
              font-size: 1.2rem; }
              @media only screen and (max-width: 767px) {
                .carsatei-best5-3point-wrap-ttl-inner-txt {
                  font-size: 1rem; } }
          .carsatei-best5-3point-wrap-ttl-plus {
            position: relative;
            width: 23px;
            height: 23px;
            display: block;
            transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            cursor: pointer;
            will-change: transform; }
            .carsatei-best5-3point-wrap-ttl-plus:hover {
              transform: scale(0.92); }
            .carsatei-best5-3point-wrap-ttl-plus:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 75%;
              height: 3px;
              border-radius: 10px;
              background: #000;
              display: block; }
            .carsatei-best5-3point-wrap-ttl-plus:after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 3px;
              height: 75%;
              border-radius: 10px;
              background: #000;
              display: block;
              transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
              will-change: transform; }
        .carsatei-best5-3point-wrap-ttl.active .carsatei-best5-3point-wrap-ttl-plus:after {
          transform: translate(-50%, -50%) rotate(90deg); }
        .carsatei-best5-3point-wrap-txt {
          display: none;
          padding: 1rem;
          border: 4px solid #f3f3f3;
          border-top: none; }
    .carsatei-best5-tetteihikaku-container {
      margin: .5rem auto 0;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      gap: 0px 0px;
      grid-auto-flow: row;
      grid-template-areas: "ikkatsu kaitori dealer" "osusume osusume osusume" "ikkatsu_osusume kaitori_osusume dealer_osusume" "method method method" "ikkatsu_method kaitori_method dealer_method" "price price price" "ikkatsu_price kaitori_price dealer_price" "cost cost cost" "ikkatsu_cost kaitori_cost dealer_cost" "buy buy buy" "ikkatsu_buy kaitori_buy dealer_buy" "attention attention attention" "ikkatsu_attention kaitori_attention dealer_attention"; }
      .carsatei-best5-tetteihikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: .5rem;
        background-color: #f3f3f3; }
      .carsatei-best5-tetteihikaku-container .ttl {
        background-color: #c7c7c7;
        font-size: .9rem;
        color: #fff;
        font-weight: bold;
        padding: .2rem; }
        @media only screen and (max-width: 767px) {
          .carsatei-best5-tetteihikaku-container .ttl {
            font-size: .9rem; } }
      .carsatei-best5-tetteihikaku-container-inner {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .4rem;
        flex-direction: column; }
        .carsatei-best5-tetteihikaku-container-inner-ttl {
          font-weight: bold;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .carsatei-best5-tetteihikaku-container-inner-ttl {
              font-size: .9rem; } }
        .carsatei-best5-tetteihikaku-container-inner-eval {
          width: 20%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .carsatei-best5-tetteihikaku-container-inner-eval {
              width: 30%; } }
        .carsatei-best5-tetteihikaku-container-inner-img {
          width: 60%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .carsatei-best5-tetteihikaku-container-inner-img {
              width: 80%; } }
        .carsatei-best5-tetteihikaku-container-inner-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .carsatei-best5-tetteihikaku-container-inner-txt {
              font-size: .8rem; } }
      .carsatei-best5-tetteihikaku-container-list {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        .carsatei-best5-tetteihikaku-container-list-item {
          padding-left: 1rem;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .carsatei-best5-tetteihikaku-container-list-item {
              font-size: .8rem; } }
          .carsatei-best5-tetteihikaku-container-list-item:before {
            position: absolute;
            width: .5rem;
            height: .5rem;
            display: inline-block;
            content: '';
            background-color: #fdd100;
            border-radius: 50px;
            left: 0;
            top: 50%;
            transform: translateY(-50%); }
      .carsatei-best5-tetteihikaku-container .osusume {
        grid-area: osusume; }
      .carsatei-best5-tetteihikaku-container .method {
        grid-area: method; }
      .carsatei-best5-tetteihikaku-container .price {
        grid-area: price; }
      .carsatei-best5-tetteihikaku-container .cost {
        grid-area: cost; }
      .carsatei-best5-tetteihikaku-container .buy {
        grid-area: buy; }
      .carsatei-best5-tetteihikaku-container .attention {
        grid-area: attention; }
      .carsatei-best5-tetteihikaku-container .ikkatsu {
        grid-area: ikkatsu;
        background-color: #fef9e5;
        border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .ikkatsu_osusume {
          grid-area: ikkatsu_osusume;
          background-color: #fef9e5;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .ikkatsu_method {
          grid-area: ikkatsu_method;
          background-color: #fef9e5;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .ikkatsu_price {
          grid-area: ikkatsu_price;
          background-color: #fef9e5;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .ikkatsu_cost {
          grid-area: ikkatsu_cost;
          background-color: #fef9e5;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .ikkatsu_buy {
          grid-area: ikkatsu_buy;
          background-color: #fef9e5;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .ikkatsu_attention {
          grid-area: ikkatsu_attention;
          background-color: #fef9e5;
          border-right: 2px solid #fff; }
      .carsatei-best5-tetteihikaku-container .kaitori {
        grid-area: kaitori;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .kaitori_osusume {
          grid-area: kaitori_osusume;
          border-left: 2px solid #fff;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .kaitori_method {
          grid-area: kaitori_method;
          border-left: 2px solid #fff;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .kaitori_price {
          grid-area: kaitori_price;
          border-left: 2px solid #fff;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .kaitori_cost {
          grid-area: kaitori_cost;
          border-left: 2px solid #fff;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .kaitori_buy {
          grid-area: kaitori_buy;
          border-left: 2px solid #fff;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .kaitori_attention {
          grid-area: kaitori_attention;
          border-left: 2px solid #fff;
          border-right: 2px solid #fff; }
      .carsatei-best5-tetteihikaku-container .dealer {
        grid-area: dealer;
        border-left: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .dealer_osusume {
          grid-area: dealer_osusume;
          border-left: 2px solid #fff;
          border-right: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .dealer_method {
          grid-area: dealer_method;
          border-left: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .dealer_price {
          grid-area: dealer_price;
          border-left: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .dealer_cost {
          grid-area: dealer_cost;
          border-left: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .dealer_buy {
          grid-area: dealer_buy;
          border-left: 2px solid #fff; }
        .carsatei-best5-tetteihikaku-container .dealer_attention {
          grid-area: dealer_attention;
          border-left: 2px solid #fff; }
    .carsatei-best5-tetteihikaku-sankaku {
      max-width: 300px;
      margin: 0 auto -1rem; }
      @media only screen and (max-width: 767px) {
        .carsatei-best5-tetteihikaku-sankaku {
          max-width: 200px; } }
    .carsatei-best5-reffer {
      font-size: .7rem;
      text-align: right; }

.carsateisearch {
  margin: 2rem auto;
  padding: 2rem 3rem !important;
  background-color: #f3f3f3; }
  @media only screen and (max-width: 767px) {
    .carsateisearch {
      padding: 1rem !important; } }
  .carsateisearch-form-ttl {
    width: 80%;
    margin: 1rem auto !important; }
    @media only screen and (max-width: 767px) {
      .carsateisearch-form-ttl {
        width: 100%; } }
    .carsateisearch-form-ttl img {
      margin: 0 !important; }
  .carsateisearch-form-submit {
    margin: auto !important; }
    .carsateisearch-form-submit:before {
      background-color: #fdd100; }
    .carsateisearch-form-submit:after {
      border-color: #fdd100 transparent transparent transparent; }
    .carsateisearch-form-submit input {
      background-color: #fdd100;
      border: 1px solid #fdd100; }
      .carsateisearch-form-submit input:hover {
        background-color: #fff;
        color: #fdd100; }
  .carsateisearch .newlpsearch-form-wrap {
    margin: 0 !important; }
    .carsateisearch .newlpsearch-form-wrap-inner-ttl {
      margin: 0 0 0.2rem !important; }
  .carsateisearch .newlpsearch-form-wrap-inner-alpha-item-txt:after {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1rem;
    height: 1rem;
    color: #fdd100;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    content: "✔";
    opacity: 0;
    transition: all 0.2s; }

.newcarsateisearch {
  max-width: 750px;
  margin: 0 auto 1rem;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #c7c7c7; }
  @media only screen and (max-width: 767px) {
    .newcarsateisearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .newcarsateisearch .only-pc {
      display: none; } }
  .newcarsateisearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .newcarsateisearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .newcarsateisearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .newcarsateisearch-form {
        gap: .5rem; } }
    .newcarsateisearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .newcarsateisearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .newcarsateisearch-form-wrap-sankaku {
            width: 48%; } }
        .newcarsateisearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .newcarsateisearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .newcarsateisearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .newcarsateisearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .newcarsateisearch-form-wrap-inner:focus {
          border: 2px solid #c7c7c7; }
    .newcarsateisearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .newcarsateisearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative; }
        .newcarsateisearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .newcarsateisearch-form-submit-txt:before {
              display: none; } }
        .newcarsateisearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .newcarsateisearch-form-submit-txt:after {
              display: none; } }
      .newcarsateisearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .newcarsateisearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .newcarsateisearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .newcarsateisearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.carsateikekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .carsateikekka-sort {
      flex-direction: column; } }
  .carsateikekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .carsateikekka-sort-now {
        width: 100%; } }
    .carsateikekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .carsateikekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .carsateikekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .carsateikekka-sort-form {
        width: 100%; } }
    .carsateikekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .carsateikekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

/*車査定*/
/* detectiveLP   feature　
----------------------------------------------------------------------------------------------*/
.detective {
  color: #282829; }
  .detective .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .detective-wrapper {
    padding: 0 .5rem; }
  .detective a {
    transition: 0.3s; }
    .detective a:hover {
      opacity: .7; }
  .detective-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .detective-ttl {
        margin: 1rem auto 0; } }
  .detective-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .detective-cv a:hover {
      opacity: 1 !important; }
    .detective-cv-inner {
      display: flex;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .detective-cv-inner {
          flex-direction: row-reverse; } }
    .detective-cv-copy {
      display: flex;
      justify-content: center;
      margin-bottom: .5rem; }
      .detective-cv-copy-inner {
        position: relative;
        display: inline-block; }
        .detective-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: -2rem;
          content: '';
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          background: url(../img/feature/detective/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .detective-cv-copy-inner:before {
              transform: none;
              bottom: 0;
              top: inherit;
              left: -1.2rem;
              width: 1rem; } }
        .detective-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: -2rem;
          content: '';
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          background: url(../img/feature/detective/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .detective-cv-copy-inner:after {
              transform: none;
              bottom: 0;
              top: inherit;
              right: -1rem;
              width: 1rem; } }
    .detective-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 1.2;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #c82626;
      box-shadow: 0 8px 0 #6a1414;
      animation-name: detective-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .detective-cv-btn:hover {
        opacity: 1 !important; }
@keyframes detective-cvmove {
  0% {
    box-shadow: 0 8px 0 #6a1414;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6a1414;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6a1414;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6a1414;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6a1414;
    transform: translatey(0); } }
      .detective-cv-btn-black {
        background-color: #282829;
        box-shadow: 0 8px 0 #000;
        animation-name: detective-blackmove; }
@keyframes detective-blackmove {
  0% {
    box-shadow: 0 8px 0 #000;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #000;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #000;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #000;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #000;
    transform: translatey(0); } }
  .detective-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .detective-type {
        margin: .5rem auto; } }
    .detective-type-ttl {
      max-width: 500px;
      margin: auto; }
    .detective-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .detective-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: .5rem; } }
      .detective-type-list-inner {
        width: 25%; }
        @media only screen and (max-width: 767px) {
          .detective-type-list-inner {
            width: 100%; } }
        .detective-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          background-color: #173780;
          border-radius: 20px 20px 0 0; }
          .detective-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .detective-type-list-inner-ttl-y {
            background-color: #ccba10; }
          .detective-type-list-inner-ttl-g {
            background-color: #282829; }
          .detective-type-list-inner-ttl-r {
            border: 0.1rem solid #c82626;
            background-color: #c82626; }
        .detective-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #282829;
          border: 0.1rem solid #173780;
          border-top: none;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          height: 13rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .detective-type-list-inner-content {
              padding: 1rem;
              height: auto; } }
          .detective-type-list-inner-content-y {
            border: 0.1rem solid #ccba10;
            border-top: none; }
          .detective-type-list-inner-content-g {
            border: 0.1rem solid #282829;
            border-top: none; }
          .detective-type-list-inner-content-r {
            border: 0.1rem solid #c82626;
            border-top: none; }
          .detective-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .detective-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .detective-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .detective-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .detective-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .detective-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .detective-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .detective-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .detective-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .detective-type-list-inner-copy {
          width: 75%; }
        .detective-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .detective-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .detective-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .detective-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .detective-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .detective-type-list-inner-cv-txt {
            color: #fff; }
          .detective-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .detective-intro-content {
    margin: 1rem auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 1rem;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      .detective-intro-content {
        flex-direction: column-reverse; } }
    .detective-intro-content-wrap {
      width: 59%; }
      @media only screen and (max-width: 767px) {
        .detective-intro-content-wrap {
          width: 100%; } }
      .detective-intro-content-wrap-ul {
        margin: 1rem auto; }
        @media only screen and (max-width: 767px) {
          .detective-intro-content-wrap-ul {
            margin: 0 auto 1rem;
            width: 80%; } }
        .detective-intro-content-wrap-ul-li {
          position: relative;
          padding-left: 1rem; }
          .detective-intro-content-wrap-ul-li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #173780;
            opacity: .5;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .detective-intro-content-wrap-txt {
        font-size: 1rem; }
    .detective-intro-content-img {
      width: 40%;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .detective-intro-content-img {
          width: 100%; } }
      .detective-intro-content-img:before {
        position: absolute;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background: url(../img/feature/detective/sq.png) no-repeat;
        background-size: contain;
        left: 2rem;
        bottom: -1rem;
        content: ''; }
        @media only screen and (max-width: 767px) {
          .detective-intro-content-img:before {
            left: auto;
            right: 2rem; } }
  .detective-intro-txt {
    margin: 2rem auto;
    text-align: center;
    color: #282829 !important;
    line-height: 1.5;
    font-size: 1.5rem; }
    @media only screen and (max-width: 767px) {
      .detective-intro-txt {
        font-size: 1.3rem; } }
    .detective-intro-txt-last {
      font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
      font-size: 2rem;
      margin: 3rem auto;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .detective-intro-txt-last {
          font-size: 1.8rem; } }
      .detective-intro-txt-last:before {
        position: absolute;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background: url(../img/feature/detective/sq_mini_r.png) no-repeat;
        background-size: contain;
        right: 4.5rem;
        top: -2rem;
        content: ''; }
        @media only screen and (max-width: 767px) {
          .detective-intro-txt-last:before {
            right: 0; } }
      .detective-intro-txt-last:after {
        position: absolute;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        background: url(../img/feature/detective/sq_mini_l.png) no-repeat;
        background-size: contain;
        left: 4rem;
        bottom: -2rem;
        content: ''; }
        @media only screen and (max-width: 767px) {
          .detective-intro-txt-last:after {
            left: 2rem; } }
  .detective-merit {
    max-width: 1020px;
    margin: 0 auto 2rem; }
    .detective-merit-ttl {
      padding: 0 .5rem; }
    .detective-merit-list-detail {
      background-color: #173780;
      padding: 1.5rem;
      height: 25rem; }
      @media only screen and (max-width: 767px) {
        .detective-merit-list-detail {
          height: auto; } }
      .detective-merit-list-detail-ttl {
        font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
        color: #fff;
        text-align: center;
        font-size: 1.3rem;
        text-align: center;
        line-height: 1.2; }
        .detective-merit-list-detail-ttl-big {
          font-size: 1.8rem;
          font-weight: bold; }
      .detective-merit-list-detail-img {
        width: 60%;
        margin: 1rem auto; }
        .detective-merit-list-detail-img-heart {
          width: 30%;
          margin: 1rem auto; }
        .detective-merit-list-detail-img img {
          margin: auto; }
      .detective-merit-list-detail-txt {
        color: #fff !important; }
    .detective-merit-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 0px;
      grid-auto-flow: row;
      grid-template-areas: "white det self" "success det-success self-success" "evi det-evi self-evi"; }
      .detective-merit-container .white {
        grid-area: white; }
      .detective-merit-container .success {
        grid-area: success; }
      .detective-merit-container .evi {
        grid-area: evi; }
      .detective-merit-container .det {
        grid-area: det; }
        .detective-merit-container .det-success {
          grid-area: det-success; }
        .detective-merit-container .det-evi {
          grid-area: det-evi; }
      .detective-merit-container .self {
        grid-area: self; }
        .detective-merit-container .self-success {
          grid-area: self-success; }
        .detective-merit-container .self-evi {
          grid-area: self-evi; }
  .detective-cost-content-txt {
    margin: 1rem auto; }
  .detective-cost-content-ttl {
    padding-left: 1rem;
    position: relative; }
    .detective-cost-content-ttl:before {
      position: absolute;
      display: inline-block;
      width: .5rem;
      height: .5rem;
      background-color: #173780;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      content: ''; }
  .detective-cost-content-plan {
    margin: .5rem auto;
    display: grid;
    grid-template-columns: .5fr 1fr 1fr 1fr;
    grid-template-rows: .5fr 1fr 1fr 1fr;
    gap: 2px;
    grid-auto-flow: row;
    grid-template-areas: "type merit demerit soba" "time time-merit time-demerit time-soba" "pack pack-merit pack-demerit pack-soba" "success success-merit success-demerit success-soba"; }
    @media only screen and (max-width: 767px) {
      .detective-cost-content-plan {
        grid-template-rows: .5fr .5fr 1fr .6fr; } }
    .detective-cost-content-plan .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.5rem; }
    .detective-cost-content-plan .type {
      grid-area: type;
      background-color: #173780;
      color: #fff; }
    .detective-cost-content-plan .merit {
      grid-area: merit;
      background-color: #8b9bbf;
      color: #fff; }
    .detective-cost-content-plan .demerit {
      grid-area: demerit;
      background-color: #8b9bbf;
      color: #fff; }
    .detective-cost-content-plan .soba {
      grid-area: soba;
      background-color: #8b9bbf;
      color: #fff; }
    .detective-cost-content-plan .time {
      grid-area: time;
      background-color: #173780;
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .detective-cost-content-plan .time {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl; } }
      .detective-cost-content-plan .time-merit {
        grid-area: time-merit;
        background-color: #f3f7ff; }
      .detective-cost-content-plan .time-demerit {
        grid-area: time-demerit;
        background-color: #f3f7ff; }
      .detective-cost-content-plan .time-soba {
        grid-area: time-soba;
        background-color: #f3f7ff; }
    .detective-cost-content-plan .pack {
      grid-area: pack;
      background-color: #173780;
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .detective-cost-content-plan .pack {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl; } }
      .detective-cost-content-plan .pack-merit {
        grid-area: pack-merit;
        background-color: #f3f7ff; }
      .detective-cost-content-plan .pack-demerit {
        grid-area: pack-demerit;
        background-color: #f3f7ff; }
      .detective-cost-content-plan .pack-soba {
        grid-area: pack-soba;
        background-color: #f3f7ff; }
    .detective-cost-content-plan .success {
      grid-area: success;
      background-color: #173780;
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .detective-cost-content-plan .success {
          -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl; } }
      .detective-cost-content-plan .success-merit {
        grid-area: success-merit;
        background-color: #f3f7ff; }
      .detective-cost-content-plan .success-demerit {
        grid-area: success-demerit;
        background-color: #f3f7ff; }
      .detective-cost-content-plan .success-soba {
        grid-area: success-soba;
        background-color: #f3f7ff; }
  .detective-qa {
    margin: 2rem auto !important; }
    .detective-qa-content {
      margin: 0 !important; }
      .detective-qa-content-click {
        font-size: .9rem;
        text-align: center;
        margin-top: -1.5rem; }
        @media only screen and (max-width: 767px) {
          .detective-qa-content-click {
            margin-top: 0; } }
        .detective-qa-content-click-wrap {
          position: relative; }
          .detective-qa-content-click-wrap:before {
            position: absolute;
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 8.7px;
            border-color: transparent transparent transparent #173780;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
          .detective-qa-content-click-wrap:after {
            position: absolute;
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px 8.7px 5px 0;
            border-color: transparent #173780 transparent transparent;
            right: -.8rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .detective-qa-content-kaiwa {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        margin: 1rem auto; }
        @media only screen and (max-width: 767px) {
          .detective-qa-content-kaiwa {
            gap: 1rem;
            margin: 1rem auto; } }
        .detective-qa-content-kaiwa-wrap {
          display: flex;
          align-items: center;
          gap: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .detective-qa-content-kaiwa-wrap {
              gap: .6rem; } }
          .detective-qa-content-kaiwa-wrap-r {
            flex-direction: row-reverse; }
          .detective-qa-content-kaiwa-wrap-img {
            width: 19%; }
          .detective-qa-content-kaiwa-wrap-fukidashi {
            width: 80%;
            display: flex;
            align-items: center;
            padding: 1rem;
            border: 1px solid #b7b7b7; }
            @media only screen and (max-width: 767px) {
              .detective-qa-content-kaiwa-wrap-fukidashi {
                padding: .5rem; } }
            @media only screen and (max-width: 767px) {
              .detective-qa-content-kaiwa-wrap-fukidashi-inner {
                font-size: .9rem; } }
      .detective-qa-content-answer {
        display: none; }
  .detective-hikaku {
    max-width: 1020px;
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .detective-hikaku {
        margin: 1rem auto;
        padding: 0 .5rem; } }
    .detective-hikaku-ttl {
      max-width: 400px; }
      @media only screen and (max-width: 767px) {
        .detective-hikaku-ttl {
          max-width: 225px;
          margin: 1rem auto 0; } }
    .detective-hikaku-point {
      max-width: 500px;
      margin: 1rem auto;
      background-color: #f3f7ff;
      display: flex;
      gap: .5rem;
      align-items: center;
      justify-content: center; }
      .detective-hikaku-point-ttl {
        font-weight: bold; }
        .detective-hikaku-point-ttl-big {
          display: block;
          font-size: 1.5rem; }
      .detective-hikaku-point-list-item {
        position: relative; }
        .detective-hikaku-point-list-item-num {
          position: absolute;
          left: -1.6rem;
          top: 50%;
          transform: translateY(-50%);
          color: #fff;
          width: 1.4rem;
          height: 1.4rem;
          background-color: #173780;
          border-radius: 50%;
          text-align: center;
          box-sizing: border-box; }
    .detective-hikaku-top3 {
      max-width: 750px;
      margin: 1rem auto 0;
      font-size: .9rem;
      display: grid;
      grid-template-columns: 1.2fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 2px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "price price price" "anken1-price anken2-price anken3-price" "success success success" "anken1-success anken2-success anken3-success" "back back back" "anken1-back anken2-back anken3-back" "report report report" "anken1-report anken2-report anken3-report" "alignment alignment alignment" "anken1-alignment anken2-alignment anken3-alignment" "area area area" "anken1-area anken2-area anken3-area" "timeway timeway timeway" "anken1-timeway anken2-timeway anken3-timeway" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "access access access" "anken1-access anken2-access anken3-access" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      @media only screen and (max-width: 767px) {
        .detective-hikaku-top3 {
          grid-template-columns: 1fr 1fr 1fr;
          margin-top: 1rem; } }
      .detective-hikaku-top3 .ico-rank {
        width: 30%;
        margin: 0 auto 0.5rem !important; }
        @media only screen and (max-width: 767px) {
          .detective-hikaku-top3 .ico-rank {
            margin: 0 auto 0.2rem !important; } }
      .detective-hikaku-top3 .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: .5rem;
        background-color: #f3f7ff; }
      .detective-hikaku-top3 .ttl {
        background-color: #173780;
        color: #fff;
        font-size: .8rem;
        font-weight: bold; }
      .detective-hikaku-top3 .eval-wrap {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: .2rem; }
        .detective-hikaku-top3 .eval-wrap-icon {
          width: 20%;
          margin: auto; }
        .detective-hikaku-top3 .eval-wrap-txt {
          text-align: center;
          font-size: .8rem; }
      .detective-hikaku-top3 ul li {
        position: relative;
        padding-left: 1rem;
        font-size: .9rem; }
        .detective-hikaku-top3 ul li:before {
          position: absolute;
          display: inline-block;
          width: .5rem;
          height: .5rem;
          background-color: #8b9bbf;
          border-radius: 50%;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          content: ''; }
      .detective-hikaku-top3-cv {
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .detective-hikaku-top3-cv-btn {
            width: 100%;
            font-size: 1rem; } }
      .detective-hikaku-top3-link {
        width: 100%; }
        .detective-hikaku-top3-link-btn {
          background-color: #ccba10;
          animation-name: detective-tellmove;
          animation-delay: 0s;
          /* アニメーションの開始時間指定 */
          animation-duration: 3s;
          /* アニメーション動作時間の指定 */
          animation-timing-function: linear;
          /* アニメーションの動き（一定）*/
          animation-iteration-count: infinite;
          /* アニメーションを繰り返す */ }
@keyframes detective-tellmove {
  0% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #7f7407;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); } }
          @media only screen and (max-width: 767px) {
            .detective-hikaku-top3-link-btn {
              width: 100%;
              font-size: .9rem; } }
      .detective-hikaku-top3 .price {
        grid-area: price; }
      .detective-hikaku-top3 .success {
        grid-area: success; }
      .detective-hikaku-top3 .back {
        grid-area: back; }
      .detective-hikaku-top3 .report {
        grid-area: report; }
      .detective-hikaku-top3 .alignment {
        grid-area: alignment; }
      .detective-hikaku-top3 .area {
        grid-area: area; }
      .detective-hikaku-top3 .timeway {
        grid-area: timeway; }
      .detective-hikaku-top3 .cam {
        grid-area: cam; }
      .detective-hikaku-top3 .access {
        grid-area: access; }
      .detective-hikaku-top3 .cv {
        grid-area: cv; }
      .detective-hikaku-top3 .link {
        grid-area: link; }
      .detective-hikaku-top3 .anken1 {
        grid-area: anken1;
        background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-price {
          grid-area: anken1-price;
          background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-success {
          grid-area: anken1-success;
          background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-back {
          grid-area: anken1-back;
          background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-report {
          grid-area: anken1-report;
          background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-alignment {
          grid-area: anken1-alignment;
          background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-area {
          grid-area: anken1-area;
          background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-timeway {
          grid-area: anken1-timeway;
          background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-cam {
          grid-area: anken1-cam;
          background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-access {
          grid-area: anken1-access;
          background-color: #fefad3; }
        .detective-hikaku-top3 .anken1-cv {
          grid-area: anken1-cv;
          gap: .5rem;
          background-color: #fefad3;
          padding-top: 1rem; }
          @media only screen and (max-width: 767px) {
            .detective-hikaku-top3 .anken1-cv {
              padding: 1rem .2rem .5rem .2rem; } }
        .detective-hikaku-top3 .anken1-link {
          grid-area: anken1-link;
          background-color: #fefad3; }
      .detective-hikaku-top3 .anken2 {
        grid-area: anken2; }
        .detective-hikaku-top3 .anken2-success {
          grid-area: anken2-success; }
        .detective-hikaku-top3 .anken2-price {
          grid-area: anken2-price; }
        .detective-hikaku-top3 .anken2-free {
          grid-area: anken2-free; }
        .detective-hikaku-top3 .anken2-back {
          grid-area: anken2-back; }
        .detective-hikaku-top3 .anken2-report {
          grid-area: anken2-report; }
        .detective-hikaku-top3 .anken2-alignment {
          grid-area: anken2-alignment; }
        .detective-hikaku-top3 .anken2-area {
          grid-area: anken2-area; }
        .detective-hikaku-top3 .anken2-timeway {
          grid-area: anken2-timeway;
          font-size: .8rem; }
        .detective-hikaku-top3 .anken2-cam {
          grid-area: anken2-cam; }
        .detective-hikaku-top3 .anken2-access {
          grid-area: anken2-access; }
        .detective-hikaku-top3 .anken2-cv {
          grid-area: anken2-cv;
          gap: .5rem; }
        .detective-hikaku-top3 .anken2-link {
          grid-area: anken2-link; }
      .detective-hikaku-top3 .anken3 {
        grid-area: anken3; }
        .detective-hikaku-top3 .anken3-success {
          grid-area: anken3-success; }
        .detective-hikaku-top3 .anken3-price {
          grid-area: anken3-price; }
        .detective-hikaku-top3 .anken3-free {
          grid-area: anken3-free; }
        .detective-hikaku-top3 .anken3-back {
          grid-area: anken3-back; }
        .detective-hikaku-top3 .anken3-report {
          grid-area: anken3-report; }
        .detective-hikaku-top3 .anken3-alignment {
          grid-area: anken3-alignment; }
        .detective-hikaku-top3 .anken3-area {
          grid-area: anken3-area; }
        .detective-hikaku-top3 .anken3-timeway {
          grid-area: anken3-timeway;
          font-size: .8rem; }
        .detective-hikaku-top3 .anken3-cam {
          grid-area: anken3-cam; }
        .detective-hikaku-top3 .anken3-access {
          grid-area: anken3-access; }
        .detective-hikaku-top3 .anken3-cv {
          grid-area: anken3-cv;
          gap: .5rem; }
        .detective-hikaku-top3 .anken3-link {
          grid-area: anken3-link; }
    .detective-hikaku-wrap {
      margin-top: 1rem;
      font-size: .9rem;
      display: grid;
      grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 2px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3 anken4 anken5" "price price price price price" "anken1-price anken2-price anken3-price anken4-price anken5-price" "free free free free free" "anken1-free anken2-free anken3-free anken4-free anken5-free" "back back back back back" "anken1-back anken2-back anken3-back anken4-back anken5-back" "cheating cheating cheating cheating cheating" "anken1-cheating anken2-cheating anken3-cheating anken4-cheating anken5-cheating" "seek seek seek seek seek" "anken1-seek anken2-seek anken3-seek anken4-seek anken5-seek" "premarital premarital premarital premarital premarital" "anken1-premarital anken2-premarital anken3-premarital anken4-premarital anken5-premarital" "report report report report report" "anken1-report anken2-report anken3-report anken4-report anken5-report" "alignment alignment alignment alignment alignment" "anken1-alignment anken2-alignment anken3-alignment anken4-alignment anken5-alignment" "achieve achieve achieve achieve achieve" "anken1-achieve anken2-achieve anken3-achieve anken4-achieve anken5-achieve" "area area area area area" "anken1-area anken2-area anken3-area anken4-area anken5-area" "time time time time time" "anken1-time anken2-time anken3-time anken4-time anken5-time" "feature feature feature feature feature" "anken1-feature anken2-feature anken3-feature anken4-feature anken5-feature" "access access access access access" "anken1-access anken2-access anken3-access anken4-access anken5-access" "name-sec name-sec name-sec name-sec name-sec" "anken1-name-sec anken2-name-sec anken3-name-sec anken4-name-sec anken5-name-sec" "cv cv cv cv cv" "anken1-cv anken2-cv anken3-cv anken4-cv anken5-cv" "tell tell tell tell tell" "anken1-tell anken2-tell anken3-tell anken4-tell anken5-tell"; }
      @media only screen and (max-width: 767px) {
        .detective-hikaku-wrap {
          grid-template-columns: repeat(5, 7rem);
          margin-top: 1rem; } }
      .detective-hikaku-wrap .ico-rank {
        width: 30%;
        margin: 0 auto 0.5rem !important; }
        @media only screen and (max-width: 767px) {
          .detective-hikaku-wrap .ico-rank {
            margin: 0 auto 0.2rem !important; } }
      .detective-hikaku-wrap .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: .5rem;
        background-color: #f3f7ff; }
      .detective-hikaku-wrap .ttl {
        background-color: #173780;
        color: #fff;
        font-size: .8rem;
        font-weight: bold; }
      .detective-hikaku-wrap .eval-wrap {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: .2rem; }
        .detective-hikaku-wrap .eval-wrap-icon {
          width: 20%;
          margin: auto; }
        .detective-hikaku-wrap .eval-wrap-txt {
          text-align: center;
          font-size: .8rem; }
      .detective-hikaku-wrap ul li {
        position: relative;
        padding-left: 1rem;
        font-size: .9rem; }
        .detective-hikaku-wrap ul li:before {
          position: absolute;
          display: inline-block;
          width: .5rem;
          height: .5rem;
          background-color: #8b9bbf;
          border-radius: 50%;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          content: ''; }
      .detective-hikaku-wrap-cv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .8rem;
        padding-bottom: .5rem; }
        .detective-hikaku-wrap-cv-txt {
          font-size: .8rem;
          margin-bottom: -.5rem;
          font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .detective-hikaku-wrap-cv-btn {
            width: 100%;
            font-size: 1rem; } }
      .detective-hikaku-wrap-tell {
        width: 100%; }
        .detective-hikaku-wrap-tell-btn {
          background-color: #ccba10;
          animation-name: detective-tellmove;
          animation-delay: 0s;
          /* アニメーションの開始時間指定 */
          animation-duration: 3s;
          /* アニメーション動作時間の指定 */
          animation-timing-function: linear;
          /* アニメーションの動き（一定）*/
          animation-iteration-count: infinite;
          /* アニメーションを繰り返す */ }
@keyframes detective-tellmove {
  0% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #7f7407;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); } }
          @media only screen and (max-width: 767px) {
            .detective-hikaku-wrap-tell-btn {
              width: 100%;
              font-size: .9rem; } }
      .detective-hikaku-wrap .name {
        grid-area: name; }
      .detective-hikaku-wrap .price {
        grid-area: price; }
      .detective-hikaku-wrap .free {
        grid-area: free; }
      .detective-hikaku-wrap .back {
        grid-area: back; }
      .detective-hikaku-wrap .cheating {
        grid-area: cheating; }
      .detective-hikaku-wrap .seek {
        grid-area: seek; }
      .detective-hikaku-wrap .premarital {
        grid-area: premarital; }
      .detective-hikaku-wrap .report {
        grid-area: report; }
      .detective-hikaku-wrap .alignment {
        grid-area: alignment; }
      .detective-hikaku-wrap .achieve {
        grid-area: achieve; }
      .detective-hikaku-wrap .area {
        grid-area: area; }
      .detective-hikaku-wrap .time {
        grid-area: time; }
      .detective-hikaku-wrap .feature {
        grid-area: feature; }
      .detective-hikaku-wrap .access {
        grid-area: access; }
      .detective-hikaku-wrap .name-sec {
        grid-area: name-sec; }
      .detective-hikaku-wrap .cv {
        grid-area: cv; }
      .detective-hikaku-wrap .tell {
        grid-area: tell; }
      .detective-hikaku-wrap .anken1 {
        grid-area: anken1;
        background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-name {
          grid-area: anken1-name;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-price {
          grid-area: anken1-price;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-free {
          grid-area: anken1-free;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-back {
          grid-area: anken1-back;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-cheating {
          grid-area: anken1-cheating;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-seek {
          grid-area: anken1-seek;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-premarital {
          grid-area: anken1-premarital;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-report {
          grid-area: anken1-report;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-alignment {
          grid-area: anken1-alignment;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-achieve {
          grid-area: anken1-achieve;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-area {
          grid-area: anken1-area;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-time {
          grid-area: anken1-time;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-access {
          grid-area: anken1-access;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-name-sec {
          grid-area: anken1-name-sec;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-cv {
          grid-area: anken1-cv;
          background-color: #fefad3; }
        .detective-hikaku-wrap .anken1-tell {
          grid-area: anken1-tell;
          pointer-events: none;
          background-color: #fefad3; }
          @media only screen and (max-width: 767px) {
            .detective-hikaku-wrap .anken1-tell {
              pointer-events: inherit; } }
      .detective-hikaku-wrap .anken2 {
        grid-area: anken2; }
        .detective-hikaku-wrap .anken2-name {
          grid-area: anken2-name; }
        .detective-hikaku-wrap .anken2-price {
          grid-area: anken2-price; }
        .detective-hikaku-wrap .anken2-free {
          grid-area: anken2-free; }
        .detective-hikaku-wrap .anken2-back {
          grid-area: anken2-back; }
        .detective-hikaku-wrap .anken2-cheating {
          grid-area: anken2-cheating; }
        .detective-hikaku-wrap .anken2-seek {
          grid-area: anken2-seek; }
        .detective-hikaku-wrap .anken2-premarital {
          grid-area: anken2-premarital; }
        .detective-hikaku-wrap .anken2-report {
          grid-area: anken2-report; }
        .detective-hikaku-wrap .anken2-alignment {
          grid-area: anken2-alignment; }
        .detective-hikaku-wrap .anken2-achieve {
          grid-area: anken2-achieve; }
        .detective-hikaku-wrap .anken2-area {
          grid-area: anken2-area; }
        .detective-hikaku-wrap .anken2-time {
          grid-area: anken2-time;
          font-size: .8rem; }
        .detective-hikaku-wrap .anken2-feature {
          grid-area: anken2-feature; }
        .detective-hikaku-wrap .anken2-access {
          grid-area: anken2-access; }
        .detective-hikaku-wrap .anken2-name-sec {
          grid-area: anken2-name-sec; }
        .detective-hikaku-wrap .anken2-cv {
          grid-area: anken2-cv; }
        .detective-hikaku-wrap .anken2-tell {
          grid-area: anken2-tell;
          pointer-events: none; }
          @media only screen and (max-width: 767px) {
            .detective-hikaku-wrap .anken2-tell {
              pointer-events: inherit; } }
      .detective-hikaku-wrap .anken3 {
        grid-area: anken3; }
        .detective-hikaku-wrap .anken3-name {
          grid-area: anken3-name; }
        .detective-hikaku-wrap .anken3-price {
          grid-area: anken3-price; }
        .detective-hikaku-wrap .anken3-free {
          grid-area: anken3-free; }
        .detective-hikaku-wrap .anken3-back {
          grid-area: anken3-back; }
        .detective-hikaku-wrap .anken3-cheating {
          grid-area: anken3-cheating; }
        .detective-hikaku-wrap .anken3-seek {
          grid-area: anken3-seek; }
        .detective-hikaku-wrap .anken3-premarital {
          grid-area: anken3-premarital; }
        .detective-hikaku-wrap .anken3-report {
          grid-area: anken3-report; }
        .detective-hikaku-wrap .anken3-alignment {
          grid-area: anken3-alignment; }
        .detective-hikaku-wrap .anken3-achieve {
          grid-area: anken3-achieve; }
        .detective-hikaku-wrap .anken3-area {
          grid-area: anken3-area; }
        .detective-hikaku-wrap .anken3-time {
          grid-area: anken3-time;
          font-size: .8rem; }
        .detective-hikaku-wrap .anken3-feature {
          grid-area: anken3-feature; }
        .detective-hikaku-wrap .anken3-access {
          grid-area: anken3-access; }
        .detective-hikaku-wrap .anken3-name-sec {
          grid-area: anken3-name-sec; }
        .detective-hikaku-wrap .anken3-cv {
          grid-area: anken3-cv; }
        .detective-hikaku-wrap .anken3-tell {
          grid-area: anken3-tell;
          pointer-events: none; }
          @media only screen and (max-width: 767px) {
            .detective-hikaku-wrap .anken3-tell {
              pointer-events: inherit; } }
      .detective-hikaku-wrap .anken4 {
        grid-area: anken4; }
        .detective-hikaku-wrap .anken4-name {
          grid-area: anken4-name; }
        .detective-hikaku-wrap .anken4-price {
          grid-area: anken4-price; }
        .detective-hikaku-wrap .anken4-free {
          grid-area: anken4-free; }
        .detective-hikaku-wrap .anken4-back {
          grid-area: anken4-back; }
        .detective-hikaku-wrap .anken4-cheating {
          grid-area: anken4-cheating; }
        .detective-hikaku-wrap .anken4-seek {
          grid-area: anken4-seek; }
        .detective-hikaku-wrap .anken4-premarital {
          grid-area: anken4-premarital; }
        .detective-hikaku-wrap .anken4-report {
          grid-area: anken4-report; }
        .detective-hikaku-wrap .anken4-alignment {
          grid-area: anken4-alignment; }
        .detective-hikaku-wrap .anken4-achieve {
          grid-area: anken4-achieve; }
        .detective-hikaku-wrap .anken4-area {
          grid-area: anken4-area; }
        .detective-hikaku-wrap .anken4-time {
          grid-area: anken4-time; }
        .detective-hikaku-wrap .anken4-feature {
          grid-area: anken4-feature; }
        .detective-hikaku-wrap .anken4-access {
          grid-area: anken4-access; }
        .detective-hikaku-wrap .anken4-name-sec {
          grid-area: anken4-name-sec; }
        .detective-hikaku-wrap .anken4-cv {
          grid-area: anken4-cv; }
        .detective-hikaku-wrap .anken4-tell {
          grid-area: anken4-tell;
          pointer-events: none; }
          @media only screen and (max-width: 767px) {
            .detective-hikaku-wrap .anken4-tell {
              pointer-events: inherit; } }
      .detective-hikaku-wrap .anken5 {
        grid-area: anken5; }
        .detective-hikaku-wrap .anken5-name {
          grid-area: anken5-name; }
        .detective-hikaku-wrap .anken5-price {
          grid-area: anken5-price; }
        .detective-hikaku-wrap .anken5-free {
          grid-area: anken5-free; }
        .detective-hikaku-wrap .anken5-back {
          grid-area: anken5-back; }
        .detective-hikaku-wrap .anken5-cheating {
          grid-area: anken5-cheating; }
        .detective-hikaku-wrap .anken5-seek {
          grid-area: anken5-seek; }
        .detective-hikaku-wrap .anken5-premarital {
          grid-area: anken5-premarital; }
        .detective-hikaku-wrap .anken5-report {
          grid-area: anken5-report; }
        .detective-hikaku-wrap .anken5-alignment {
          grid-area: anken5-alignment; }
        .detective-hikaku-wrap .anken5-achieve {
          grid-area: anken5-achieve; }
        .detective-hikaku-wrap .anken5-area {
          grid-area: anken5-area; }
        .detective-hikaku-wrap .anken5-time {
          grid-area: anken5-time; }
        .detective-hikaku-wrap .anken5-feature {
          grid-area: anken5-feature; }
        .detective-hikaku-wrap .anken5-access {
          grid-area: anken5-access; }
        .detective-hikaku-wrap .anken5-name-sec {
          grid-area: anken5-name-sec; }
        .detective-hikaku-wrap .anken5-cv {
          grid-area: anken5-cv; }
        .detective-hikaku-wrap .anken5-tell {
          grid-area: anken5-tell;
          pointer-events: none; }
          @media only screen and (max-width: 767px) {
            .detective-hikaku-wrap .anken5-tell {
              pointer-events: inherit; } }
    .detective-hikaku-container {
      display: grid;
      grid-template-columns: .5fr 1.5fr 1fr 1fr 1fr 1fr;
      grid-template-rows: .2fr .5fr .2fr 1fr .2fr 1.5fr .5fr .5fr;
      gap: 2px;
      grid-auto-flow: row;
      grid-template-areas: "white anken1 anken2 anken3 anken4 anken5" "name anken1-name anken2-name anken3-name anken4-name anken5-name" "achieve anken1-achieve anken2-achieve anken3-achieve anken4-achieve anken5-achieve" "osusume anken1-osusume anken2-osusume anken3-osusume anken4-osusume anken5-osusume" "cost anken1-cost anken2-cost anken3-cost anken4-cost anken5-cost" "feature anken1-feature anken2-feature anken3-feature anken4-feature anken5-feature" "plan anken1-plan anken2-plan anken3-plan anken4-plan anken5-plan" "cv anken1-cv anken2-cv anken3-cv anken4-cv anken5-cv"; }
      @media only screen and (max-width: 767px) {
        .detective-hikaku-container {
          grid-template-columns: 3rem 14rem 14rem 12rem 12rem 12rem; } }
      .detective-hikaku-container .ico-rank {
        width: 30%;
        margin: 0 auto 0.2rem !important; }
      .detective-hikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: .5rem;
        background-color: #f3f7ff; }
      .detective-hikaku-container .ttl {
        background-color: #173780;
        color: #fff;
        font-size: .8rem;
        font-weight: bold; }
      .detective-hikaku-container ul li {
        position: relative;
        padding-left: 1rem;
        font-size: .9rem; }
        .detective-hikaku-container ul li:before {
          position: absolute;
          display: inline-block;
          width: .5rem;
          height: .5rem;
          background-color: #8b9bbf;
          border-radius: 50%;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          content: ''; }
      .detective-hikaku-container-cv {
        width: 100%; }
      .detective-hikaku-container .white {
        grid-area: white;
        background-color: #173780; }
      .detective-hikaku-container .name {
        grid-area: name; }
      .detective-hikaku-container .achieve {
        grid-area: achieve; }
      .detective-hikaku-container .osusume {
        grid-area: osusume; }
        @media only screen and (max-width: 767px) {
          .detective-hikaku-container .osusume {
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-lr; } }
      .detective-hikaku-container .cost {
        grid-area: cost; }
      .detective-hikaku-container .feature {
        grid-area: feature; }
      .detective-hikaku-container .plan {
        grid-area: plan; }
      .detective-hikaku-container .cv {
        grid-area: cv; }
      .detective-hikaku-container .anken1 {
        grid-area: anken1;
        background-color: #fefad3; }
        .detective-hikaku-container .anken1-name {
          grid-area: anken1-name;
          background-color: #fefad3; }
        .detective-hikaku-container .anken1-achieve {
          grid-area: anken1-achieve;
          font-weight: bold;
          background-color: #fefad3; }
        .detective-hikaku-container .anken1-osusume {
          grid-area: anken1-osusume;
          background-color: #fefad3; }
        .detective-hikaku-container .anken1-cost {
          grid-area: anken1-cost;
          background-color: #fefad3; }
        .detective-hikaku-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fefad3; }
        .detective-hikaku-container .anken1-plan {
          grid-area: anken1-plan;
          background-color: #fefad3; }
        .detective-hikaku-container .anken1-cv {
          grid-area: anken1-cv;
          background-color: #fefad3; }
      .detective-hikaku-container .anken2 {
        grid-area: anken2; }
        .detective-hikaku-container .anken2-name {
          grid-area: anken2-name; }
        .detective-hikaku-container .anken2-achieve {
          grid-area: anken2-achieve;
          font-weight: bold; }
        .detective-hikaku-container .anken2-osusume {
          grid-area: anken2-osusume; }
        .detective-hikaku-container .anken2-cost {
          grid-area: anken2-cost; }
        .detective-hikaku-container .anken2-feature {
          grid-area: anken2-feature; }
        .detective-hikaku-container .anken2-plan {
          grid-area: anken2-plan; }
        .detective-hikaku-container .anken2-cv {
          grid-area: anken2-cv; }
      .detective-hikaku-container .anken3 {
        grid-area: anken3; }
        .detective-hikaku-container .anken3-name {
          grid-area: anken3-name; }
        .detective-hikaku-container .anken3-achieve {
          grid-area: anken3-achieve;
          font-weight: bold; }
        .detective-hikaku-container .anken3-osusume {
          grid-area: anken3-osusume; }
        .detective-hikaku-container .anken3-cost {
          grid-area: anken3-cost; }
        .detective-hikaku-container .anken3-feature {
          grid-area: anken3-feature; }
        .detective-hikaku-container .anken3-plan {
          grid-area: anken3-plan; }
        .detective-hikaku-container .anken3-cv {
          grid-area: anken3-cv; }
      .detective-hikaku-container .anken4 {
        grid-area: anken4; }
        .detective-hikaku-container .anken4-name {
          grid-area: anken4-name; }
        .detective-hikaku-container .anken4-achieve {
          grid-area: anken4-achieve;
          font-weight: bold; }
        .detective-hikaku-container .anken4-osusume {
          grid-area: anken4-osusume; }
        .detective-hikaku-container .anken4-cost {
          grid-area: anken4-cost; }
        .detective-hikaku-container .anken4-feature {
          grid-area: anken4-feature; }
        .detective-hikaku-container .anken4-plan {
          grid-area: anken4-plan; }
        .detective-hikaku-container .anken4-cv {
          grid-area: anken4-cv; }
      .detective-hikaku-container .anken5 {
        grid-area: anken5; }
        .detective-hikaku-container .anken5-name {
          grid-area: anken5-name; }
        .detective-hikaku-container .anken5-achieve {
          grid-area: anken5-achieve;
          font-weight: bold; }
        .detective-hikaku-container .anken5-osusume {
          grid-area: anken5-osusume; }
        .detective-hikaku-container .anken5-cost {
          grid-area: anken5-cost; }
        .detective-hikaku-container .anken5-feature {
          grid-area: anken5-feature; }
        .detective-hikaku-container .anken5-plan {
          grid-area: anken5-plan; }
        .detective-hikaku-container .anken5-cv {
          grid-area: anken5-cv; }
  .detective-ng {
    max-width: 750px;
    margin: 1.5rem auto 0; }
    .detective-ng-content {
      margin: 1rem auto 0; }
      @media only screen and (max-width: 767px) {
        .detective-ng-content {
          margin: 0 auto; } }
      .detective-ng-content-wrap {
        background-color: #fef8f8;
        padding: 2rem;
        display: flex;
        flex-direction: column;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .detective-ng-content-wrap {
            padding: 1rem; } }
        .detective-ng-content-wrap-txt {
          text-align: center; }
          .detective-ng-content-wrap-txt-big {
            font-size: 1.6rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .detective-ng-content-wrap-txt-big {
                font-size: 1.2rem; } }
          .detective-ng-content-wrap-txt-red {
            font-size: 1.8rem;
            font-weight: bold;
            color: #c82626; }
      .detective-ng-content-txt {
        margin: 1rem auto;
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center; }
      .detective-ng-content-sankaku {
        margin: auto;
        max-width: 500px; }
      .detective-ng-content-osusume {
        margin: auto;
        max-width: 500px; }
        .detective-ng-content-osusume-list {
          display: flex;
          justify-content: center;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .detective-ng-content-osusume-list {
              flex-direction: column; } }
          .detective-ng-content-osusume-list-wrap-txt {
            text-align: center; }
          @media only screen and (max-width: 767px) {
            .detective-ng-content-osusume-list-wrap-img {
              width: 80%;
              margin: auto; } }
        .detective-ng-content-osusume-strong {
          margin-top: 1rem;
          padding-bottom: 2rem; }
          .detective-ng-content-osusume-strong-img {
            margin: 0 auto .5rem; }
            @media only screen and (max-width: 767px) {
              .detective-ng-content-osusume-strong-img {
                width: 80%; } }
            .detective-ng-content-osusume-strong-img-name {
              margin: auto; }
        .detective-ng-content-osusume-cv {
          display: flex;
          flex-direction: column;
          gap: 1rem; }
          .detective-ng-content-osusume-cv-txt {
            font-size: 1rem;
            font-weight: bold;
            margin-bottom: -.5rem; }
          .detective-ng-content-osusume-cv-inner {
            display: flex;
            justify-content: center;
            grid-gap: .5rem; }
  .detective-point {
    margin: 2rem auto; }
    .detective-point-txt {
      text-align: center;
      margin: 1.5rem auto;
      font-size: 1rem; }
    .detective-point-list {
      margin: 1.5rem auto;
      display: flex;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .detective-point-list {
          flex-direction: column; } }
      .detective-point-list-item {
        width: 33%; }
        @media only screen and (max-width: 767px) {
          .detective-point-list-item {
            width: 100%;
            border: #f3f7ff 2px solid;
            width: 100%;
            border-radius: 20px;
            padding: 1rem;
            font-size: .9rem; } }
        .detective-point-list-item-ttl {
          font-weight: bold;
          text-align: center;
          margin: .5rem auto;
          font-size: 1.2rem; }
        .detective-point-list-item-img {
          height: 8rem;
          width: 50%;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .detective-point-list-item-img {
              height: auto; } }
      .detective-point-list-top3 {
        gap: 0; }
        @media only screen and (max-width: 767px) {
          .detective-point-list-top3 {
            flex-direction: row; } }
  .detective .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .detective .ranking-flexwrap {
        flex-direction: column;
        gap: 0; } }
  .detective .ranking-title {
    background-color: #173780;
    position: relative; }
    .detective .ranking-title-year {
      color: #173780;
      position: absolute;
      font-size: 1.5rem;
      left: 50%;
      top: 1.2rem;
      transform: translateX(-46%); }
      @media only screen and (max-width: 767px) {
        .detective .ranking-title-year {
          font-size: 1.1rem;
          top: 1rem; } }
    .detective .ranking-title-img {
      max-width: 500px;
      margin: 0 auto; }
    .detective .ranking-title:after {
      top: 98%;
      border-top: 20px solid #173780; }
    .detective .ranking-title-flex span {
      color: #173780; }
    .detective .ranking-title-txt {
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .detective .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.4rem; } }
  .detective .ranking .detective-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #f2d9a4; }
  .detective .ranking .detective-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0; }
  .detective .ranking .detective-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #c9b5a2; }
  .detective .ranking .detective-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #8e90ad; }
  .detective .ranking .detective-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #df9fb6; }
  .detective .ranking .detective-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #df9fb6; }
  .detective .ranking .detective-ranking-list .ranking-list-box.rank-ichioshi {
    border: 0.5rem solid #f2d9a4; }
    @media only screen and (max-width: 767px) {
      .detective .ranking .detective-ranking-list .ranking-list-box.rank-ichioshi {
        border: 3px solid #f2d9a4; } }
  .detective .ranking .detective-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .detective .ranking .detective-ranking-list .ranking-list-box-attention {
      margin: 3rem auto 1rem;
      max-width: 500px; }
      @media only screen and (max-width: 767px) {
        .detective .ranking .detective-ranking-list .ranking-list-box-attention {
          margin: 2rem auto 1rem; } }
      .detective .ranking .detective-ranking-list .ranking-list-box-attention-wrap {
        position: relative;
        background-color: #fff;
        border: 2px solid #ccba10;
        padding: 1.5rem 1rem 1rem; }
        .detective .ranking .detective-ranking-list .ranking-list-box-attention-wrap-ttl {
          position: absolute;
          width: 35%;
          background-color: #ccba10;
          color: #fff;
          font-size: 1.2rem;
          padding: .2rem 1rem;
          top: -1.2rem;
          left: 50%;
          text-align: center;
          transform: translateX(-50%); }
          @media only screen and (max-width: 767px) {
            .detective .ranking .detective-ranking-list .ranking-list-box-attention-wrap-ttl {
              width: 50%;
              top: -1.3rem; } }
        .detective .ranking .detective-ranking-list .ranking-list-box-attention-wrap-txt {
          font-size: .9rem;
          line-height: 1.5;
          text-align: center; }
    .detective .ranking .detective-ranking-list .ranking-list-box-cv {
      display: flex;
      flex-direction: column;
      gap: .5rem; }
      .detective .ranking .detective-ranking-list .ranking-list-box-cv-txt {
        font-weight: bold; }
      .detective .ranking .detective-ranking-list .ranking-list-box-cv-inner {
        display: flex;
        gap: .5rem;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .detective .ranking .detective-ranking-list .ranking-list-box-cv-inner {
            flex-direction: row-reverse; } }
      .detective .ranking .detective-ranking-list .ranking-list-box-cv-btn {
        width: 50%;
        margin-bottom: 1rem;
        font-size: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .detective .ranking .detective-ranking-list .ranking-list-box-cv-btn {
            width: 90%; } }
      .detective .ranking .detective-ranking-list .ranking-list-box-cv-tell {
        margin: 0 auto 1rem; }
        @media only screen and (max-width: 767px) {
          .detective .ranking .detective-ranking-list .ranking-list-box-cv-tell {
            margin: 0 auto 1rem; } }
    .detective .ranking .detective-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .detective .ranking .detective-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .detective .ranking .detective-ranking-list .ranking-list-box-ichioshi {
      position: absolute;
      left: 50%;
      transform: translatex(-50%);
      width: 20rem;
      top: -2.2rem; }
      @media only screen and (max-width: 767px) {
        .detective .ranking .detective-ranking-list .ranking-list-box-ichioshi {
          width: 18rem;
          top: -2rem; } }
    .detective .ranking .detective-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem; }
      @media only screen and (max-width: 767px) {
        .detective .ranking .detective-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .detective .ranking .detective-ranking-list .ranking-list-box-wrapper {
      background-color: #f3f7ff; }
      .detective .ranking .detective-ranking-list .ranking-list-box-wrapper-ichioshi {
        background-color: #fdfbeb; }
      .detective .ranking .detective-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .detective .ranking .detective-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem 1.5rem; } }
    .detective .ranking .detective-ranking-list .ranking-list-box-inner {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .detective .ranking .detective-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .detective .ranking .detective-ranking-list .ranking-list-box-inner-ttl {
        background-color: #173780;
        padding: .2rem;
        text-align: center;
        color: #fff; }
      .detective .ranking .detective-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .detective .ranking .detective-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: center;
        gap: .2rem;
        flex-direction: column; }
        .detective .ranking .detective-ranking-list .ranking-list-box-inner-osusume li {
          width: 40%;
          margin: auto;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .detective .ranking .detective-ranking-list .ranking-list-box-inner-osusume li {
              width: 93%; } }
          .detective .ranking .detective-ranking-list .ranking-list-box-inner-osusume li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #173780;
            border-radius: 50%;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .detective .ranking .detective-ranking-list .ranking-list-box-inner-spec {
        margin: 2rem auto 1rem; }
        @media only screen and (max-width: 767px) {
          .detective .ranking .detective-ranking-list .ranking-list-box-inner-spec {
            margin: 1rem auto; } }
        .detective .ranking .detective-ranking-list .ranking-list-box-inner-spec th {
          color: #fff;
          background-color: #173780;
          border: 1px solid #f3f7ff; }
          @media only screen and (max-width: 767px) {
            .detective .ranking .detective-ranking-list .ranking-list-box-inner-spec th {
              font-size: .8rem;
              padding: 0.2rem;
              height: 2rem; } }
        .detective .ranking .detective-ranking-list .ranking-list-box-inner-spec td {
          background-color: #fff;
          border: 1px solid #f3f7ff; }
          @media only screen and (max-width: 767px) {
            .detective .ranking .detective-ranking-list .ranking-list-box-inner-spec td {
              font-size: .8rem;
              padding: 0.2rem;
              text-align: center; } }
      .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-inner {
        margin: 1rem 0; }
      .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card {
        background-color: #fff;
        width: 100%;
        padding: 1.5rem 3rem;
        box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
        max-height: 500px; }
        @media only screen and (max-width: 767px) {
          .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card {
            padding: 1.5rem 2rem;
            gap: 1rem; } }
        .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card-img {
          width: 40%; }
        .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card-comment {
          width: 100%; }
          .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card-comment p {
            font-size: 0.9rem !important; }
          @media only screen and (max-width: 767px) {
            .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card-comment {
              padding: 0 1rem; } }
          .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
            position: relative;
            display: inline-block;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            line-height: 1.2; }
            .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
              position: absolute;
              bottom: -0.5rem;
              left: 0;
              background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
              content: "";
              height: 2px;
              width: 100%; }
          .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card-comment-link {
            display: block;
            font-size: 0.9rem;
            text-align: right;
            opacity: 0.5; }
          .detective .ranking .detective-ranking-list .ranking-list-box-inner-review-card-comment-txt {
            margin-top: .5rem;
            line-height: 1.5; }
      .detective .ranking .detective-ranking-list .ranking-list-box-inner-point {
        text-align: left;
        margin: 2rem auto 1rem; }
        .detective .ranking .detective-ranking-list .ranking-list-box-inner-point-list {
          margin: 0 auto;
          padding: 1rem 2rem; }
          @media only screen and (max-width: 767px) {
            .detective .ranking .detective-ranking-list .ranking-list-box-inner-point-list {
              padding: 1rem 1.5rem; } }
        .detective .ranking .detective-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: left;
          align-items: center;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .detective .ranking .detective-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
          .detective .ranking .detective-ranking-list .ranking-list-box-inner-point-flex-check {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/feature/detective/detective_check.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .detective .ranking .detective-ranking-list .ranking-list-box-inner-point-flex-check {
                width: 10%; } }
          .detective .ranking .detective-ranking-list .ranking-list-box-inner-point-flex-ttl {
            background-image: linear-gradient(transparent 40%, #f3f7ff 20%);
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: .5rem; }
            @media only screen and (max-width: 767px) {
              .detective .ranking .detective-ranking-list .ranking-list-box-inner-point-flex-ttl {
                font-size: 1rem; } }
        .detective .ranking .detective-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.5;
          margin-bottom: 1rem; }
  .detective-survey {
    margin-top: 2rem; }

.detectivelong {
  color: #282829; }
  @media only screen and (max-width: 767px) {
    .detectivelong {
      font-size: .9rem; } }
  .detectivelong .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .detectivelong img {
    margin: auto; }
  .detectivelong-wrapper {
    padding: 0 .5rem; }
  .detectivelong a {
    transition: 0.3s; }
    .detectivelong a:hover {
      opacity: 0.7; }
  .detectivelong-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .detectivelong-ttl {
        margin: 1rem auto 0; } }
  .detectivelong-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .detectivelong-cv {
        width: 90%; } }
    .detectivelong-cv a:hover {
      opacity: 1; }
    .detectivelong-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .detectivelong-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .detectivelong-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .detectivelong-cv-copy-inner .small {
          font-size: 1rem; }
        .detectivelong-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/detective/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .detectivelong-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .detectivelong-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/detective/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .detectivelong-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .detectivelong-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #c82626;
      box-shadow: 0 8px 0 #6a1414;
      animation-name: detective-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .detectivelong-cv-btn {
          width: 100%; } }
      .detectivelong-cv-btn a {
        width: 100%;
        display: inline-block; }
      .detectivelong-cv-btn a:hover {
        opacity: 1; }
      .detectivelong-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes detective-cvmove {
  0% {
    box-shadow: 0 8px 0 #6a1414;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6a1414;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6a1414;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6a1414;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6a1414;
    transform: translatey(0); } }
  .detectivelong-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .detectivelong-link {
        margin: 1rem auto 1.5rem; } }
    .detectivelong-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .detectivelong-link-btn {
          width: 95%; } }
      .detectivelong-link-btn a:hover {
        opacity: 1; }
      .detectivelong-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        background-color: #ccba10;
        box-shadow: 0 8px 0 #7f7407;
        animation-name: detective-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .detectivelong-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .detectivelong-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .detectivelong-link-btn-inner a:hover {
          opacity: 1; }
@keyframes detective-linkmove {
  0% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #7f7407;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #7f7407;
    transform: translatey(0); } }
        .detectivelong-link-btn-inner-txt {
          color: #282829;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .detectivelong-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .detectivelong-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .detectivelong-intro {
    margin: 1rem auto;
    max-width: 750px; }
    @media only screen and (max-width: 767px) {
      .detectivelong-intro {
        padding: 0 .5rem; } }
    .detectivelong-intro-flex {
      display: flex;
      flex-direction: column;
      margin: 1rem auto;
      gap: .5rem; }
      @media only screen and (max-width: 767px) {
        .detectivelong-intro-flex {
          gap: 1rem; } }
      .detectivelong-intro-flex-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem; }
        .detectivelong-intro-flex-inner-y {
          margin-top: -2rem; }
          @media only screen and (max-width: 767px) {
            .detectivelong-intro-flex-inner-y {
              margin-top: 0; } }
        .detectivelong-intro-flex-inner-img {
          width: 30%; }
        .detectivelong-intro-flex-inner-fukidashi {
          position: relative;
          width: 69%;
          display: flex;
          flex-direction: column;
          gap: .5rem;
          justify-content: center;
          align-items: center;
          gap: .5rem;
          padding: 1rem;
          box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
          @media only screen and (max-width: 767px) {
            .detectivelong-intro-flex-inner-fukidashi {
              width: 74%; } }
          .detectivelong-intro-flex-inner-fukidashi:before {
            width: 0;
            height: 0;
            border-style: solid;
            border-top: 15px solid transparent;
            border-bottom: 15px solid transparent;
            border-left: 30px solid #fff;
            border-right: 0;
            position: absolute;
            content: '';
            top: 50%;
            transform: translateY(-50%);
            right: -1rem; }
          .detectivelong-intro-flex-inner-fukidashi-txt .big {
            font-size: 1.2rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .detectivelong-intro-flex-inner-fukidashi-txt .big {
                font-size: 1rem; } }
          .detectivelong-intro-flex-inner-fukidashi-logo {
            width: 80%;
            margin: 0 auto; }
          .detectivelong-intro-flex-inner-fukidashi-list {
            display: flex;
            flex-direction: column;
            gap: .2rem; }
            @media only screen and (max-width: 767px) {
              .detectivelong-intro-flex-inner-fukidashi-list {
                width: 100%; } }
            .detectivelong-intro-flex-inner-fukidashi-list-item {
              position: relative;
              padding-left: 1rem;
              font-size: 1rem;
              line-height: 1.4; }
              @media only screen and (max-width: 767px) {
                .detectivelong-intro-flex-inner-fukidashi-list-item {
                  font-size: .9rem; } }
              .detectivelong-intro-flex-inner-fukidashi-list-item:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                width: .4rem;
                height: .4rem;
                border-radius: 50px;
                background-color: #ccba10;
                content: '';
                display: inline-block; }
          .detectivelong-intro-flex-inner-fukidashi-y {
            background-color: #fefad3;
            width: 69%;
            position: relative;
            padding: 1rem;
            box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
            display: flex;
            flex-direction: column;
            gap: .5rem;
            justify-content: center;
            align-items: center; }
            .detectivelong-intro-flex-inner-fukidashi-y:before {
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 15px solid transparent;
              border-bottom: 15px solid transparent;
              border-right: 30px solid #fefad3;
              border-left: 0;
              position: absolute;
              content: '';
              top: 50%;
              transform: translateY(-50%);
              left: -1rem; }
    .detectivelong-intro-anken-bnr {
      margin: 0 auto 1rem;
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .detectivelong-intro-anken-bnr {
          width: 80%; } }
    .detectivelong-intro-anken-cv {
      width: 75%; }
      @media only screen and (max-width: 767px) {
        .detectivelong-intro-anken-cv {
          width: 80%; } }
  .detectivelong-evi {
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .detectivelong-evi {
        padding: 0 .5rem; } }
    .detectivelong-evi-swiper {
      max-width: 1200px; }
      @media only screen and (max-width: 767px) {
        .detectivelong-evi-swiper-list-item {
          padding-bottom: 1rem; } }
  .detectivelong-hikaku-container {
    margin: 1rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas: "anken1 anken2 anken3" "per per per" "anken1-per anken2-per anken3-per" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "invest invest invest" "anken1-invest anken2-invest anken3-invest" "cost cost cost" "anken1-cost anken2-cost anken3-cost" "gps gps gps" "anken1-gps anken2-gps anken3-gps" "report report report" "anken1-report anken2-report anken3-report" "aftercare aftercare aftercare" "anken1-aftercare anken2-aftercare anken3-aftercare" "sodan sodan sodan" "anken1-sodan anken2-sodan anken3-sodan" "area area area" "anken1-area anken2-area anken3-area" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "link link link" "anken1-link anken2-link anken3-link"; }
    .detectivelong-hikaku-container .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: .5rem;
      padding: .5rem .2rem;
      background-color: #f3f7ff; }
    .detectivelong-hikaku-container .ttl {
      background-color: #173780;
      color: #fff;
      font-weight: bold;
      font-size: .9rem;
      padding: .5rem .2rem;
      text-align: center;
      line-height: 1.2; }
    .detectivelong-hikaku-container .big {
      font-weight: bold;
      font-size: 1.1rem; }
    .detectivelong-hikaku-container-inner {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: .5rem;
      justify-content: center; }
      .detectivelong-hikaku-container-inner .ico-rank {
        width: 3.5rem;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container-inner .ico-rank {
            width: 2.5rem; } }
      .detectivelong-hikaku-container-inner .bnr {
        width: 65%;
        margin: 0 auto 0.2rem; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container-inner .bnr {
            width: 80%; } }
      .detectivelong-hikaku-container-inner .name {
        font-weight: bold;
        text-align: center; }
      .detectivelong-hikaku-container-inner-eval {
        width: 2.5rem;
        margin: auto; }
      .detectivelong-hikaku-container-inner-txt {
        font-size: .9rem;
        text-align: center;
        line-height: 1.4; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container-inner-txt {
            font-size: .8rem; } }
    @media only screen and (max-width: 767px) {
      .detectivelong-hikaku-container-cv {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .detectivelong-hikaku-container-cv-btn {
        width: 90%; } }
    .detectivelong-hikaku-container .per {
      grid-area: per; }
    .detectivelong-hikaku-container .feature {
      grid-area: feature; }
    .detectivelong-hikaku-container .invest {
      grid-area: invest; }
    .detectivelong-hikaku-container .cost {
      grid-area: cost; }
    .detectivelong-hikaku-container .gps {
      grid-area: gps; }
    .detectivelong-hikaku-container .report {
      grid-area: report; }
    .detectivelong-hikaku-container .aftercare {
      grid-area: aftercare; }
    .detectivelong-hikaku-container .sodan {
      grid-area: sodan; }
    .detectivelong-hikaku-container .area {
      grid-area: area; }
    .detectivelong-hikaku-container .cam {
      grid-area: cam; }
    .detectivelong-hikaku-container .link {
      grid-area: link; }
    .detectivelong-hikaku-container .anken1 {
      grid-area: anken1;
      background-color: #fefad3;
      position: sticky;
      top: 0;
      z-index: 1;
      border-right: 3px solid #fff; }
      @media only screen and (max-width: 767px) {
        .detectivelong-hikaku-container .anken1 {
          border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-per {
        grid-area: anken1-per;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-per {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-feature {
        grid-area: anken1-feature;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-feature {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-invest {
        grid-area: anken1-invest;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-invest {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-cost {
        grid-area: anken1-cost;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-cost {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-gps {
        grid-area: anken1-gps;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-gps {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-report {
        grid-area: anken1-report;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-report {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-aftercare {
        grid-area: anken1-aftercare;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-aftercare {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-sodan {
        grid-area: anken1-sodan;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-sodan {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-area {
        grid-area: anken1-area;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-area {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-cam {
        grid-area: anken1-cam;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-cam {
            border-right: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken1-link {
        grid-area: anken1-link;
        background-color: #fefad3;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken1-link {
            border-right: 2px solid #fff; } }
    .detectivelong-hikaku-container .anken2 {
      grid-area: anken2;
      position: sticky;
      top: 0;
      z-index: 1;
      border-right: 3px solid #fff;
      border-left: 3px solid #fff; }
      @media only screen and (max-width: 767px) {
        .detectivelong-hikaku-container .anken2 {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-per {
        grid-area: anken2-per;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-per {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-feature {
        grid-area: anken2-feature;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-feature {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-invest {
        grid-area: anken2-invest;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-invest {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-cost {
        grid-area: anken2-cost;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-cost {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-gps {
        grid-area: anken2-gps;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-gps {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-report {
        grid-area: anken2-report;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-report {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-aftercare {
        grid-area: anken2-aftercare;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-aftercare {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-sodan {
        grid-area: anken2-sodan;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-sodan {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-area {
        grid-area: anken2-area;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-area {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-cam {
        grid-area: anken2-cam;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-cam {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken2-link {
        grid-area: anken2-link;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken2-link {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
    .detectivelong-hikaku-container .anken3 {
      grid-area: anken3;
      position: sticky;
      top: 0;
      z-index: 1;
      border-left: 3px solid #fff; }
      @media only screen and (max-width: 767px) {
        .detectivelong-hikaku-container .anken3 {
          border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-per {
        grid-area: anken3-per;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-per {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-feature {
        grid-area: anken3-feature;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-feature {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-invest {
        grid-area: anken3-invest;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-invest {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-cost {
        grid-area: anken3-cost;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-cost {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-gps {
        grid-area: anken3-gps;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-gps {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-report {
        grid-area: anken3-report;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-report {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-aftercare {
        grid-area: anken3-aftercare;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-aftercare {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-sodan {
        grid-area: anken3-sodan;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-sodan {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-area {
        grid-area: anken3-area;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-area {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-cam {
        grid-area: anken3-cam;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-cam {
            border-left: 2px solid #fff; } }
      .detectivelong-hikaku-container .anken3-link {
        grid-area: anken3-link;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .detectivelong-hikaku-container .anken3-link {
            border-left: 2px solid #fff; } }
  .detectivelong-merit {
    margin: 1rem auto;
    max-width: 750px; }
    @media only screen and (max-width: 767px) {
      .detectivelong-merit {
        padding: 0 .5rem; } }
    .detectivelong-merit-txt {
      line-height: 1.5;
      text-align: center; }
    .detectivelong-merit-img {
      max-width: 500px;
      margin: 1rem auto; }
    .detectivelong-merit-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: .3fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "white det self" "success det-success self-success" "evi det-evi self-evi"; }
      @media only screen and (max-width: 767px) {
        .detectivelong-merit-container {
          grid-template-columns: .2fr 1fr 1fr; } }
      .detectivelong-merit-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f7ff; }
      .detectivelong-merit-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .2rem;
        justify-content: center; }
        .detectivelong-merit-container-inner-name {
          width: 80%;
          margin: 0 auto; }
        .detectivelong-merit-container-inner-txt {
          line-height: 1.4;
          text-align: center;
          font-weight: bold;
          margin: .5rem auto; }
        .detectivelong-merit-container-inner-list {
          display: flex;
          flex-direction: column;
          gap: .2rem;
          width: 80%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .detectivelong-merit-container-inner-list {
              width: 100%; } }
          .detectivelong-merit-container-inner-list-item {
            position: relative;
            padding-left: 1rem;
            font-size: .9rem;
            line-height: 1.4; }
            @media only screen and (max-width: 767px) {
              .detectivelong-merit-container-inner-list-item {
                font-size: .7rem; } }
            .detectivelong-merit-container-inner-list-item:before {
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%);
              width: .4rem;
              height: .4rem;
              border-radius: 50px;
              background-color: #173780;
              content: '';
              display: inline-block; }
      .detectivelong-merit-container .white {
        grid-area: white; }
      .detectivelong-merit-container .success {
        grid-area: success;
        background-color: #173780;
        color: #fff;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .detectivelong-merit-container .success {
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl; } }
      .detectivelong-merit-container .evi {
        grid-area: evi;
        background-color: #173780;
        color: #fff;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .detectivelong-merit-container .evi {
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl; } }
      .detectivelong-merit-container .det {
        grid-area: det;
        background-color: #fefad3; }
        .detectivelong-merit-container .det-success {
          grid-area: det-success;
          background-color: #fefad3; }
        .detectivelong-merit-container .det-evi {
          grid-area: det-evi;
          background-color: #fefad3; }
      .detectivelong-merit-container .self {
        grid-area: self; }
        .detectivelong-merit-container .self-success {
          grid-area: self-success; }
        .detectivelong-merit-container .self-evi {
          grid-area: self-evi; }
    .detectivelong-merit-anken {
      margin: 1rem auto; }
      .detectivelong-merit-anken-content {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        .detectivelong-merit-anken-content-logo {
          width: 80%;
          margin: 0 auto; }
        .detectivelong-merit-anken-content-bnr {
          width: 80%;
          margin: 0 auto; }
        .detectivelong-merit-anken-content-cv {
          width: 50%; }
          @media only screen and (max-width: 767px) {
            .detectivelong-merit-anken-content-cv {
              width: 80%; } }
  .detectivelong-cost {
    margin: 1rem auto 0;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .detectivelong-cost {
        padding: 0 .5rem; } }
    .detectivelong-cost-list {
      margin-bottom: 1rem;
      display: flex;
      gap: 1rem;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .detectivelong-cost-list {
          flex-direction: column;
          gap: .5rem;
          margin: 1rem auto; } }
    .detectivelong-cost-txt {
      text-align: center; }
      .detectivelong-cost-txt-big {
        font-weight: bold;
        font-size: 1.6rem; }
        @media only screen and (max-width: 767px) {
          .detectivelong-cost-txt-big {
            font-size: 1rem; } }
  .detectivelong-select {
    max-width: 1000px;
    margin: 0 auto 1rem; }
    @media only screen and (max-width: 767px) {
      .detectivelong-select {
        padding: 0 .5rem; } }
  .detectivelong-success {
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .detectivelong-success {
        padding: 0 .5rem; } }
    .detectivelong-success-howto {
      display: flex;
      flex-direction: column;
      gap: .5rem;
      margin: 1rem auto; }
  .detectivelong .ranking-title {
    background-color: #173780;
    position: relative; }
    .detectivelong .ranking-title-year {
      color: #173780;
      position: absolute;
      font-size: 1.5rem;
      left: 50%;
      top: 1.2rem;
      transform: translateX(-46%); }
      @media only screen and (max-width: 767px) {
        .detectivelong .ranking-title-year {
          font-size: 1.1rem;
          top: 1rem; } }
    .detectivelong .ranking-title-img {
      max-width: 500px;
      margin: 0 auto; }
    .detectivelong .ranking-title:after {
      top: 98%;
      border-top: 20px solid #173780; }
    .detectivelong .ranking-title-flex span {
      color: #173780; }
    .detectivelong .ranking-title-txt {
      color: #fff; }
      @media only screen and (max-width: 767px) {
        .detectivelong .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.4rem; } }
  .detectivelong .ranking .detectivelong-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .detectivelong .ranking .detectivelong-ranking {
        padding: 0 .5rem; } }
    .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #f2d9a4; }
    .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #dedae0; }
    .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #c9b5a2; }
    .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #8e90ad; }
    .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #df9fb6; }
    .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box.rank-6 {
      border-top: 0.5rem solid #df9fb6; }
    .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f7ff;
      border-radius: 20px; }
      .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-cv-btn {
          width: 65%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-ttl {
          background-color: #173780;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #ccba10; }
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/detective/long/detectivelong_check.png) no-repeat;
                background-size: contain; }
        .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f7ff;
            background-color: #173780; }
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f7ff;
            border-bottom: 0.5rem solid #f3f7ff;
            font-size: .8rem;
            padding: .5rem; }
        .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0; }
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card {
            background-color: #fff;
            width: 100%;
            padding: 2rem;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: center;
            height: auto;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card {
                padding: 2rem 1.5rem; } }
            .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-ttl {
              font-weight: bold;
              font-size: 1.2rem; }
              @media only screen and (max-width: 767px) {
                .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-ttl {
                  font-size: 1rem; } }
            .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-img {
              width: 50%; }
              @media only screen and (max-width: 767px) {
                .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-img {
                  width: 60%; } }
            .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-comment {
              margin-top: -1rem;
              width: 100%; }
              @media only screen and (max-width: 767px) {
                .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-comment {
                  padding: 0 2rem; } }
              .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
                position: relative;
                display: inline-block;
                font-size: 1.8rem;
                margin-bottom: 1rem;
                line-height: 1.2; }
                .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                  position: absolute;
                  bottom: -0.5rem;
                  left: 0;
                  background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                  content: "";
                  height: 2px;
                  width: 100%; }
              .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-comment-txt {
                margin-top: .5rem;
                line-height: 1.5; }
              .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-review-card-comment p {
                font-size: .9rem; }
        .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .detectivelong .ranking .detectivelong-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }

.detectivesearch {
  max-width: 1020px;
  margin: 0 auto 1rem;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .detectivesearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .detectivesearch .only-pc {
      display: none; } }
  .detectivesearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #000;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .detectivesearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .detectivesearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .detectivesearch-form {
        gap: .5rem; } }
    .detectivesearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .detectivesearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .detectivesearch-form-wrap-sankaku {
            width: 48%; } }
        .detectivesearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #000 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .detectivesearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .detectivesearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .detectivesearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .detectivesearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .detectivesearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .detectivesearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative; }
        .detectivesearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .detectivesearch-form-submit-txt:before {
              display: none; } }
        .detectivesearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .detectivesearch-form-submit-txt:after {
              display: none; } }
      .detectivesearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .detectivesearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .detectivesearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .detectivesearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.detectivekekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .detectivekekka-sort {
      flex-direction: column; } }
  .detectivekekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .detectivekekka-sort-now {
        width: 100%; } }
    .detectivekekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .detectivekekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .detectivekekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .detectivekekka-sort-form {
        width: 100%; } }
    .detectivekekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .detectivekekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.detective-point .swiper-button-prev, .detective-point .swiper-button-next {
  color: #fff; }
.detective-point .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #173780; }

.detective-merit .swiper-button-prev, .detective-merit .swiper-button-next {
  color: #fff; }
.detective-merit .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #173780; }

.detective-ranking .ranking-list-box-inner-review .swiper-button-prev, .detective-ranking .ranking-list-box-inner-review .swiper-button-next {
  color: #173780; }
.detective-ranking .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #173780; }

.detectivelong-evi .swiper-button-prev, .detectivelong-evi .swiper-button-next {
  color: #173780; }
.detectivelong-evi .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #173780; }

.detectivelong-merit .swiper-button-prev, .detectivelong-merit .swiper-button-next {
  color: #fff; }
.detectivelong-merit .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #173780; }

.detectivelong-ranking .ranking-list-box-inner-review .swiper-button-prev, .detectivelong-ranking .ranking-list-box-inner-review .swiper-button-next {
  color: #173780; }
.detectivelong-ranking .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #173780; }

/*探偵*/
/* hokeiLP   feature　
----------------------------------------------------------------------------------------------*/
.hokei {
  color: #282829;
  font-size: .85rem; }
  .hokei-wrapper {
    padding: 0 .5rem; }
  .hokei a {
    transition: 0.3s; }
    .hokei a:hover {
      opacity: 0.7; }
  .hokei-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .hokei-ttl {
        margin: 1rem auto 0; } }
  .hokei-cv {
    margin: auto;
    text-align: center;
    width: 100%; }
    .hokei-cv a:hover {
      opacity: 1; }
    .hokei-cv-copy {
      text-align: center;
      font-size: 1.02rem;
      font-weight: bold;
      margin: 1rem auto .5rem; }
      .hokei-cv-copy-inner {
        display: inline-block;
        position: relative; }
        .hokei-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .hokei-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .hokei-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.02rem;
      font-weight: bold;
      background-color: #cc3c14;
      box-shadow: 0 8px 0 #601c09;
      animation-name: hokei-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes hokei-cvmove {
  0% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #601c09;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); } }
  .hokei-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .hokei-link {
        margin: 1rem auto 1.5rem; } }
    .hokei-link-btn {
      width: 100%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .hokei-link-btn {
          width: 95%; } }
      .hokei-link-btn a:hover {
        opacity: 1; }
      .hokei-link-btn-inner {
        background-color: #ffe600;
        display: flex;
        justify-content: center;
        color: #282829 !important;
        gap: 0.2rem;
        align-items: center;
        border-radius: 30px;
        padding: .5rem 1rem;
        box-shadow: 0 8px 0 #4e4601;
        animation-name: hokei-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .hokei-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
@keyframes hokei-linkmove {
  0% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #4e4601;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); } }
        .hokei-link-btn-inner-txt {
          color: #282829;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .hokei-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .hokei-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .hokei-mainvisual {
    position: relative; }
    .hokei-mainvisual-link {
      position: absolute;
      bottom: 3rem;
      right: 6rem;
      width: 45%; }
      @media only screen and (max-width: 767px) {
        .hokei-mainvisual-link {
          width: 60%;
          right: auto;
          left: 1rem;
          bottom: .8rem; } }
      .hokei-mainvisual-link-btn {
        padding: .8rem .5rem; }
        @media only screen and (max-width: 767px) {
          .hokei-mainvisual-link-btn {
            padding: .5rem; } }
        .hokei-mainvisual-link-btn-img {
          width: 80%;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .hokei-mainvisual-link-btn-img {
              width: 90%; } }
  .hokei-first {
    max-width: 750px;
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .hokei-first {
        padding: 0 .5rem; } }
    .hokei-first-text {
      font-weight: bold;
      font-size: 1.2rem;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .hokei-first-text {
          font-size: .9rem; } }
    .hokei-first-img {
      margin: 0 auto 1rem; }
    .hokei-first-doctor {
      display: flex;
      gap: 1rem;
      justify-content: center;
      align-items: center; }
      .hokei-first-doctor-fukidashi {
        width: 80%;
        background-color: #f2fafc;
        border: 2px solid #0099cc;
        padding: 1rem;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .hokei-first-doctor-fukidashi {
            width: 100%; } }
      .hokei-first-doctor-img {
        width: 19.9%; }
        @media only screen and (max-width: 767px) {
          .hokei-first-doctor-img {
            display: none; } }
  .hokei-neotype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .hokei-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .hokei-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .hokei-neotype-list {
      margin-top: 2.5rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .hokei-neotype-list {
          margin-top: 2rem;
          flex-direction: column;
          gap: 2rem; } }
      .hokei-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #f2fafc;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .hokei-neotype-list-inner {
            width: 100%; } }
        .hokei-neotype-list-inner-1 {
          border: 4px solid #ffe600; }
          @media only screen and (max-width: 767px) {
            .hokei-neotype-list-inner-1 {
              border: 3px solid #ffe600; } }
          .hokei-neotype-list-inner-1 .hokei-neotype-list-inner-ttl {
            position: relative; }
            .hokei-neotype-list-inner-1 .hokei-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/hokei/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .hokei-neotype-list-inner-1 .hokei-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .hokei-neotype-list-inner-2 .hokei-neotype-list-inner-ttl {
          position: relative; }
          .hokei-neotype-list-inner-2 .hokei-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/hokei/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .hokei-neotype-list-inner-2 .hokei-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .hokei-neotype-list-inner-3 .hokei-neotype-list-inner-ttl {
          position: relative; }
          .hokei-neotype-list-inner-3 .hokei-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/hokei/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .hokei-neotype-list-inner-3 .hokei-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .hokei-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .hokei-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/hokei/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .hokei-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .hokei-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .hokei-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .hokei-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .hokei-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .hokei-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .hokei-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .hokei-neotype-list-inner-ttl-name {
            font-size: 1.5rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            .hokei-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .hokei-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .hokei-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .hokei-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .hokei-neotype-list-inner-content-bnr {
            margin: 0 auto; }
          .hokei-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .5rem .2rem;
            margin: 0;
            flex-wrap: wrap; }
            .hokei-neotype-list-inner-content-spec-inner {
              width: 32%;
              background-color: #fff; }
              .hokei-neotype-list-inner-content-spec-inner-big {
                width: 100%; }
              .hokei-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #0099cc;
                color: #fff;
                font-weight: bold;
                padding: .2rem;
                font-size: .9rem; }
              .hokei-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .hokei-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .hokei-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .hokei-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .hokei-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .hokei-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .hokei-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/hokei/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .hokei-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .hokei-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .hokei-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .hokei-neotype-list-inner-content-cv {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .hokei-neotype-list-inner-content-cv {
                width: 100%; } }
            .hokei-neotype-list-inner-content-cv-btn {
              width: 80%;
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
        .hokei-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .hokei-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center;
            color: #333333;
            text-decoration: none; }
            .hokei-neotype-list-inner-link-btn-txt {
              position: relative; }
              .hokei-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #282829;
                border-bottom: 0;
                transition: .3s; }
              .hokei-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #282829;
                border-bottom: 0;
                transition: .3s; }
  .hokei-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .hokei-type {
        margin: .5rem auto; } }
    .hokei-type-ttl {
      max-width: 500px;
      margin: auto; }
    .hokei-type-list {
      margin-top: 1.5rem;
      gap: .5rem; }
      @media only screen and (max-width: 767px) {
        .hokei-type-list {
          margin-top: 1rem;
          flex-direction: column;
          gap: 1rem; } }
      .hokei-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .hokei-type-list-inner {
            width: 100%; } }
        .hokei-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #0099cc; }
          .hokei-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .hokei-type-list-inner-ttl-y {
            border: 0.1rem solid #ffe600;
            background: #ffe600;
            color: #282829; }
        .hokei-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border: 0.1rem solid #0099cc;
          border-top: none;
          color: #282829;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          height: 14rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .hokei-type-list-inner-content {
              height: auto; } }
          .hokei-type-list-inner-content-wrap {
            display: inline-block;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .hokei-type-list-inner-content-wrap {
                width: 90%; } }
            .hokei-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: 0 auto .5rem; }
              @media only screen and (max-width: 767px) {
                .hokei-type-list-inner-content-wrap .logo {
                  margin-bottom: 0;
                  z-index: 0; } }
            .hokei-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem;
              align-items: center; }
              .hokei-type-list-inner-content-wrap-flex-copy {
                width: 75%; }
                @media only screen and (max-width: 767px) {
                  .hokei-type-list-inner-content-wrap-flex-copy {
                    width: 80%; } }
              .hokei-type-list-inner-content-wrap-flex-cv {
                width: 25%; }
                .hokei-type-list-inner-content-wrap-flex-cv-btn {
                  display: flex;
                  justify-content: center;
                  width: 100%;
                  height: 50px;
                  align-items: center; }
                .hokei-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff; }
                .hokei-type-list-inner-content-wrap-flex-cv-copy {
                  font-size: 1rem;
                  margin: .5rem auto 0; }
          .hokei-type-list-inner-content-y {
            border: 0.1rem solid #ffe600;
            border-top: none; }
          .hokei-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .hokei-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .hokei-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .hokei-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
  .hokei-nayami {
    max-width: 750px;
    margin: 1rem auto; }
    .hokei-nayami-list {
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      .hokei-nayami-list-item {
        background-color: #f2fafc;
        padding: 1rem; }
        @media only screen and (max-width: 767px) {
          .hokei-nayami-list-item {
            padding: 0; } }
        .hokei-nayami-list-item-inner {
          width: 100%;
          position: relative; }
          .hokei-nayami-list-item-inner-img {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 10rem;
            height: 10rem; }
            @media only screen and (max-width: 767px) {
              .hokei-nayami-list-item-inner-img {
                display: none; } }
          .hokei-nayami-list-item-inner-ttl {
            background-color: #85d8ea;
            padding: .5rem; }
            .hokei-nayami-list-item-inner-ttl-txt {
              display: flex;
              gap: 1.5rem;
              align-items: center;
              padding-left: 10rem; }
              @media only screen and (max-width: 767px) {
                .hokei-nayami-list-item-inner-ttl-txt {
                  padding-left: 0;
                  gap: .5rem; } }
              .hokei-nayami-list-item-inner-ttl-txt-num {
                width: 10%; }
                @media only screen and (max-width: 767px) {
                  .hokei-nayami-list-item-inner-ttl-txt-num {
                    width: 15%; } }
              .hokei-nayami-list-item-inner-ttl-txt-content {
                width: 88%;
                font-size: 1rem; }
                @media only screen and (max-width: 767px) {
                  .hokei-nayami-list-item-inner-ttl-txt-content {
                    width: 84%;
                    font-size: .8rem; } }
                .hokei-nayami-list-item-inner-ttl-txt-content .big {
                  font-weight: bold;
                  font-size: 1.2rem; }
                  @media only screen and (max-width: 767px) {
                    .hokei-nayami-list-item-inner-ttl-txt-content .big {
                      font-size: 1rem; } }
                .hokei-nayami-list-item-inner-ttl-txt-content-sankaku {
                  position: relative;
                  margin-left: 1.5rem; }
                  .hokei-nayami-list-item-inner-ttl-txt-content-sankaku:before {
                    position: absolute;
                    display: inline-block;
                    content: '';
                    top: 50%;
                    transform: translateY(-50%);
                    left: -1.3rem;
                    width: 0;
                    height: 0;
                    border-top: 0.5rem solid transparent;
                    border-bottom: 0.5rem solid transparent;
                    border-left: 1rem solid #fff; }
          .hokei-nayami-list-item-inner-content {
            padding-left: 10.5rem; }
            @media only screen and (max-width: 767px) {
              .hokei-nayami-list-item-inner-content {
                padding-left: 0; } }
            .hokei-nayami-list-item-inner-content-list {
              display: flex;
              justify-content: center;
              gap: 1rem;
              margin-bottom: 0; }
              @media only screen and (max-width: 767px) {
                .hokei-nayami-list-item-inner-content-list {
                  gap: .5rem;
                  flex-direction: column;
                  padding: 0 .5rem 1rem; } }
              .hokei-nayami-list-item-inner-content-list-item {
                background-color: #fff;
                padding: 1rem;
                width: 33%;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: .5rem; }
                @media only screen and (max-width: 767px) {
                  .hokei-nayami-list-item-inner-content-list-item {
                    width: 100%;
                    flex-direction: row;
                    padding: .5rem; } }
                .hokei-nayami-list-item-inner-content-list-item-logo {
                  width: 100%; }
                  @media only screen and (max-width: 767px) {
                    .hokei-nayami-list-item-inner-content-list-item-logo {
                      width: 60%; } }
                .hokei-nayami-list-item-inner-content-list-item-txt {
                  width: 100%;
                  display: flex;
                  flex-direction: column;
                  gap: .2rem; }
                  @media only screen and (max-width: 767px) {
                    .hokei-nayami-list-item-inner-content-list-item-txt {
                      width: 50%;
                      flex-direction: row;
                      align-items: center; } }
                  .hokei-nayami-list-item-inner-content-list-item-txt .eval {
                    width: 20%;
                    margin: 0 auto; }
                  .hokei-nayami-list-item-inner-content-list-item-txt .txt {
                    text-align: center;
                    font-size: .75rem;
                    width: 100%; }
                    @media only screen and (max-width: 767px) {
                      .hokei-nayami-list-item-inner-content-list-item-txt .txt {
                        width: 80%; } }
  .hokei-fact {
    background: linear-gradient(180deg, #fff 0%, #f8f8f8 10%, #545454 100%);
    margin: 0rem auto 3rem;
    position: relative; }
    .hokei-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: -1;
      border-left: 60px solid transparent;
      border-top: 40px solid #545454;
      border-bottom: 0; }
    @media only screen and (max-width: 767px) {
      .hokei-fact-ttl {
        padding: 0 .5rem; } }
    .hokei-fact-container {
      margin: 1rem auto;
      padding-bottom: 2rem; }
      .hokei-fact-container-txt {
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .hokei-fact-container-txt {
            padding: 0 .5rem; } }
        .hokei-fact-container-txt-w {
          color: #fff !important; }
      .hokei-fact-container-img {
        margin: 1rem auto 0;
        max-width: 500px; }
      .hokei-fact-container-kome {
        font-size: .7rem;
        text-align: right;
        max-width: 500px;
        margin: .5rem auto; }
        @media only screen and (max-width: 767px) {
          .hokei-fact-container-kome {
            font-size: .5rem; } }
        .hokei-fact-container-kome a {
          text-decoration: none;
          color: #282829;
          transition: .3s; }
        .hokei-fact-container-kome a:hover {
          opacity: 0.7; }
      .hokei-fact-container-com {
        display: flex;
        justify-content: center;
        gap: .5rem;
        max-width: 500px;
        margin: .5rem auto 1rem;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .hokei-fact-container-com {
            padding: 0 .5rem; } }
        .hokei-fact-container-com-txt {
          color: #fff !important; }
    .hokei-fact .big {
      font-size: 1.4rem;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .hokei-fact .big {
          font-size: 1.2rem; } }
      .hokei-fact .big-y {
        color: #ffe600; }
  .hokei-surgery {
    max-width: 1000px;
    margin: 1rem auto; }
    .hokei-surgery-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: .5fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "name maibotsu tyokka sekkai clamp notcut" "surgery maibotsu-surgery tyokka-surgery sekkai-surgery clamp-surgery notcut-surgery" "merit maibotsu-merit tyokka-merit sekkai-merit clamp-merit notcut-merit" "demerit maibotsu-demerit tyokka-demerit sekkai-demerit clamp-demerit notcut-demerit" "cure maibotsu-cure tyokka-cure sekkai-cure clamp-cure notcut-cure"; }
      @media only screen and (max-width: 767px) {
        .hokei-surgery-container {
          grid-template-columns: 4rem 12rem 12rem 12rem 12rem 12rem; } }
      .hokei-surgery-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        background-color: #f2fafc; }
      .hokei-surgery-container .ttl {
        background-color: #0099cc;
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .hokei-surgery-container .ttl {
            padding: .2rem;
            font-size: .8rem; } }
      .hokei-surgery-container-name {
        width: 80%; }
      .hokei-surgery-container-inner {
        text-align: center; }
      .hokei-surgery-container-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 0.2rem; }
        .hokei-surgery-container-list-item {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0.5rem; }
          .hokei-surgery-container-list-item-eval {
            width: 15%; }
          .hokei-surgery-container-list-item-point {
            display: inline-block;
            width: 8px;
            height: 8px;
            background-color: #0099cc;
            border-radius: 50px; }
          .hokei-surgery-container-list-item-txt {
            width: 84.5%;
            line-height: 1.4; }
      .hokei-surgery-container .name {
        grid-area: name; }
      .hokei-surgery-container .surgery {
        grid-area: surgery; }
      .hokei-surgery-container .merit {
        grid-area: merit; }
      .hokei-surgery-container .demerit {
        grid-area: demerit; }
      .hokei-surgery-container .cure {
        grid-area: cure; }
      .hokei-surgery-container .maibotsu {
        grid-area: maibotsu; }
        .hokei-surgery-container .maibotsu-surgery {
          grid-area: maibotsu-surgery; }
        .hokei-surgery-container .maibotsu-merit {
          grid-area: maibotsu-merit; }
        .hokei-surgery-container .maibotsu-demerit {
          grid-area: maibotsu-demerit; }
        .hokei-surgery-container .maibotsu-cure {
          grid-area: maibotsu-cure; }
      .hokei-surgery-container .tyokka {
        grid-area: tyokka; }
        .hokei-surgery-container .tyokka-surgery {
          grid-area: tyokka-surgery; }
        .hokei-surgery-container .tyokka-merit {
          grid-area: tyokka-merit; }
        .hokei-surgery-container .tyokka-demerit {
          grid-area: tyokka-demerit; }
        .hokei-surgery-container .tyokka-cure {
          grid-area: tyokka-cure; }
      .hokei-surgery-container .sekkai {
        grid-area: sekkai; }
        .hokei-surgery-container .sekkai-surgery {
          grid-area: sekkai-surgery; }
        .hokei-surgery-container .sekkai-merit {
          grid-area: sekkai-merit; }
        .hokei-surgery-container .sekkai-demerit {
          grid-area: sekkai-demerit; }
        .hokei-surgery-container .sekkai-cure {
          grid-area: sekkai-cure; }
      .hokei-surgery-container .clamp {
        grid-area: clamp; }
        .hokei-surgery-container .clamp-surgery {
          grid-area: clamp-surgery; }
        .hokei-surgery-container .clamp-merit {
          grid-area: clamp-merit; }
        .hokei-surgery-container .clamp-demerit {
          grid-area: clamp-demerit; }
        .hokei-surgery-container .clamp-cure {
          grid-area: clamp-cure; }
      .hokei-surgery-container .notcut {
        grid-area: notcut; }
        .hokei-surgery-container .notcut-surgery {
          grid-area: notcut-surgery; }
        .hokei-surgery-container .notcut-merit {
          grid-area: notcut-merit; }
        .hokei-surgery-container .notcut-demerit {
          grid-area: notcut-demerit; }
        .hokei-surgery-container .notcut-cure {
          grid-area: notcut-cure; }
      .hokei-surgery-container-02 {
        grid-template-areas: "name maibotsu tyokka sekkai clamp notcut" "surgery maibotsu-surgery tyokka-surgery sekkai-surgery clamp-surgery notcut-surgery" "merit maibotsu-merit tyokka-merit sekkai-merit clamp-merit notcut-merit" "demerit maibotsu-demerit tyokka-demerit sekkai-demerit clamp-demerit notcut-demerit" "cure maibotsu-cure tyokka-cure sekkai-cure clamp-cure notcut-cure" "cv maibotsu-cv tyokka-cv sekkai-cv clamp-cv notcut-cv";
        margin: 0 auto 2rem; }
        .hokei-surgery-container-02 .bnr {
          width: 100%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .hokei-surgery-container-02 .bnr {
              width: 90%; } }
        .hokei-surgery-container-02 .cv {
          grid-area: cv; }
        .hokei-surgery-container-02 .maibotsu-cv {
          grid-area: maibotsu-cv;
          flex-direction: column;
          padding-bottom: 1rem;
          gap: .2rem; }
        .hokei-surgery-container-02 .tyokka-cv {
          grid-area: tyokka-cv;
          flex-direction: column;
          padding-bottom: 1rem;
          gap: .2rem; }
        .hokei-surgery-container-02 .sekkai-cv {
          grid-area: sekkai-cv;
          flex-direction: column;
          padding-bottom: 1rem;
          gap: .2rem; }
        .hokei-surgery-container-02 .clamp-cv {
          grid-area: clamp-cv;
          flex-direction: column;
          padding-bottom: 1rem;
          gap: .2rem; }
        .hokei-surgery-container-02 .notcut-cv {
          grid-area: notcut-cv;
          flex-direction: column;
          padding-bottom: 1rem;
          gap: .2rem; }
      .hokei-surgery-container-03 {
        margin-top: 1rem;
        grid-template-columns: .5fr 1fr 1fr 1fr;
        grid-template-areas: "name maibotsu tyokka sekkai" "surgery maibotsu-surgery tyokka-surgery sekkai-surgery" "merit maibotsu-merit tyokka-merit sekkai-merit" "demerit maibotsu-demerit tyokka-demerit sekkai-demerit" "cure maibotsu-cure tyokka-cure sekkai-cure" "cv maibotsu-cv tyokka-cv sekkai-cv"; }
        @media only screen and (max-width: 767px) {
          .hokei-surgery-container-03 {
            grid-template-columns: 4rem 12rem 12rem 12rem; } }
    .hokei-surgery-cv {
      width: 90%;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .hokei-surgery-cv {
          width: 85%; } }
      .hokei-surgery-cv:hover {
        opacity: 1 !important; }
      .hokei-surgery-cv-sp {
        font-size: 0.935rem;
        display: block; }
  .hokei-select {
    max-width: 1000px;
    margin: 1rem auto; }
    .hokei-select-list-item {
      background-color: #f2fafc;
      padding: 1rem 2rem;
      display: flex;
      flex-direction: column;
      gap: 0.5rem; }
      @media only screen and (max-width: 767px) {
        .hokei-select-list-item {
          padding: 1rem; } }
      .hokei-select-list-item-ttl {
        width: 100%;
        min-height: 4.5rem; }
      .hokei-select-list-item-content {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        min-height: 17rem; }
        .hokei-select-list-item-content-img {
          width: 100%; }
        .hokei-select-list-item-content-txt {
          line-height: 1.6; }
  .hokei-season {
    margin: 1rem auto; }
    .hokei-season-list {
      display: flex;
      justify-content: center;
      gap: 1rem;
      max-width: 750px;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .hokei-season-list {
          flex-direction: column; } }
      .hokei-season-list-fukidashi {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem; }
        .hokei-season-list-fukidashi-inner {
          position: relative;
          font-weight: bold;
          font-size: 1rem; }
          .hokei-season-list-fukidashi-inner:before {
            position: absolute;
            top: 50%;
            left: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/hokei/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .hokei-season-list-fukidashi-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .hokei-season-list-fukidashi-inner:after {
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/hokei/fukidashi_r.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .hokei-season-list-fukidashi-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .hokei-season-list-inner {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .hokei-season-list-inner {
            width: 100%; } }
        .hokei-season-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #282829;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #ffe600;
          border: 2px solid #ffe600; }
          @media only screen and (max-width: 767px) {
            .hokei-season-list-inner-ttl {
              border: 1px solid #ffe600;
              padding: .5rem; } }
          .hokei-season-list-inner-ttl-big {
            font-size: 1.5rem; }
        .hokei-season-list-inner-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border: 2px solid #ffe600;
          border-top: none;
          color: #282829;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .hokei-season-list-inner-content {
              height: auto;
              border: 1px solid #ffe600; } }
          .hokei-season-list-inner-content-name {
            padding: .5rem; }
            .hokei-season-list-inner-content-name .logo {
              width: 100%;
              margin: auto; }
          .hokei-season-list-inner-content-wrap {
            width: 100%;
            padding: .5rem .5rem 1rem;
            display: flex;
            flex-direction: column;
            gap: .5rem 0;
            border-radius: 0 0 20px 20px;
            background-color: #f2fafc; }
            @media only screen and (max-width: 767px) {
              .hokei-season-list-inner-content-wrap {
                min-height: inherit; } }
            .hokei-season-list-inner-content-wrap-txt .big {
              font-size: 1.6rem;
              font-weight: bold;
              padding: 0 .2rem; }
            .hokei-season-list-inner-content-wrap-txt .small {
              font-size: .6rem; }
            .hokei-season-list-inner-content-wrap-cv {
              margin: auto;
              width: 100%; }
              .hokei-season-list-inner-content-wrap-cv-inner {
                width: 70%; }
        .hokei-season-list-inner-cv {
          width: 80%;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .hokei-season-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .hokei-season-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .hokei-season-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .hokei-season-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .hokei-season-list-inner-cv-txt {
            color: #fff; }
          .hokei-season-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .hokei-cure {
    max-width: 750px;
    margin: 0 auto; }
    .hokei-cure-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 0.5fr repeat(3, 1fr);
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "white cut under notcut" "method cut-method under-method notcut-method" "merit cut-merit under-merit notcut-merit" "demerit cut-demerit under-demerit notcut-demerit"; }
      @media only screen and (max-width: 767px) {
        .hokei-cure-container {
          grid-template-columns: 5rem repeat(3, 12rem); } }
      .hokei-cure-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        background-color: #f2fafc; }
      .hokei-cure-container .ttl {
        background-color: #0099cc;
        font-weight: bold;
        color: #fff;
        font-size: 1rem; }
        @media only screen and (max-width: 767px) {
          .hokei-cure-container .ttl {
            padding: .2rem;
            font-size: .9rem; } }
      .hokei-cure-container-inner {
        width: 100%; }
        .hokei-cure-container-inner-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .hokei-cure-container-inner-txt {
              font-size: .9rem; } }
      .hokei-cure-container-list {
        display: flex;
        flex-direction: column;
        gap: .2rem;
        width: 100%; }
        .hokei-cure-container-list-merit {
          padding-left: 1.4rem;
          position: relative;
          line-height: 1.3; }
          .hokei-cure-container-list-merit:before {
            position: absolute;
            content: '';
            width: 1rem;
            height: 1rem;
            display: inline-block;
            background: url(../img/feature/hokei/hokei-good.png) no-repeat;
            background-size: contain;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
        .hokei-cure-container-list-demerit {
          padding-left: 1.4rem;
          position: relative;
          line-height: 1.3; }
          .hokei-cure-container-list-demerit:before {
            position: absolute;
            content: '';
            width: 1rem;
            height: 1rem;
            display: inline-block;
            background: url(../img/feature/hokei/hokei-bad.png) no-repeat;
            background-size: contain;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
      .hokei-cure-container .white {
        grid-area: white; }
      .hokei-cure-container .method {
        grid-area: method; }
      .hokei-cure-container .merit {
        grid-area: merit; }
      .hokei-cure-container .demerit {
        grid-area: demerit; }
      .hokei-cure-container .cut {
        grid-area: cut;
        font-weight: bold;
        font-size: 1rem; }
        .hokei-cure-container .cut-method {
          grid-area: cut-method; }
        .hokei-cure-container .cut-merit {
          grid-area: cut-merit; }
        .hokei-cure-container .cut-demerit {
          grid-area: cut-demerit; }
      .hokei-cure-container .under {
        grid-area: under;
        font-weight: bold;
        font-size: 1rem; }
        .hokei-cure-container .under-method {
          grid-area: under-method; }
        .hokei-cure-container .under-merit {
          grid-area: under-merit; }
        .hokei-cure-container .under-demerit {
          grid-area: under-demerit; }
      .hokei-cure-container .notcut {
        grid-area: notcut;
        font-weight: bold;
        font-size: 1rem; }
        .hokei-cure-container .notcut-method {
          grid-area: notcut-method; }
        .hokei-cure-container .notcut-merit {
          grid-area: notcut-merit; }
        .hokei-cure-container .notcut-demerit {
          grid-area: notcut-demerit; }
    .hokei-cure-sankaku {
      max-width: 400px;
      margin: 0 auto -1rem; }
  .hokei-hikaku {
    max-width: 750px;
    margin: 0 auto 1rem; }
    @media only screen and (max-width: 767px) {
      .hokei-hikaku {
        padding: 0 .5rem; } }
    .hokei-hikaku-lists {
      margin: 2rem auto 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      gap: 0px 0px;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "surgery surgery surgery" "anken1-surgery anken2-surgery anken3-surgery" "insurance insurance insurance" "anken1-insurance anken2-insurance anken3-insurance" "surgerytime surgerytime surgerytime" "anken1-surgerytime anken2-surgerytime anken3-surgerytime" "type type type" "anken1-type anken2-type anken3-type" "notcut notcut notcut" "anken1-notcut anken2-notcut anken3-notcut" "staff staff staff" "anken1-staff anken2-staff anken3-staff" "privacy privacy privacy" "anken1-privacy anken2-privacy anken3-privacy" "area area area" "anken1-area anken2-area anken3-area" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      @media only screen and (max-width: 767px) {
        .hokei-hikaku-lists {
          margin: 1.5rem auto 1rem; } }
      .hokei-hikaku-lists .flex {
        display: flex;
        justify-content: center;
        align-items: flex-start; }
      .hokei-hikaku-lists .ttl {
        background-color: #0099cc;
        color: #fff;
        font-weight: bold;
        padding: .3rem; }
      .hokei-hikaku-lists .content {
        background-color: #f2fafc;
        padding: .8rem; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-lists .content {
            font-size: .9rem;
            padding: .5rem; } }
        .hokei-hikaku-lists .content-inner {
          text-align: center;
          width: 100%; }
          .hokei-hikaku-lists .content-inner-txt {
            font-size: .85rem; }
            @media only screen and (max-width: 767px) {
              .hokei-hikaku-lists .content-inner-txt-mini {
                font-size: .7rem; } }
          .hokei-hikaku-lists .content-inner-eval {
            width: 20%;
            margin: 0 auto .5rem; }
          .hokei-hikaku-lists .content-inner .area-txt {
            font-size: 1.02rem;
            text-align: left;
            margin: 0 .5rem; }
            @media only screen and (max-width: 767px) {
              .hokei-hikaku-lists .content-inner .area-txt {
                font-size: .765rem; } }
      .hokei-hikaku-lists-cv {
        width: 100%; }
        .hokei-hikaku-lists-cv-rank-ico {
          width: 20%;
          margin: 0 auto 0.5rem; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists-cv-rank-ico {
              width: 40%; } }
        .hokei-hikaku-lists-cv-copy {
          text-align: center;
          font-size: .85rem;
          font-weight: bold;
          margin-bottom: .5rem; }
          .hokei-hikaku-lists-cv-copy-inner {
            position: relative; }
            .hokei-hikaku-lists-cv-copy-inner:before {
              display: none; }
            .hokei-hikaku-lists-cv-copy-inner:after {
              display: none; }
        .hokei-hikaku-lists-cv-btn {
          width: 80%; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists-cv-btn {
              width: 85%;
              font-size: .765rem;
              padding-top: .7rem;
              line-height: 1.3; } }
          .hokei-hikaku-lists-cv-btn-sp {
            font-size: 0.935rem;
            display: block; }
      .hokei-hikaku-lists .ico-rank {
        position: absolute;
        top: -1.4rem;
        left: 50%;
        transform: translateX(-50%);
        width: 15%;
        margin: 0 auto 0.2rem !important; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-lists .ico-rank {
            width: 30%;
            top: -1.2rem; } }
      .hokei-hikaku-lists .bnr {
        width: 100%;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-lists .bnr {
            width: 90%; } }
      .hokei-hikaku-lists .name {
        text-align: center;
        font-weight: bold;
        line-height: 1.2; }
      .hokei-hikaku-lists .txt-big {
        font-weight: bold;
        font-size: 1.02rem; }
      .hokei-hikaku-lists .feature {
        grid-area: feature; }
      .hokei-hikaku-lists .surgery {
        grid-area: surgery; }
      .hokei-hikaku-lists .insurance {
        grid-area: insurance; }
      .hokei-hikaku-lists .surgerytime {
        grid-area: surgerytime; }
      .hokei-hikaku-lists .type {
        grid-area: type; }
      .hokei-hikaku-lists .notcut {
        grid-area: notcut; }
      .hokei-hikaku-lists .staff {
        grid-area: staff; }
      .hokei-hikaku-lists .privacy {
        grid-area: privacy; }
      .hokei-hikaku-lists .area {
        grid-area: area; }
      .hokei-hikaku-lists .cv {
        grid-area: cv; }
      .hokei-hikaku-lists .link {
        grid-area: link; }
      .hokei-hikaku-lists .anken1 {
        background-color: #fffce5;
        grid-area: anken1;
        border: 4px solid #cc3c14;
        border-bottom: none;
        padding-top: 1.8rem;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-lists .anken1 {
            border: 2px solid #cc3c14;
            border-bottom: none;
            padding: 1.5rem .2rem .5rem; } }
        .hokei-hikaku-lists .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-feature {
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
        .hokei-hikaku-lists .anken1-surgery {
          grid-area: anken1-surgery;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-surgery {
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
        .hokei-hikaku-lists .anken1-insurance {
          grid-area: anken1-insurance;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-insurance {
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
        .hokei-hikaku-lists .anken1-surgerytime {
          grid-area: anken1-surgerytime;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-surgerytime {
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
        .hokei-hikaku-lists .anken1-type {
          grid-area: anken1-type;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-type {
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
        .hokei-hikaku-lists .anken1-notcut {
          grid-area: anken1-notcut;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-notcut {
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
        .hokei-hikaku-lists .anken1-staff {
          grid-area: anken1-staff;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-staff {
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
        .hokei-hikaku-lists .anken1-privacy {
          grid-area: anken1-privacy;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-privacy {
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
        .hokei-hikaku-lists .anken1-area {
          grid-area: anken1-area;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-area {
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
        .hokei-hikaku-lists .anken1-cv {
          grid-area: anken1-cv;
          background-color: #fffce5;
          border-left: 4px solid #cc3c14;
          border-right: 4px solid #cc3c14;
          padding: 0.5rem .5rem 1rem;
          flex-direction: column; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-cv {
              padding: .5rem 0 1rem;
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
          .hokei-hikaku-lists .anken1-cv .name {
            margin-bottom: .5rem; }
        .hokei-hikaku-lists .anken1-link {
          grid-area: anken1-link;
          background-color: #fffce5;
          border: 4px solid #cc3c14;
          border-top: none;
          padding: .5rem .5rem 1rem;
          flex-direction: column; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken1-link {
              padding: .5rem 0 1rem;
              border-left: 2px solid #cc3c14;
              border-right: 2px solid #cc3c14; } }
      .hokei-hikaku-lists .anken2 {
        grid-area: anken2;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
        padding-top: 1.8rem;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-lists .anken2 {
            padding: 1.5rem .2rem .5rem; } }
        .hokei-hikaku-lists .anken2-feature {
          grid-area: anken2-feature;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff;
          align-items: center; }
        .hokei-hikaku-lists .anken2-surgery {
          grid-area: anken2-surgery;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff;
          align-items: center; }
        .hokei-hikaku-lists .anken2-insurance {
          grid-area: anken2-insurance;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken2-surgerytime {
          grid-area: anken2-surgerytime;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken2-type {
          grid-area: anken2-type;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken2-notcut {
          grid-area: anken2-notcut;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken2-staff {
          grid-area: anken2-staff;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken2-privacy {
          grid-area: anken2-privacy;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken2-area {
          grid-area: anken2-area;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken2-cv {
          grid-area: anken2-cv;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff;
          background-color: #f2fafc;
          padding: 0.5rem .5rem 1rem;
          flex-direction: column; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken2-cv {
              padding: .5rem 0 1rem; } }
          .hokei-hikaku-lists .anken2-cv .name {
            margin-bottom: .5rem; }
        .hokei-hikaku-lists .anken2-link {
          grid-area: anken2-link;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff;
          background-color: #f2fafc;
          padding: .5rem .5rem 1rem;
          flex-direction: column; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken2-link {
              padding: .5rem 0 1rem; } }
      .hokei-hikaku-lists .anken3 {
        grid-area: anken3;
        border-left: 2px solid #fff;
        padding-top: 1.8rem;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-lists .anken3 {
            padding: 1.5rem .2rem .5rem; } }
        .hokei-hikaku-lists .anken3-feature {
          grid-area: anken3-feature;
          border-left: 2px solid #fff;
          align-items: center; }
        .hokei-hikaku-lists .anken3-surgery {
          grid-area: anken3-surgery;
          border-left: 2px solid #fff;
          align-items: center; }
        .hokei-hikaku-lists .anken3-insurance {
          grid-area: anken3-insurance;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken3-surgerytime {
          grid-area: anken3-surgerytime;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken3-type {
          grid-area: anken3-type;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken3-notcut {
          grid-area: anken3-notcut;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken3-staff {
          grid-area: anken3-staff;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken3-privacy {
          grid-area: anken3-privacy;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken3-area {
          grid-area: anken3-area;
          border-left: 2px solid #fff; }
        .hokei-hikaku-lists .anken3-cv {
          grid-area: anken3-cv;
          border-left: 2px solid #fff;
          background-color: #f2fafc;
          padding: 0.5rem .5rem 1rem;
          flex-direction: column; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken3-cv {
              padding: .5rem 0 1rem; } }
          .hokei-hikaku-lists .anken3-cv .name {
            margin-bottom: .5rem; }
        .hokei-hikaku-lists .anken3-link {
          grid-area: anken3-link;
          border-left: 2px solid #fff;
          background-color: #f2fafc;
          padding: .5rem .5rem 1rem;
          flex-direction: column; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-lists .anken3-link {
              padding: .5rem 0 1rem; } }
    .hokei-hikaku-table {
      position: relative;
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0 4px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "how how how" "kasei kasei kasei" "anken1-kasei anken2-kasei anken3-kasei" "shinsei shinsei shinsei" "anken1-shinsei anken2-shinsei anken3-shinsei" "kanton kanton kanton" "anken1-kanton anken2-kanton anken3-kanton" "masui masui masui" "anken1-masui anken2-masui anken3-masui" "pay pay pay" "anken1-pay anken2-pay anken3-pay" "time time time" "anken1-time anken2-time anken3-time" "area area area" "anken1-area anken2-area anken3-area" "link link link" "anken1-link anken2-link anken3-link"; }
      .hokei-hikaku-table .flex {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: .2rem;
        padding: .5rem;
        background-color: #f2fafc; }
      .hokei-hikaku-table .ttl {
        background-color: #0099cc;
        color: #fff;
        font-weight: bold;
        padding: .3rem; }
      .hokei-hikaku-table .content {
        background-color: #f2fafc;
        padding: .8rem; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-table .content {
            font-size: .9rem;
            padding: .5rem; } }
        .hokei-hikaku-table .content-inner {
          text-align: center;
          width: 100%; }
          .hokei-hikaku-table .content-inner-txt {
            font-size: .85rem; }
          .hokei-hikaku-table .content-inner-eval {
            width: 20%;
            margin: 0 auto .5rem; }
          .hokei-hikaku-table .content-inner .area-txt {
            font-size: 1.02rem;
            text-align: left;
            margin: 0 .5rem; }
            @media only screen and (max-width: 767px) {
              .hokei-hikaku-table .content-inner .area-txt {
                font-size: .765rem; } }
      .hokei-hikaku-table-cv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .2rem; }
        .hokei-hikaku-table-cv-rank-ico {
          width: 20%;
          margin: 0 auto 0.5rem; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-table-cv-rank-ico {
              width: 40%; } }
        .hokei-hikaku-table-cv-copy {
          text-align: center;
          font-size: .85rem;
          font-weight: bold;
          margin-bottom: .5rem; }
          .hokei-hikaku-table-cv-copy-inner {
            position: relative; }
            .hokei-hikaku-table-cv-copy-inner:before {
              display: none; }
            .hokei-hikaku-table-cv-copy-inner:after {
              display: none; }
        .hokei-hikaku-table-cv-btn {
          width: 80%;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-table-cv-btn {
              width: 85%;
              font-size: .765rem;
              padding-top: .7rem;
              line-height: 1.3; } }
          .hokei-hikaku-table-cv-btn-sp {
            font-size: 0.935rem;
            display: block; }
      .hokei-hikaku-table .bnr {
        width: 70%;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-table .bnr {
            width: 90%; } }
      .hokei-hikaku-table .name {
        text-align: center;
        font-weight: bold;
        line-height: 1.2; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-table .name {
            font-size: .8rem; } }
      .hokei-hikaku-table .txt-big {
        font-weight: bold;
        font-size: 1.02rem; }
      .hokei-hikaku-table .feature {
        grid-area: feature; }
      .hokei-hikaku-table .cost {
        grid-area: cost; }
      .hokei-hikaku-table .time {
        grid-area: time; }
      .hokei-hikaku-table .type {
        grid-area: type; }
      .hokei-hikaku-table .how {
        grid-area: how; }
      .hokei-hikaku-table .kasei {
        grid-area: kasei;
        background-color: #85d8ea; }
      .hokei-hikaku-table .shinsei {
        grid-area: shinsei;
        background-color: #85d8ea; }
      .hokei-hikaku-table .kanton {
        grid-area: kanton;
        background-color: #85d8ea; }
      .hokei-hikaku-table .masui {
        grid-area: masui; }
      .hokei-hikaku-table .pay {
        grid-area: pay; }
      .hokei-hikaku-table .area {
        grid-area: area; }
      .hokei-hikaku-table .link {
        grid-area: link; }
      .hokei-hikaku-table .anken1 {
        grid-area: anken1;
        background-color: #fffce5;
        position: sticky;
        top: 0;
        padding-bottom: 1.5rem;
        z-index: 1; }
        .hokei-hikaku-table .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-cost {
          grid-area: anken1-cost;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-time {
          grid-area: anken1-time;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-type {
          grid-area: anken1-type;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-kasei {
          grid-area: anken1-kasei;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-shinsei {
          grid-area: anken1-shinsei;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-kanton {
          grid-area: anken1-kanton;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-masui {
          grid-area: anken1-masui;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-pay {
          grid-area: anken1-pay;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-area {
          grid-area: anken1-area;
          background-color: #fffce5; }
        .hokei-hikaku-table .anken1-link {
          grid-area: anken1-link;
          background-color: #fffce5; }
      .hokei-hikaku-table .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        padding-bottom: 1.5rem;
        z-index: 1; }
        .hokei-hikaku-table .anken2-feature {
          grid-area: anken2-feature; }
        .hokei-hikaku-table .anken2-cost {
          grid-area: anken2-cost; }
        .hokei-hikaku-table .anken2-time {
          grid-area: anken2-time; }
        .hokei-hikaku-table .anken2-type {
          grid-area: anken2-type; }
        .hokei-hikaku-table .anken2-kasei {
          grid-area: anken2-kasei; }
        .hokei-hikaku-table .anken2-shinsei {
          grid-area: anken2-shinsei; }
        .hokei-hikaku-table .anken2-kanton {
          grid-area: anken2-kanton; }
        .hokei-hikaku-table .anken2-masui {
          grid-area: anken2-masui; }
        .hokei-hikaku-table .anken2-pay {
          grid-area: anken2-pay; }
        .hokei-hikaku-table .anken2-area {
          grid-area: anken2-area; }
        .hokei-hikaku-table .anken2-link {
          grid-area: anken2-link; }
      .hokei-hikaku-table .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        padding-bottom: 1.5rem; }
        .hokei-hikaku-table .anken3-feature {
          grid-area: anken3-feature; }
        .hokei-hikaku-table .anken3-cost {
          grid-area: anken3-cost; }
        .hokei-hikaku-table .anken3-time {
          grid-area: anken3-time; }
        .hokei-hikaku-table .anken3-type {
          grid-area: anken3-type; }
        .hokei-hikaku-table .anken3-kasei {
          grid-area: anken3-kasei; }
        .hokei-hikaku-table .anken3-shinsei {
          grid-area: anken3-shinsei; }
        .hokei-hikaku-table .anken3-kanton {
          grid-area: anken3-kanton; }
        .hokei-hikaku-table .anken3-masui {
          grid-area: anken3-masui; }
        .hokei-hikaku-table .anken3-pay {
          grid-area: anken3-pay; }
        .hokei-hikaku-table .anken3-area {
          grid-area: anken3-area; }
        .hokei-hikaku-table .anken3-link {
          grid-area: anken3-link; }
      .hokei-hikaku-table-02 {
        grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "how how how" "kasei kasei kasei" "anken1-kasei anken2-kasei anken3-kasei" "shinsei shinsei shinsei" "anken1-shinsei anken2-shinsei anken3-shinsei" "kanton kanton kanton" "anken1-kanton anken2-kanton anken3-kanton" "masui masui masui" "anken1-masui anken2-masui anken3-masui" "time time time" "anken1-time anken2-time anken3-time" "area area area" "anken1-area anken2-area anken3-area" "link link link" "anken1-link anken2-link anken3-link"; }
    .hokei-hikaku-inner {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "masui masui masui" "anken1-masui anken2-masui anken3-masui" "aftercare aftercare aftercare" "anken1-aftercare anken2-aftercare anken3-aftercare" "privacy privacy privacy" "anken1-privacy anken2-privacy anken3-privacy" "split split split" "anken1-split anken2-split anken3-split" "time time time" "anken1-time anken2-time anken3-time" "area area area" "anken1-area anken2-area anken3-area" "link link link" "anken1-link anken2-link anken3-link"; }
      .hokei-hikaku-inner .flex {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: .2rem;
        padding: .5rem;
        background-color: #f2fafc; }
      .hokei-hikaku-inner .ttl {
        background-color: #0099cc;
        color: #fff;
        font-weight: bold;
        padding: .3rem; }
      .hokei-hikaku-inner .content {
        background-color: #f2fafc;
        padding: .8rem; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-inner .content {
            font-size: .9rem;
            padding: .5rem; } }
        .hokei-hikaku-inner .content-inner {
          text-align: center;
          width: 100%; }
          .hokei-hikaku-inner .content-inner-txt {
            font-size: .85rem; }
            @media only screen and (max-width: 767px) {
              .hokei-hikaku-inner .content-inner-txt {
                font-size: 0.7rem; } }
          .hokei-hikaku-inner .content-inner-eval {
            width: 20%;
            margin: 0 auto .5rem; }
          .hokei-hikaku-inner .content-inner .area-txt {
            font-size: 1.02rem;
            text-align: left;
            margin: 0 .5rem; }
            @media only screen and (max-width: 767px) {
              .hokei-hikaku-inner .content-inner .area-txt {
                font-size: .765rem; } }
      .hokei-hikaku-inner-cv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .2rem; }
        .hokei-hikaku-inner-cv-rank-ico {
          width: 20%;
          margin: 0 auto 0.5rem; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-inner-cv-rank-ico {
              width: 40%; } }
        .hokei-hikaku-inner-cv-copy {
          text-align: center;
          font-size: .85rem;
          font-weight: bold;
          margin-bottom: .5rem; }
          .hokei-hikaku-inner-cv-copy-inner {
            position: relative; }
            .hokei-hikaku-inner-cv-copy-inner:before {
              display: none; }
            .hokei-hikaku-inner-cv-copy-inner:after {
              display: none; }
        .hokei-hikaku-inner-cv-btn {
          width: 80%;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .hokei-hikaku-inner-cv-btn {
              width: 85%;
              font-size: .765rem;
              padding-top: .7rem;
              line-height: 1.3; } }
          .hokei-hikaku-inner-cv-btn-sp {
            font-size: 0.935rem;
            display: block; }
      .hokei-hikaku-inner .bnr {
        width: 70%;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-inner .bnr {
            width: 90%; } }
      .hokei-hikaku-inner .name {
        text-align: center;
        font-weight: bold;
        line-height: 1.2; }
        @media only screen and (max-width: 767px) {
          .hokei-hikaku-inner .name {
            font-size: .8rem; } }
      .hokei-hikaku-inner .txt-big {
        font-weight: bold;
        font-size: 1.02rem; }
      .hokei-hikaku-inner .feature {
        grid-area: feature; }
      .hokei-hikaku-inner .masui {
        grid-area: masui; }
      .hokei-hikaku-inner .aftercare {
        grid-area: aftercare; }
      .hokei-hikaku-inner .privacy {
        grid-area: privacy; }
      .hokei-hikaku-inner .split {
        grid-area: split; }
      .hokei-hikaku-inner .time {
        grid-area: time; }
      .hokei-hikaku-inner .area {
        grid-area: area; }
      .hokei-hikaku-inner .link {
        grid-area: link; }
      .hokei-hikaku-inner .anken1 {
        grid-area: anken1;
        background-color: #fffce5;
        position: sticky;
        top: 0;
        padding-bottom: 1.5rem;
        border-right: 3px solid #fff;
        z-index: 1; }
        .hokei-hikaku-inner .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fffce5;
          border-right: 3px solid #fff; }
        .hokei-hikaku-inner .anken1-masui {
          grid-area: anken1-masui;
          background-color: #fffce5;
          border-right: 3px solid #fff; }
        .hokei-hikaku-inner .anken1-aftercare {
          grid-area: anken1-aftercare;
          background-color: #fffce5;
          border-right: 3px solid #fff; }
        .hokei-hikaku-inner .anken1-privacy {
          grid-area: anken1-privacy;
          background-color: #fffce5;
          border-right: 3px solid #fff; }
        .hokei-hikaku-inner .anken1-split {
          grid-area: anken1-split;
          background-color: #fffce5;
          border-right: 3px solid #fff; }
        .hokei-hikaku-inner .anken1-time {
          grid-area: anken1-time;
          background-color: #fffce5;
          border-right: 3px solid #fff; }
        .hokei-hikaku-inner .anken1-area {
          grid-area: anken1-area;
          background-color: #fffce5;
          border-right: 3px solid #fff; }
        .hokei-hikaku-inner .anken1-link {
          grid-area: anken1-link;
          background-color: #fffce5;
          border-right: 3px solid #fff; }
      .hokei-hikaku-inner .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        padding-bottom: 1.5rem;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff;
        z-index: 1; }
        .hokei-hikaku-inner .anken2-feature {
          grid-area: anken2-feature;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken2-masui {
          grid-area: anken2-masui;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken2-aftercare {
          grid-area: anken2-aftercare;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken2-privacy {
          grid-area: anken2-privacy;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken2-split {
          grid-area: anken2-split;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken2-time {
          grid-area: anken2-time;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken2-area {
          grid-area: anken2-area;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
      .hokei-hikaku-inner .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        padding-bottom: 1.5rem;
        border-left: 3px solid #fff;
        z-index: 1; }
        .hokei-hikaku-inner .anken3-feature {
          grid-area: anken3-feature;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken3-masui {
          grid-area: anken3-masui;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken3-aftercare {
          grid-area: anken3-aftercare;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken3-privacy {
          grid-area: anken3-privacy;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken3-split {
          grid-area: anken3-split;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken3-time {
          grid-area: anken3-time;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken3-area {
          grid-area: anken3-area;
          border-left: 3px solid #fff; }
        .hokei-hikaku-inner .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
  .hokei-reason {
    max-width: 750px;
    margin: 1rem auto; }
    .hokei-reason-com {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      align-items: center;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .hokei-reason-com {
          gap: .5rem; } }
      .hokei-reason-com-img {
        width: 20%; }
      .hokei-reason-com-txt {
        width: 79%; }
        .hokei-reason-com-txt .big {
          font-size: 1.3rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .hokei-reason-com-txt .big {
              font-size: 1rem; } }
    .hokei-reason-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr .4fr 1fr;
      grid-template-rows: auto;
      gap: 4px 0px;
      grid-auto-flow: row;
      grid-template-areas: "jiyuu white hoken" "jiyuu-cost cost hoken-cost" "jiyuu-merit merit hoken-merit" "jiyuu-demerit demerit hoken-demerit"; }
      @media only screen and (max-width: 767px) {
        .hokei-reason-container {
          grid-template-columns: 1fr .45fr 1fr; } }
      .hokei-reason-container .flex {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: .2rem;
        padding: .5rem;
        text-align: center;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .hokei-reason-container .flex {
            padding: .5rem .2rem; } }
      .hokei-reason-container .ttl {
        font-size: .8rem;
        font-weight: bold; }
      .hokei-reason-container-list {
        padding: .5rem;
        display: flex;
        flex-direction: column;
        gap: .2rem; }
        .hokei-reason-container-list-item {
          position: relative;
          margin-left: 1rem;
          text-align: left;
          font-size: .9rem;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .hokei-reason-container-list-item {
              font-size: .8rem; } }
          .hokei-reason-container-list-item:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            display: inline-block;
            content: '';
            width: .4rem;
            height: .4rem;
            background-color: #0099cc;
            border-radius: 50px; }
      .hokei-reason-container .white {
        grid-area: white; }
      .hokei-reason-container .cost {
        grid-area: cost; }
      .hokei-reason-container .merit {
        grid-area: merit; }
      .hokei-reason-container .demerit {
        grid-area: demerit; }
      .hokei-reason-container .jiyuu {
        grid-area: jiyuu;
        background-color: #fffce5;
        padding: 1rem; }
        @media only screen and (max-width: 767px) {
          .hokei-reason-container .jiyuu {
            padding: .5rem .2rem; } }
        .hokei-reason-container .jiyuu-cost {
          grid-area: jiyuu-cost;
          background-color: #fffce5; }
        .hokei-reason-container .jiyuu-merit {
          grid-area: jiyuu-merit;
          background-color: #fffce5; }
        .hokei-reason-container .jiyuu-demerit {
          grid-area: jiyuu-demerit;
          background-color: #fffce5; }
      .hokei-reason-container .hoken {
        grid-area: hoken;
        background-color: #f2fafc;
        padding: 1rem; }
        @media only screen and (max-width: 767px) {
          .hokei-reason-container .hoken {
            padding: .5rem .2rem; } }
        .hokei-reason-container .hoken-cost {
          grid-area: hoken-cost;
          background-color: #f2fafc; }
        .hokei-reason-container .hoken-merit {
          grid-area: hoken-merit;
          background-color: #f2fafc; }
        .hokei-reason-container .hoken-demerit {
          grid-area: hoken-demerit;
          background-color: #f2fafc; }
  .hokei-point {
    max-width: 750px;
    margin: 3rem auto 2rem; }
    .hokei-point-list {
      display: flex;
      justify-content: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .hokei-point-list {
          flex-direction: column;
          gap: 1.5rem; } }
      @media only screen and (max-width: 767px) {
        .hokei-point-list-item {
          display: flex;
          justify-content: center; } }
      .hokei-point-list-item-ttl {
        margin-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .hokei-point-list-item-ttl {
            margin-bottom: 0;
            width: 40%; } }
        .hokei-point-list-item-ttl-img {
          width: 70%;
          margin: auto; }
      .hokei-point-list-item-content {
        text-align: center;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .hokei-point-list-item-content {
            width: 60%;
            font-size: 0.935rem;
            line-height: 1.4;
            text-align: left; } }
        .hokei-point-list-item-content-strong {
          font-size: 1.02rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .hokei-point-list-item-content-strong {
              font-size: 1.105rem; } }
  .hokei-step {
    max-width: 1000px;
    margin: 2rem auto 4rem; }
    @media only screen and (max-width: 767px) {
      .hokei-step {
        padding: 0 .5rem;
        margin: 2rem auto 3rem; } }
    .hokei-step-list {
      margin: 1rem auto; }
      .hokei-step-list-detail {
        background-color: #f2fafc;
        padding: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .hokei-step-list-detail-img {
            width: 55%;
            margin: auto; } }
        .hokei-step-list-detail-txt {
          text-align: center;
          font-weight: bold;
          font-size: 0.935rem;
          margin-top: 0.5rem; }
          @media only screen and (max-width: 767px) {
            .hokei-step-list-detail-txt {
              font-size: 1.275rem; } }
  .hokei-osusume {
    max-width: 750px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .hokei-osusume {
        padding: 0 .5rem; } }
    .hokei-osusume-list {
      margin-top: 1rem; }
      .hokei-osusume-list-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .5rem; }
        .hokei-osusume-list-item-txt {
          text-align: center; }
    .hokei-osusume-sankaku {
      max-width: 500px;
      margin: 1rem auto; }
    .hokei-osusume-ketsuron {
      margin: 1rem auto 0;
      max-width: 500px; }
      .hokei-osusume-ketsuron-list {
        display: flex;
        justify-content: center;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .hokei-osusume-ketsuron-list {
            flex-direction: column; } }
        .hokei-osusume-ketsuron-list-wrap-txt {
          text-align: center;
          margin-top: .2rem; }
        @media only screen and (max-width: 767px) {
          .hokei-osusume-ketsuron-list-wrap-img {
            width: 80%;
            margin: auto; } }
      .hokei-osusume-ketsuron-strong {
        margin: 2rem auto; }
        .hokei-osusume-ketsuron-strong-cv {
          width: 100%;
          display: flex;
          justify-content: center;
          flex-direction: column; }
          .hokei-osusume-ketsuron-strong-cv-btn {
            width: 50%; }
            @media only screen and (max-width: 767px) {
              .hokei-osusume-ketsuron-strong-cv-btn {
                width: 80%; } }
          .hokei-osusume-ketsuron-strong-cv-name {
            margin: 0.5rem auto;
            width: 40%; }
            @media only screen and (max-width: 767px) {
              .hokei-osusume-ketsuron-strong-cv-name {
                width: 65%; } }
          .hokei-osusume-ketsuron-strong-cv-wrap {
            width: 50%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .hokei-osusume-ketsuron-strong-cv-wrap {
                width: 100%; } }
        .hokei-osusume-ketsuron-strong-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .hokei-osusume-ketsuron-strong-txt {
              margin-top: .5rem; } }
          .hokei-osusume-ketsuron-strong-txt-wrap {
            position: relative;
            font-weight: bold;
            font-size: 1.2rem;
            display: inline-block;
            line-height: 1.3; }
            .hokei-osusume-ketsuron-strong-txt-wrap:before {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: -2rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/hokei/fukidashi_l.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .hokei-osusume-ketsuron-strong-txt-wrap:before {
                  transform: none;
                  bottom: 0;
                  top: inherit; } }
            .hokei-osusume-ketsuron-strong-txt-wrap:after {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: -2rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/hokei/fukidashi_r.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .hokei-osusume-ketsuron-strong-txt-wrap:after {
                  transform: none;
                  bottom: 0;
                  top: inherit; } }
          .hokei-osusume-ketsuron-strong-txt-name {
            font-size: 2rem;
            font-weight: bold; }
        .hokei-osusume-ketsuron-strong-surgery {
          max-width: 500px;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .hokei-osusume-ketsuron-strong-surgery {
              padding: 0 1rem; } }
        .hokei-osusume-ketsuron-strong-img {
          margin: 1rem auto; }
  .hokei .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .hokei .ranking-flexwrap {
        flex-direction: column;
        gap: 0; } }
  .hokei .ranking-title {
    background-color: #0099cc; }
    @media only screen and (max-width: 767px) {
      .hokei .ranking-title {
        padding: 1.5rem .5rem; } }
    .hokei .ranking-title:after {
      top: 98%;
      border-top: 20px solid #0099cc; }
    .hokei .ranking-title-flex span {
      color: #0099cc; }
    .hokei .ranking-title-txt {
      color: #fff;
      font-size: 1.7rem; }
      @media only screen and (max-width: 767px) {
        .hokei .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.445rem; } }
    .hokei .ranking-title-img {
      max-width: 400px;
      margin: 0 auto;
      display: flex;
      justify-content: center; }
  .hokei .ranking .hokei-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #fefad3;
    border-radius: 10px; }
  .hokei .ranking .hokei-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #bdb6c1;
    border-radius: 10px; }
  .hokei .ranking .hokei-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #80610d;
    border-radius: 10px; }
  .hokei .ranking .hokei-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #1d215c;
    border-radius: 10px; }
  .hokei .ranking .hokei-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #bf406d;
    border-radius: 10px; }
  .hokei .ranking .hokei-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #bf406d;
    border-radius: 10px; }
  .hokei .ranking .hokei-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 2rem; }
    .hokei .ranking .hokei-ranking-list .ranking-list-box-cv {
      margin: 0 auto 1rem; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-cv-copy {
        margin: 1.5rem auto .5rem;
        text-align: center; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-cv-btn {
        width: 50%;
        margin-bottom: 1rem;
        font-size: 1.275rem;
        opacity: 1; }
        @media only screen and (max-width: 767px) {
          .hokei .ranking .hokei-ranking-list .ranking-list-box-cv-btn {
            width: 90%;
            font-size: 1.105rem; } }
    .hokei .ranking .hokei-ranking-list .ranking-list-box-ttl {
      padding: 1rem 1rem .5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .hokei .ranking .hokei-ranking-list .ranking-list-box-ttl {
          margin-top: 0;
          font-size: 1.105rem;
          padding: 1rem .5rem .5rem; } }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-ttl-wrap {
        text-align: left; }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-ttl-wrap-copy {
          font-size: 1.02rem;
          margin-bottom: -0.3rem; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-ttl-wrap-copy {
              font-size: .765rem;
              margin-bottom: 0;
              font-weight: normal;
              line-height: 1.4; } }
    .hokei .ranking .hokei-ranking-list .ranking-list-box-ico {
      position: static;
      transform: none;
      width: 70px; }
    .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper {
      background-color: #f2fafc; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner {
          display: flex;
          align-items: center;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner {
              flex-direction: column; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-bnr {
            width: 40%; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-bnr {
                width: 100%; } }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-bnr img {
              margin: auto; }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point {
            text-align: left;
            margin: 0 auto;
            width: 59%; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point {
                width: 100%; } }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point-ttl {
              background-color: #ffe600;
              color: #282829;
              font-weight: bold;
              padding: .2rem;
              text-align: center; }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point-list {
              margin: 0 auto;
              padding: 1rem 2rem;
              display: flex;
              flex-direction: column;
              gap: 0.5rem; }
              @media only screen and (max-width: 767px) {
                .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point-list {
                  padding: 1rem 1.5rem; } }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point-flex {
              display: flex;
              justify-content: left;
              align-items: center;
              font-weight: 700;
              gap: .5rem;
              font-weight: normal; }
              @media only screen and (max-width: 767px) {
                .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point-flex {
                  justify-content: left; } }
              .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point-flex-check {
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(../img/feature/hokei/hokei_check.png) no-repeat;
                background-size: contain; }
                @media only screen and (max-width: 767px) {
                  .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point-flex-check {
                    width: 10%; } }
              .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point-flex-ttl {
                width: 90%;
                line-height: 1.4; }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-point-txt {
              line-height: 1.5;
              margin-bottom: 1rem; }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-spec {
            width: 59%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: .5rem;
            margin: 0; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-spec {
                width: 100%; } }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-spec-item {
              display: flex; }
              .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-spec-item-ttl {
                width: 30%;
                background-color: #0099cc;
                color: #fff;
                font-weight: bold;
                padding: .5rem;
                display: flex;
                justify-content: center;
                align-items: center; }
                @media only screen and (max-width: 767px) {
                  .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-spec-item-ttl {
                    font-size: .765rem; } }
              .hokei .ranking .hokei-ranking-list .ranking-list-box-wrapper-width-inner-spec-item-txt {
                width: 70%;
                background-color: #fff;
                padding: .5rem; }
    .hokei .ranking .hokei-ranking-list .ranking-list-box-inner {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-ttl {
        background-color: #0099cc;
        padding: .2rem;
        text-align: center;
        color: #fff; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: center;
        gap: .2rem;
        flex-direction: column; }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-osusume li {
          width: 40%;
          margin: auto;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-osusume li {
              width: 93%; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-osusume li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #0099cc;
            border-radius: 50%;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list {
        display: flex;
        gap: 1rem;
        justify-content: center;
        margin: 1rem auto; }
        @media only screen and (max-width: 767px) {
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list {
            flex-wrap: wrap; } }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item {
          position: relative;
          border: 2px solid #0099cc;
          background-color: #fff;
          padding: 1rem;
          width: 24.9%;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item {
              width: 47.5%; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item-harf {
            width: 49.9%; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item-harf {
                width: 47.5%; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item-third {
            width: 33.3%; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item-third {
                width: 47.5%; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item-wide {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item-wide {
                width: 100%; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item-num {
            position: absolute;
            top: -1rem;
            left: -.8rem;
            width: 2.5rem;
            height: 2.5rem; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-plan-list-item-num {
                top: -.8rem;
                width: 2.3rem;
                height: 2.3rem; } }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-spec {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: .5rem;
        margin: 0; }
        @media only screen and (max-width: 767px) {
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-spec {
            width: 100%;
            flex-wrap: nowrap;
            flex-direction: column; } }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-spec-item {
          display: flex;
          width: 49%; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-spec-item {
              width: 100%; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-spec-item-ttl {
            width: 30%;
            background-color: #0099cc;
            color: #fff;
            font-weight: bold;
            padding: .5rem;
            display: flex;
            justify-content: center;
            align-items: center; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-spec-item-ttl {
                font-size: .765rem; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-spec-item-txt {
            width: 70%;
            background-color: #fff;
            padding: .5rem; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-specbox {
        margin: 1.5rem auto;
        border: none; }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-specbox th {
          background-color: #0099cc;
          color: #fff;
          padding: .2rem;
          height: auto;
          border: 1px solid #f2fafc; }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-specbox td {
          background-color: #fff;
          text-align: center;
          border: 1px solid #f2fafc;
          border-bottom: 0.5rem solid #f2fafc;
          font-size: .7rem;
          padding: .5rem; }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-specbox-eval {
          width: 20%;
          display: inline-block; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-apearl-content {
        background-color: #fff;
        padding: 1.5rem 2rem; }
        @media only screen and (max-width: 767px) {
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-apearl-content {
            padding: 1rem 2rem; } }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop {
        width: 60%;
        margin: 1.5rem auto; }
        @media only screen and (max-width: 767px) {
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop {
            width: 90%; } }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-ttl {
          background-color: #ffe600;
          color: #282829;
          position: relative;
          padding: .5rem;
          text-align: center;
          cursor: pointer; }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-ttl:before {
            position: absolute;
            top: 50%;
            left: 20%;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: #282829 transparent transparent transparent;
            display: inline-block;
            pointer-events: none; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-ttl:before {
                left: .5rem; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-ttl:after {
            position: absolute;
            top: 50%;
            right: 20%;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: #282829 transparent transparent transparent;
            display: inline-block;
            pointer-events: none; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-ttl:after {
                right: .5rem; } }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-content {
          display: none; }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-content-list {
            margin: 0;
            padding: 1.5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-content-list {
                padding: 1.5rem 1rem; } }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
              display: flex;
              justify-content: center; }
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                background-color: #ffe600;
                font-weight: bold;
                padding: .5rem;
                width: 24%;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center; }
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                background-color: #fefad3;
                padding: .5rem;
                width: 76%; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei {
        background-color: #fff;
        padding: 1rem 2rem;
        margin-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei {
            padding: 1rem 1.5rem;
            flex-direction: column; } }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-name {
          width: 35%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          gap: 0.5rem; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-name {
              width: 50%; } }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history {
          width: 65%; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history {
              width: 100%; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history-list {
            margin: 0; }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history-list-ttl {
              font-weight: bold;
              font-size: 0.935rem; }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history-list-item {
              display: flex;
              justify-content: center;
              align-items: center;
              gap: .5rem; }
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history-list-item-year {
                width: 23%; }
                @media only screen and (max-width: 767px) {
                  .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history-list-item-year {
                    width: 32%; } }
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history-list-item-txt {
                width: 76%; }
                @media only screen and (max-width: 767px) {
                  .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history-list-item-txt {
                    width: 68%; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history-belong {
            margin: .5rem auto; }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-doctor-setsumei-history-belong-ttl {
              font-weight: bold;
              font-size: 0.935rem; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-inner {
        margin: 1rem 0; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card {
        background-color: #fff;
        width: 100%;
        padding: 1.5rem 3rem;
        box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
        height: 500px; }
        @media only screen and (max-width: 767px) {
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card {
            padding: 1.5rem 2rem;
            gap: 1rem;
            max-height: 550px;
            height: auto; } }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card-img {
          width: 40%; }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card-comment {
          width: 100%; }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card-comment p {
            font-size: 0.765rem !important; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card-comment {
              padding: 0 1rem; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
            position: relative;
            display: inline-block;
            font-size: 1.53rem;
            margin-bottom: 1rem;
            line-height: 1.2; }
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
              position: absolute;
              bottom: -0.5rem;
              left: 0;
              background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
              content: "";
              height: 2px;
              width: 100%; }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card-comment-link {
            display: block;
            font-size: 0.765rem;
            text-align: right;
            opacity: 0.5; }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-review-card-comment-txt {
            margin-top: .5rem;
            line-height: 1.5; }
      .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point {
        text-align: left;
        margin: 2rem auto 1rem; }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point-ttl {
          background-color: #ffe600;
          color: #282829;
          font-weight: bold; }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point-list {
          margin: 0 auto;
          padding: 1rem 2rem;
          display: flex;
          flex-direction: column;
          gap: 0.5rem; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point-list {
              padding: 1rem 1.5rem; } }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: left;
          align-items: center;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point-flex-check {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/feature/hokei/hokei_check.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point-flex-check {
                width: 10%; } }
          .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point-flex-ttl {
            width: 90%;
            line-height: 1.4; }
        .hokei .ranking .hokei-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.5;
          margin-bottom: 1rem; }
  .hokei-survey {
    margin-top: 2rem; }

.hokeisearch {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .hokeisearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .hokeisearch .only-pc {
      display: none; } }
  .hokeisearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #000;
    font-size: .765rem; }
    @media only screen and (max-width: 767px) {
      .hokeisearch select {
        font-size: .68rem;
        height: 3rem; } }
  .hokeisearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .hokeisearch-form {
        gap: .5rem; } }
    .hokeisearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .hokeisearch-form-wrap-sankaku {
        position: relative;
        width: 45%; }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-wrap-sankaku {
            width: 48%; } }
        .hokeisearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #000 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .hokeisearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .hokeisearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .hokeisearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .hokeisearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .hokeisearch-form-submit-txt {
        text-align: center;
        font-size: 0.765rem;
        line-height: 1.2;
        position: relative; }
        .hokeisearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .hokeisearch-form-submit-txt:before {
              display: none; } }
        .hokeisearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .hokeisearch-form-submit-txt:after {
              display: none; } }
      .hokeisearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.105rem; }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .hokeisearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.hokeikekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .hokeikekka-sort {
      flex-direction: column; } }
  .hokeikekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .hokeikekka-sort-now {
        width: 100%; } }
    .hokeikekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .hokeikekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .hokeikekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .hokeikekka-sort-form {
        width: 100%; } }
    .hokeikekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .hokeikekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.hokei-ranking .ranking-list-box-inner-review .swiper-button-prev, .hokei-ranking .ranking-list-box-inner-review .swiper-button-next {
  color: #0099cc; }
.hokei-ranking .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0099cc; }

/*包茎*/
/* hudosansateiLP   feature　
----------------------------------------------------------------------------------------------*/
.hudosansatei-mv {
  max-width: 750px;
  margin: auto; }
.hudosansatei-intro {
  width: 90%;
  margin: auto !important; }
.hudosansatei-container {
  position: relative;
  width: 2rem;
  height: 3rem;
  margin: auto !important; }
  @media only screen and (max-width: 767px) {
    .hudosansatei-container {
      height: 4rem; } }
  .hudosansatei-container-chevron {
    position: absolute;
    width: 28px;
    height: 8px;
    top: -1.8rem;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5);
    animation: move 3s ease-out infinite; }
    @media only screen and (max-width: 767px) {
      .hudosansatei-container-chevron {
        top: -1.5rem; } }
    .hudosansatei-container-chevron:first-child {
      animation: move 3s ease-out 1s infinite; }
    .hudosansatei-container-chevron:nth-child(2) {
      animation: move 3s ease-out 2s infinite; }
    .hudosansatei-container-chevron:before, .hudosansatei-container-chevron:after {
      content: ' ';
      position: absolute;
      top: 0;
      height: 100%;
      width: 51%;
      background: #fe4354; }
    .hudosansatei-container-chevron:before {
      left: 0;
      transform: skew(0deg, 30deg); }
    .hudosansatei-container-chevron:after {
      right: 0;
      width: 50%;
      transform: skew(0deg, -30deg); }
@keyframes move {
  25% {
    opacity: 1; }
  33% {
    opacity: 1;
    transform: translateY(30px); }
  67% {
    opacity: 1;
    transform: translateY(40px); }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5); } }
.hudosansatei-cam {
  text-align: center; }
  .hudosansatei-cam-link {
    transition: 0.3s; }
    .hudosansatei-cam-link:hover {
      opacity: .7; }
    .hudosansatei-cam-link-img {
      margin: 0 auto !important;
      width: 100%; }

.hudosansateisearch, .housesearch, .mochusearch, .nengasearch, .lawsearch {
  max-width: 1000px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .hudosansateisearch, .housesearch, .mochusearch, .nengasearch, .lawsearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .hudosansateisearch .only-pc, .housesearch .only-pc, .mochusearch .only-pc, .nengasearch .only-pc, .lawsearch .only-pc {
      display: none; } }
  .hudosansateisearch select, .housesearch select, .mochusearch select, .nengasearch select, .lawsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .hudosansateisearch select, .housesearch select, .mochusearch select, .nengasearch select, .lawsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .hudosansateisearch-form, .housesearch-form, .mochusearch-form, .nengasearch-form, .lawsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .hudosansateisearch-form, .housesearch-form, .mochusearch-form, .nengasearch-form, .lawsearch-form {
        gap: .5rem; } }
    .hudosansateisearch-form-wrap, .housesearch-form-wrap, .mochusearch-form-wrap, .nengasearch-form-wrap, .lawsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .hudosansateisearch-form-wrap-sankaku, .housesearch-form-wrap-sankaku, .mochusearch-form-wrap-sankaku, .nengasearch-form-wrap-sankaku, .lawsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .hudosansateisearch-form-wrap-sankaku, .housesearch-form-wrap-sankaku, .mochusearch-form-wrap-sankaku, .nengasearch-form-wrap-sankaku, .lawsearch-form-wrap-sankaku {
            width: 48%; } }
        @media only screen and (max-width: 767px) {
          .hudosansateisearch-form-wrap-sankaku-wide, .housesearch-form-wrap-sankaku-wide, .mochusearch-form-wrap-sankaku-wide, .nengasearch-form-wrap-sankaku-wide, .lawsearch-form-wrap-sankaku-wide {
            width: 100%; } }
        .hudosansateisearch-form-wrap-sankaku:after, .housesearch-form-wrap-sankaku:after, .mochusearch-form-wrap-sankaku:after, .nengasearch-form-wrap-sankaku:after, .lawsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .hudosansateisearch-form-wrap-sankaku:after, .housesearch-form-wrap-sankaku:after, .mochusearch-form-wrap-sankaku:after, .nengasearch-form-wrap-sankaku:after, .lawsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .hudosansateisearch-form-wrap-inner, .housesearch-form-wrap-inner, .mochusearch-form-wrap-inner, .nengasearch-form-wrap-inner, .lawsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .hudosansateisearch-form-wrap-inner, .housesearch-form-wrap-inner, .mochusearch-form-wrap-inner, .nengasearch-form-wrap-inner, .lawsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .hudosansateisearch-form-wrap-inner:focus, .housesearch-form-wrap-inner:focus, .mochusearch-form-wrap-inner:focus, .nengasearch-form-wrap-inner:focus, .lawsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .hudosansateisearch-form-submit, .housesearch-form-submit, .mochusearch-form-submit, .nengasearch-form-submit, .lawsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .hudosansateisearch-form-submit-txt, .housesearch-form-submit-txt, .mochusearch-form-submit-txt, .nengasearch-form-submit-txt, .lawsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .hudosansateisearch-form-submit-txt:before, .housesearch-form-submit-txt:before, .mochusearch-form-submit-txt:before, .nengasearch-form-submit-txt:before, .lawsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .hudosansateisearch-form-submit-txt:before, .housesearch-form-submit-txt:before, .mochusearch-form-submit-txt:before, .nengasearch-form-submit-txt:before, .lawsearch-form-submit-txt:before {
              display: none; } }
        .hudosansateisearch-form-submit-txt:after, .housesearch-form-submit-txt:after, .mochusearch-form-submit-txt:after, .nengasearch-form-submit-txt:after, .lawsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .hudosansateisearch-form-submit-txt:after, .housesearch-form-submit-txt:after, .mochusearch-form-submit-txt:after, .nengasearch-form-submit-txt:after, .lawsearch-form-submit-txt:after {
              display: none; } }
      .hudosansateisearch-form-submit input, .housesearch-form-submit input, .mochusearch-form-submit input, .nengasearch-form-submit input, .lawsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .hudosansateisearch-form-submit input, .housesearch-form-submit input, .mochusearch-form-submit input, .nengasearch-form-submit input, .lawsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .hudosansateisearch-form-submit input, .housesearch-form-submit input, .mochusearch-form-submit input, .nengasearch-form-submit input, .lawsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .hudosansateisearch-form-submit input:hover, .housesearch-form-submit input:hover, .mochusearch-form-submit input:hover, .nengasearch-form-submit input:hover, .lawsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.hudosansateikekka-sort, .housekekka-sort, .mochukekka-sort, .nengakekka-sort, .lawkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .hudosansateikekka-sort, .housekekka-sort, .mochukekka-sort, .nengakekka-sort, .lawkekka-sort {
      flex-direction: column; } }
  .hudosansateikekka-sort-now, .housekekka-sort-now, .mochukekka-sort-now, .nengakekka-sort-now, .lawkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .hudosansateikekka-sort-now, .housekekka-sort-now, .mochukekka-sort-now, .nengakekka-sort-now, .lawkekka-sort-now {
        width: 100%; } }
    .hudosansateikekka-sort-now-ttl, .housekekka-sort-now-ttl, .mochukekka-sort-now-ttl, .nengakekka-sort-now-ttl, .lawkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .hudosansateikekka-sort-now-content, .housekekka-sort-now-content, .mochukekka-sort-now-content, .nengakekka-sort-now-content, .lawkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .hudosansateikekka-sort-form, .housekekka-sort-form, .mochukekka-sort-form, .nengakekka-sort-form, .lawkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .hudosansateikekka-sort-form, .housekekka-sort-form, .mochukekka-sort-form, .nengakekka-sort-form, .lawkekka-sort-form {
        width: 100%; } }
    .hudosansateikekka-sort-form select, .housekekka-sort-form select, .mochukekka-sort-form select, .nengakekka-sort-form select, .lawkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .hudosansateikekka-sort-form:after, .housekekka-sort-form:after, .mochukekka-sort-form:after, .nengakekka-sort-form:after, .lawkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.swiper-button-prev, .swiper-button-next {
  color: #0099cc; }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0099cc; }

/*不動産査定*/
/* afterpillLP   feature　
----------------------------------------------------------------------------------------------*/
.afterpill {
  color: #282829; }
  .afterpill a {
    transition: 0.3s; }
    .afterpill a:hover {
      opacity: 0.7; }
  .afterpill-gradient {
    background: linear-gradient(90deg, #e3f2f2 0%, #e8eff2 25%, #f2eaf3 50%, #f7e8eb 75%, #f9e3e1 100%); }
  .afterpill-ttl {
    max-width: 500px;
    margin: auto; }
  .afterpill-wrap {
    padding: 0 .5rem 1rem; }
  .afterpill-cv {
    margin: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    width: 45%; }
    @media only screen and (max-width: 767px) {
      .afterpill-cv {
        width: 80%; } }
    .afterpill-cv a:hover {
      opacity: 1; }
    .afterpill-cv-copy {
      text-align: center;
      font-size: 1.02rem;
      font-weight: bold;
      margin: 1rem auto .5rem; }
      .afterpill-cv-copy-inner {
        display: inline-block;
        position: relative; }
        .afterpill-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/afterpill/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .afterpill-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/afterpill/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .afterpill-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 100%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.02rem;
      font-weight: bold;
      background-color: #f1528b;
      box-shadow: 0 8px 0 #682a3f;
      animation-name: afterpill-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes afterpill-cvmove {
  0% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #682a3f;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); } }
      .afterpill-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
  .afterpill-intro {
    margin: 1.5rem auto; }
    .afterpill-intro-txt {
      text-align: center; }
      .afterpill-intro-txt-big {
        font-size: 1.4rem;
        font-weight: bold; }
  .afterpill-neotype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .afterpill-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .afterpill-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .afterpill-neotype-list {
      margin-top: 2rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .afterpill-neotype-list {
          margin-top: 2rem;
          flex-direction: column;
          gap: 2rem; } }
      .afterpill-neotype-list-inner {
        position: relative;
        width: 50%;
        background-color: #fdf6f5;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .afterpill-neotype-list-inner {
            width: 100%; } }
        .afterpill-neotype-list-inner-1 {
          border: 4px solid #e5b349; }
          @media only screen and (max-width: 767px) {
            .afterpill-neotype-list-inner-1 {
              border: 3px solid #e5b349; } }
          .afterpill-neotype-list-inner-1 .afterpill-neotype-list-inner-ttl {
            position: relative; }
            .afterpill-neotype-list-inner-1 .afterpill-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/onlinepill/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .afterpill-neotype-list-inner-1 .afterpill-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .afterpill-neotype-list-inner-2 .afterpill-neotype-list-inner-ttl {
          position: relative; }
          .afterpill-neotype-list-inner-2 .afterpill-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/onlinepill/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .afterpill-neotype-list-inner-2 .afterpill-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .afterpill-neotype-list-inner-3 .afterpill-neotype-list-inner-ttl {
          position: relative; }
          .afterpill-neotype-list-inner-3 .afterpill-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/onlinepill/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .afterpill-neotype-list-inner-3 .afterpill-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .afterpill-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .afterpill-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -2.5rem;
            left: 0;
            width: 100%;
            height: 3rem;
            content: '';
            background: url(../img/feature/onlinepill/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .afterpill-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .afterpill-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .afterpill-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .5rem; }
            .afterpill-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .afterpill-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .afterpill-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .afterpill-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .afterpill-neotype-list-inner-ttl-name {
            font-size: 1.5rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            .afterpill-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .afterpill-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .afterpill-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .afterpill-neotype-list-inner-content {
          padding: 3rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .afterpill-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .2rem;
            margin: 0; }
            .afterpill-neotype-list-inner-content-spec-inner {
              width: 100%;
              background-color: #fff; }
              .afterpill-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #eaa29d;
                color: #fff;
                font-weight: bold;
                padding: .2rem;
                font-size: .9rem; }
              .afterpill-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .afterpill-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .afterpill-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .afterpill-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .afterpill-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .afterpill-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .afterpill-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/onlinepill/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .afterpill-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .afterpill-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .afterpill-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .afterpill-neotype-list-inner-content-cv {
            width: 70%; }
            @media only screen and (max-width: 767px) {
              .afterpill-neotype-list-inner-content-cv {
                width: 80%; } }
            .afterpill-neotype-list-inner-content-cv-btn {
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
        .afterpill-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .afterpill-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center;
            color: #4f4f4f;
            text-decoration: none; }
            .afterpill-neotype-list-inner-link-btn-txt {
              position: relative; }
              .afterpill-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #4f4f4f;
                border-bottom: 0;
                transition: .3s; }
              .afterpill-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #4f4f4f;
                border-bottom: 0;
                transition: .3s; }
  .afterpill-type {
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .afterpill-type {
        margin: .5rem auto; } }
    .afterpill-type-ttl {
      max-width: 500px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .afterpill-type-ttl {
          padding: .5rem; } }
    .afterpill-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .afterpill-type-list {
          margin: 1rem 0 1.5rem;
          flex-direction: column;
          gap: 1rem; } }
      .afterpill-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .afterpill-type-list-inner {
            width: 100%; } }
        .afterpill-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          border: 0.1rem solid #a2d5d4;
          background: #a2d5d4; }
          .afterpill-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .afterpill-type-list-inner-ttl-b {
            border: 0.1rem solid #b4cad5;
            background: #b4cad5; }
          .afterpill-type-list-inner-ttl-p {
            border: 0.1rem solid #d5b8d7;
            background: #d5b8d7; }
          .afterpill-type-list-inner-ttl-r {
            border: 0.1rem solid #e4b4bc;
            background: #e4b4bc; }
        .afterpill-type-list-inner-content {
          padding: 1rem .5rem 1.5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border: 0.1rem solid #a2d5d4;
          border-top: none;
          color: #282829;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          height: 13rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .afterpill-type-list-inner-content {
              height: auto; } }
          .afterpill-type-list-inner-content-wrap {
            display: inline-block;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .afterpill-type-list-inner-content-wrap {
                width: 90%; } }
            .afterpill-type-list-inner-content-wrap .logo {
              width: 70%;
              margin: 0 auto .5rem; }
              @media only screen and (max-width: 767px) {
                .afterpill-type-list-inner-content-wrap .logo {
                  z-index: 0; } }
            .afterpill-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem;
              align-items: center;
              flex-direction: column; }
              .afterpill-type-list-inner-content-wrap-flex-copy {
                width: 100%; }
              .afterpill-type-list-inner-content-wrap-flex-cv {
                width: 80%; }
                .afterpill-type-list-inner-content-wrap-flex-cv-btn {
                  display: flex;
                  justify-content: center;
                  width: 100%;
                  height: 50px;
                  align-items: center; }
                .afterpill-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff; }
                .afterpill-type-list-inner-content-wrap-flex-cv-copy {
                  font-size: 1rem;
                  margin: .5rem auto 0; }
          .afterpill-type-list-inner-content-b {
            border: 0.1rem solid #b4cad5;
            border-top: none; }
          .afterpill-type-list-inner-content-p {
            border: 0.1rem solid #d5b8d7;
            border-top: none; }
          .afterpill-type-list-inner-content-r {
            border: 0.1rem solid #e4b4bc;
            border-top: none; }
          .afterpill-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .afterpill-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .afterpill-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .afterpill-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
  .afterpill-column {
    max-width: 750px;
    margin: 2rem auto 0;
    padding: 0; }
    .afterpill-column-ttl {
      margin-bottom: -4.5rem; }
    .afterpill-column-content {
      padding: 5.5rem 2rem 1rem;
      border: 4px solid #a2d5d4;
      border-image: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
      border-image-slice: 1; }
      .afterpill-column-content-txt {
        text-align: center; }
        .afterpill-column-content-txt .big {
          font-size: 1.3rem;
          font-weight: bold; }
    .afterpill-column-second {
      max-width: 500px;
      margin: auto;
      position: relative; }
      .afterpill-column-second-inner {
        position: absolute;
        top: 6rem;
        left: 50%;
        width: 100%;
        transform: translateX(-50%); }
        @media only screen and (max-width: 767px) {
          .afterpill-column-second-inner {
            top: 5rem; } }
  .afterpill-top3 {
    margin: 2rem auto; }
    .afterpill-top3-container {
      max-width: 750px;
      margin: 2.5rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 4px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2" "cost cost" "anken1-cost anken2-cost" "medifee medifee" "anken1-medifee anken2-medifee" "time time" "anken1-time anken2-time" "sameday sameday" "anken1-sameday anken2-sameday" "shipping shipping" "anken1-shipping anken2-shipping" "age age" "anken1-age anken2-age" "feature feature" "anken1-feature anken2-feature" "cv cv" "anken1-cv anken2-cv"; }
      .afterpill-top3-container .flex {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
        gap: .5rem;
        padding: .5rem; }
      .afterpill-top3-container .ttl {
        color: #fff;
        font-size: .9rem;
        background-color: #eaa29d;
        font-weight: bold; }
      .afterpill-top3-container .content {
        padding: .8rem; }
        @media only screen and (max-width: 767px) {
          .afterpill-top3-container .content {
            font-size: .9rem;
            padding: .5rem; } }
        .afterpill-top3-container .content-inner {
          text-align: center;
          width: 100%; }
          .afterpill-top3-container .content-inner-txt {
            font-size: .85rem; }
            @media only screen and (max-width: 767px) {
              .afterpill-top3-container .content-inner-txt-mini {
                font-size: .7rem; } }
          .afterpill-top3-container .content-inner-eval {
            width: 20%;
            margin: 0 auto .5rem; }
      .afterpill-top3-container .ico-rank {
        position: absolute;
        top: -2rem;
        left: 50%;
        transform: translateX(-50%);
        width: 15%;
        margin: 0 auto 0.2rem !important; }
        @media only screen and (max-width: 767px) {
          .afterpill-top3-container .ico-rank {
            width: 30%;
            top: -1.2rem; } }
      .afterpill-top3-container .logo {
        width: 70%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .afterpill-top3-container .logo {
            width: 100%; } }
      .afterpill-top3-container .cost {
        grid-area: cost; }
      .afterpill-top3-container .medifee {
        grid-area: medifee; }
      .afterpill-top3-container .time {
        grid-area: time; }
      .afterpill-top3-container .sameday {
        grid-area: sameday; }
      .afterpill-top3-container .shipping {
        grid-area: shipping; }
      .afterpill-top3-container .age {
        grid-area: age; }
      .afterpill-top3-container .feature {
        grid-area: feature; }
      .afterpill-top3-container .cv {
        grid-area: cv; }
      .afterpill-top3-container .anken1 {
        grid-area: anken1;
        position: relative;
        padding-top: 1.5rem; }
        .afterpill-top3-container .anken1-cost {
          grid-area: anken1-cost; }
        .afterpill-top3-container .anken1-medifee {
          grid-area: anken1-medifee; }
        .afterpill-top3-container .anken1-time {
          grid-area: anken1-time; }
        .afterpill-top3-container .anken1-sameday {
          grid-area: anken1-sameday; }
        .afterpill-top3-container .anken1-shipping {
          grid-area: anken1-shipping; }
        .afterpill-top3-container .anken1-age {
          grid-area: anken1-age; }
        .afterpill-top3-container .anken1-feature {
          grid-area: anken1-feature; }
        .afterpill-top3-container .anken1-cv {
          grid-area: anken1-cv;
          padding-bottom: 1rem; }
      .afterpill-top3-container .anken2 {
        grid-area: anken2;
        position: relative;
        padding-top: 1.5rem; }
        .afterpill-top3-container .anken2-cost {
          grid-area: anken2-cost; }
        .afterpill-top3-container .anken2-medifee {
          grid-area: anken2-medifee; }
        .afterpill-top3-container .anken2-time {
          grid-area: anken2-time; }
        .afterpill-top3-container .anken2-sameday {
          grid-area: anken2-sameday; }
        .afterpill-top3-container .anken2-shipping {
          grid-area: anken2-shipping; }
        .afterpill-top3-container .anken2-age {
          grid-area: anken2-age; }
        .afterpill-top3-container .anken2-feature {
          grid-area: anken2-feature; }
        .afterpill-top3-container .anken2-cv {
          grid-area: anken2-cv;
          padding-bottom: 1rem; }
      .afterpill-top3-container .anken3 {
        grid-area: anken3;
        position: relative; }
        .afterpill-top3-container .anken3-cost {
          grid-area: anken3-cost; }
        .afterpill-top3-container .anken3-medifee {
          grid-area: anken3-medifee; }
        .afterpill-top3-container .anken3-time {
          grid-area: anken3-time; }
        .afterpill-top3-container .anken3-sameday {
          grid-area: anken3-sameday; }
        .afterpill-top3-container .anken3-shipping {
          grid-area: anken3-shipping; }
        .afterpill-top3-container .anken3-age {
          grid-area: anken3-age; }
        .afterpill-top3-container .anken3-feature {
          grid-area: anken3-feature; }
        .afterpill-top3-container .anken3-cv {
          grid-area: anken3-cv;
          padding-bottom: 1rem; }
      .afterpill-top3-container-cv {
        width: 65%; }
        @media only screen and (max-width: 767px) {
          .afterpill-top3-container-cv {
            width: 100%; } }
        .afterpill-top3-container-cv-rank-ico {
          width: 20%;
          margin: 0 auto 0.5rem; }
          @media only screen and (max-width: 767px) {
            .afterpill-top3-container-cv-rank-ico {
              width: 40%; } }
  .afterpill .ranking-title {
    margin-top: 0; }
    .afterpill .ranking-title:after {
      border-top: 20px solid #d5b8d7; }
  .afterpill .ranking .afterpill-ranking-title {
    background: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
    position: relative; }
    @media only screen and (max-width: 767px) {
      .afterpill .ranking .afterpill-ranking-title {
        padding: 1rem .5rem; } }
    .afterpill .ranking .afterpill-ranking-title-img {
      max-width: 500px;
      margin: auto;
      width: 100%; }
    .afterpill .ranking .afterpill-ranking-title-date {
      position: absolute;
      top: 1.2rem;
      left: 50%;
      transform: translateX(-50%);
      font-size: 1.5rem;
      color: #d5b8d7; }
  .afterpill .ranking .afterpill-ranking-kome {
    text-align: right;
    margin-top: -0.5rem;
    opacity: 0.7;
    font-size: .7rem; }
  .afterpill .ranking .afterpill-ranking-list {
    max-width: 1050px;
    margin: auto;
    padding-bottom: 1px; }
    .afterpill .ranking .afterpill-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #f2d9a4;
      border-radius: 20px 20px 0 0; }
    .afterpill .ranking .afterpill-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #dedae0;
      border-radius: 20px 20px 0 0; }
    .afterpill .ranking .afterpill-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #c9b5a2;
      border-radius: 20px 20px 0 0; }
    .afterpill .ranking .afterpill-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #8e90ad;
      border-radius: 20px 20px 0 0; }
    .afterpill .ranking .afterpill-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #df9fb6;
      border-radius: 20px 20px 0 0; }
    .afterpill .ranking .afterpill-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin-top: 3rem;
      background-color: #fdf6f5; }
      .afterpill .ranking .afterpill-ranking-list .ranking-list-box-cv-btn {
        margin-bottom: 1.5rem;
        font-size: 1.2rem;
        line-height: 1.3;
        padding: 0.5rem;
        height: auto; }
        @media only screen and (max-width: 767px) {
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-cv-btn {
            width: 90%; } }
      .afterpill .ranking .afterpill-ranking-list .ranking-list-box-cv-wrap {
        text-align: center; }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-cv-wrap-txt {
          font-weight: bold;
          display: inline-block;
          position: relative; }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-cv-wrap-txt::before {
            position: absolute;
            bottom: .2rem;
            left: -1.2rem;
            content: '';
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/onlinepill/fukidashi_l.png) no-repeat;
            background-size: contain; }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-cv-wrap-txt::after {
            position: absolute;
            bottom: .2rem;
            right: -1.5rem;
            content: '';
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/onlinepill/fukidashi_r.png) no-repeat;
            background-size: contain; }
      .afterpill .ranking .afterpill-ranking-list .ranking-list-box-ttl {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 10px 10px 0 0; }
        @media only screen and (max-width: 767px) {
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-ttl {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .afterpill .ranking .afterpill-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .afterpill .ranking .afterpill-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem;
        border-radius: 10px 10px 0 0; }
        @media only screen and (max-width: 767px) {
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-flex {
          display: flex;
          gap: 1rem;
          margin-bottom: 1rem;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-flex {
              flex-direction: column; } }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-flex-wrap-bnr {
            width: 45%; }
            @media only screen and (max-width: 767px) {
              .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-flex-wrap-bnr {
                width: 100%; } }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-flex-wrap-point {
            width: 54%; }
            @media only screen and (max-width: 767px) {
              .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-flex-wrap-point {
                width: 100%; } }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-ttl {
          background: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-content {
          background-color: #fff;
          padding: 1rem;
          line-height: 1.6; }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-point {
          margin: 0 !important;
          padding: 1rem;
          text-align: left; }
          @media only screen and (max-width: 767px) {
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-point {
              padding: 1rem .5rem; } }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-point-flex {
            display: flex;
            justify-content: left;
            align-items: center;
            gap: .5rem;
            line-height: 1.8;
            border-bottom: 1px solid #a2d5d4;
            border-image: linear-gradient(90deg, #a2d5d4 0%, #b4cad5 25%, #d5b8d7 50%, #e4b4bc 75%, #eaa29d 100%);
            border-image-slice: 1; }
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-point-flex-bullet {
              display: block;
              width: 1rem;
              height: 1rem;
              background-color: #a2d5d4;
              border-radius: 50px; }
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-point-flex-ttl {
              font-weight: bold;
              font-size: 1rem;
              line-height: 1.3; }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-point-txt {
            line-height: 1.5;
            margin: .3rem 0 1rem;
            font-size: .8rem; }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-spec {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: .5rem;
          margin: 0 0 1rem; }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-spec-item {
            display: flex;
            width: 32%;
            flex-direction: column;
            background-color: #fff; }
            @media only screen and (max-width: 767px) {
              .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-spec-item {
                width: 48%; } }
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-spec-item-ttl {
              width: 100%;
              background-color: #eaa29d;
              color: #fff;
              font-weight: bold;
              padding: .5rem;
              display: flex;
              justify-content: center;
              align-items: center; }
              @media only screen and (max-width: 767px) {
                .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-spec-item-ttl {
                  font-size: .765rem; } }
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-spec-item-txt {
              width: 100%;
              background-color: #fff;
              padding: .5rem;
              font-size: .9rem;
              text-align: center; }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-privacy {
          max-width: 500px;
          margin: 2rem auto; }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-privacy-fukidashi {
            display: flex;
            justify-content: center;
            margin-bottom: .5rem; }
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-privacy-fukidashi-inner {
              position: relative;
              font-weight: bold;
              font-size: 1rem; }
              .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-privacy-fukidashi-inner:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                width: 1.5rem;
                height: 1.5rem;
                content: '';
                background: url(../img/feature/onlinepill/fukidashi_l.png) no-repeat;
                background-size: contain; }
                @media only screen and (max-width: 767px) {
                  .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-privacy-fukidashi-inner:before {
                    top: inherit;
                    bottom: 0;
                    transform: none; } }
              .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-privacy-fukidashi-inner:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                width: 1.5rem;
                height: 1.5rem;
                content: '';
                background: url(../img/feature/onlinepill/fukidashi_r.png) no-repeat;
                background-size: contain; }
                @media only screen and (max-width: 767px) {
                  .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-privacy-fukidashi-inner:after {
                    top: inherit;
                    bottom: 0;
                    transform: none; } }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-rich {
          max-width: 300px;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-rich {
              max-width: 400px; } }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-inner {
          margin: 1rem 0; }
        .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-card {
          background-color: #fff;
          width: 100%;
          padding: 1.5rem;
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;
          gap: .5rem;
          max-height: 800px; }
          @media only screen and (max-width: 767px) {
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-card {
              padding: 1rem 2rem;
              gap: 1rem;
              max-height: 600px; } }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-card-img {
            width: 40%; }
          .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-card-comment {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-card-comment {
                padding: 0 2rem; } }
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
              position: relative;
              display: inline-block;
              font-size: 1.8rem;
              margin-bottom: 1rem;
              line-height: 1.2; }
              .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                position: absolute;
                bottom: -0.5rem;
                left: 0;
                background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                content: "";
                height: 2px;
                width: 100%; }
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-card-comment-link {
              display: block;
              font-size: 0.9rem;
              text-align: right;
              opacity: 0.5; }
            .afterpill .ranking .afterpill-ranking-list .ranking-list-box-inner-review-card-comment-txt {
              margin-top: .5rem;
              line-height: 1.5; }
    .afterpill .ranking .afterpill-ranking-list-tell {
      margin: 1rem auto; }
  .afterpill-survey {
    padding: 0 0 .5rem; }
    .afterpill-survey-inner {
      background-color: #fff; }

.afterpillsearch {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .afterpillsearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .afterpillsearch .only-pc {
      display: none; } }
  .afterpillsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #000;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .afterpillsearch select {
        font-size: .8rem;
        height: 3rem; } }
  .afterpillsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .afterpillsearch-form {
        gap: .5rem; } }
    .afterpillsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .afterpillsearch-form-wrap-sankaku {
        position: relative;
        width: 45%; }
        @media only screen and (max-width: 767px) {
          .afterpillsearch-form-wrap-sankaku {
            width: 48%; } }
        .afterpillsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #000 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .afterpillsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .afterpillsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .afterpillsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .afterpillsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .afterpillsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .afterpillsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative; }
        .afterpillsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .afterpillsearch-form-submit-txt:before {
              display: none; } }
        .afterpillsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .afterpillsearch-form-submit-txt:after {
              display: none; } }
      .afterpillsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .afterpillsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .afterpillsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .afterpillsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.afterpillkekka-sort {
  display: flex;
  max-width: 450px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .afterpillkekka-sort {
      flex-direction: column; } }
  .afterpillkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .afterpillkekka-sort-now {
        width: 100%; } }
    .afterpillkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .afterpillkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .afterpillkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .afterpillkekka-sort-form {
        width: 100%; } }
    .afterpillkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .afterpillkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.onlinepill-afterpillrank {
  max-width: 750px;
  margin: 2rem auto; }
  .onlinepill-afterpillrank .afterpill-ranking-ttl {
    background-color: #f4b4d0;
    border-radius: 15px 15px 0 0;
    padding: 1rem; }
    @media only screen and (max-width: 767px) {
      .onlinepill-afterpillrank .afterpill-ranking-ttl {
        padding: .5rem; } }
    .onlinepill-afterpillrank .afterpill-ranking-ttl-wrap {
      width: 90%;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .onlinepill-afterpillrank .afterpill-ranking-ttl-wrap {
          gap: 0.5rem; } }
      .onlinepill-afterpillrank .afterpill-ranking-ttl-wrap-img {
        width: 15%; }
      .onlinepill-afterpillrank .afterpill-ranking-ttl-wrap-name {
        width: 85%;
        font-size: 2.1rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-afterpillrank .afterpill-ranking-ttl-wrap-name {
            font-size: 1.4rem; } }
  .onlinepill-afterpillrank .afterpill-ranking-content {
    border: 1px solid #f4b4d0;
    border-top: none;
    padding: 0.5rem 1rem 2rem 1rem;
    margin-bottom: 1rem; }
    .onlinepill-afterpillrank .afterpill-ranking-content-copy {
      text-align: center;
      color: #ed58b8;
      font-weight: bold;
      font-size: 1.4rem; }
      @media only screen and (max-width: 767px) {
        .onlinepill-afterpillrank .afterpill-ranking-content-copy {
          font-size: 1.2rem; } }
    .onlinepill-afterpillrank .afterpill-ranking-content-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.5rem;
      margin: 0.5rem 0; }
      @media only screen and (max-width: 767px) {
        .onlinepill-afterpillrank .afterpill-ranking-content-wrap {
          flex-direction: column; } }
      .onlinepill-afterpillrank .afterpill-ranking-content-wrap-bnr {
        width: 45%; }
        @media only screen and (max-width: 767px) {
          .onlinepill-afterpillrank .afterpill-ranking-content-wrap-bnr {
            width: 100%; } }
      .onlinepill-afterpillrank .afterpill-ranking-content-wrap-spec {
        width: 54%;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 0.2rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-afterpillrank .afterpill-ranking-content-wrap-spec {
            width: 100%; } }
        .onlinepill-afterpillrank .afterpill-ranking-content-wrap-spec-flex {
          display: flex; }
          .onlinepill-afterpillrank .afterpill-ranking-content-wrap-spec-flex-ttl {
            background-color: #f4b4d0;
            width: 38%;
            padding: 0.2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .8rem; }
          .onlinepill-afterpillrank .afterpill-ranking-content-wrap-spec-flex-content {
            background-color: #f3d7e3;
            width: 62%;
            padding: 0.2rem;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .8rem; }
            .onlinepill-afterpillrank .afterpill-ranking-content-wrap-spec-flex-content-eval {
              width: 50%;
              margin: auto; }
            .onlinepill-afterpillrank .afterpill-ranking-content-wrap-spec-flex-content-txt {
              text-align: center; }
            .onlinepill-afterpillrank .afterpill-ranking-content-wrap-spec-flex-content-img {
              width: 10%;
              margin: auto; }
    .onlinepill-afterpillrank .afterpill-ranking-content-point {
      margin: 1rem auto; }
      .onlinepill-afterpillrank .afterpill-ranking-content-point-ttl {
        background-color: #f3d7e3;
        color: #ed58b8;
        font-weight: bold;
        font-size: 1.3rem;
        padding: 0.2rem;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .onlinepill-afterpillrank .afterpill-ranking-content-point-ttl {
            font-size: 1.1rem; } }
      .onlinepill-afterpillrank .afterpill-ranking-content-point-list {
        border: 1px solid #f3d7e3;
        border-top: none;
        padding: 1rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem; }
        @media only screen and (max-width: 767px) {
          .onlinepill-afterpillrank .afterpill-ranking-content-point-list {
            padding: 1rem 0.5rem;
            margin-bottom: 1rem; } }
        .onlinepill-afterpillrank .afterpill-ranking-content-point-list-flex {
          display: flex;
          justify-content: left;
          align-items: center;
          font-weight: 700;
          gap: 0.5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .onlinepill-afterpillrank .afterpill-ranking-content-point-list-flex {
              justify-content: left;
              gap: 0.2rem; } }
          .onlinepill-afterpillrank .afterpill-ranking-content-point-list-flex-check {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/feature/afterpill/afterpill_check.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .onlinepill-afterpillrank .afterpill-ranking-content-point-list-flex-check {
                width: 8%; } }
          .onlinepill-afterpillrank .afterpill-ranking-content-point-list-flex-ttl {
            width: 92%;
            line-height: 1.4; }
    .onlinepill-afterpillrank .afterpill-ranking-content-comment {
      max-width: 500px;
      margin: 1rem auto;
      line-height: 1.8;
      font-size: 1.2rem; }
      @media only screen and (max-width: 767px) {
        .onlinepill-afterpillrank .afterpill-ranking-content-comment {
          font-size: 1rem; } }
    .onlinepill-afterpillrank .afterpill-ranking-content-tell {
      margin: 1rem auto; }
  .onlinepill-afterpillrank-cv {
    width: 60%;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .onlinepill-afterpillrank-cv {
        width: 80%; } }
    .onlinepill-afterpillrank-cv-btn {
      border-radius: 50px;
      height: 70px;
      line-height: 1.3;
      display: flex;
      justify-content: center;
      align-items: center; }
      .onlinepill-afterpillrank-cv-btn-txt {
        color: #fff; }
        @media only screen and (max-width: 767px) {
          .onlinepill-afterpillrank-cv-btn-txt {
            font-size: 1.2rem; } }
  .onlinepill-afterpillrank-survey {
    margin-top: 1rem; }

.afterpill .ranking-list-box-inner-review .swiper-button-prev, .afterpill .ranking-list-box-inner-review .swiper-button-next {
  color: #eaa29d; }
.afterpill .ranking-list-box-inner-review .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px; }
.afterpill .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #eaa29d; }

/*afterpill*/
/* detectiveLP   feature　
----------------------------------------------------------------------------------------------*/
.english {
  color: #000; }
  @media only screen and (max-width: 767px) {
    .english {
      font-size: .9rem; } }
  .english .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .english img {
    margin: auto; }
  .english-bgwrap {
    background-color: #fbfbfb; }
    .english-bgwrap-inner {
      max-width: 750px;
      margin: auto;
      background-color: #fff; }
  .english-wrapper {
    padding: 0 .5rem; }
  .english a {
    transition: 0.3s; }
    .english a:hover {
      opacity: 0.7; }
  .english-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .english-ttl {
        margin: 1rem auto 0; } }
  .english-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .english-cv a:hover {
      opacity: 1 !important; }
    .english-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .english-cv-copy-inner {
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .english-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .english-cv-copy-inner .small {
          font-size: 1rem; }
        .english-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .english-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .english-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .english-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .english-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #ed524e;
      box-shadow: 0 8px 0 #6e211f;
      animation-name: english-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .english-cv-btn a:hover {
        opacity: 1; }
@keyframes english-cvmove {
  0% {
    box-shadow: 0 8px 0 #6e211f;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6e211f;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6e211f;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6e211f;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6e211f;
    transform: translatey(0); } }
  .english-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .english-link {
        margin: 1rem auto 1.5rem; } }
    .english-link-copy {
      font-size: 1.5rem;
      font-weight: bold;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .english-link-copy {
          font-size: 1.3rem; } }
      .english-link-copy-fukidashi {
        display: inline-block;
        position: relative; }
        .english-link-copy-fukidashi:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .english-link-copy-fukidashi:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .english-link-btn {
      width: 70%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .english-link-btn {
          width: 95%; } }
      .english-link-btn a:hover {
        opacity: 1; }
      .english-link-btn-inner {
        background-color: #fef159;
        display: flex;
        justify-content: center;
        gap: 0.2rem;
        align-items: end;
        border-radius: 30px;
        padding: .5rem 1rem;
        box-shadow: 0 8px 0 #877d02;
        animation-name: english-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .english-link-btn-inner {
            border-radius: 40px; } }
@keyframes english-linkmove {
  0% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #877d02;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); } }
        .english-link-btn-inner-txt {
          color: #000;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .english-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .english-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .english-cover {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9); }
    .english-cover-contents {
      margin: auto;
      width: 90%;
      padding-top: 10rem; }
      @media only screen and (max-width: 767px) {
        .english-cover-contents {
          padding-top: 5rem; } }
      .english-cover-contents-ttl {
        font-size: 2rem;
        text-align: center;
        color: #fff;
        font-weight: bold; }
      .english-cover-contents-sub {
        color: #fff;
        text-align: center;
        font-size: 1rem;
        margin-top: .2rem; }
      .english-cover-contents-tab {
        margin-top: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: start;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .english-cover-contents-tab {
            flex-direction: column;
            align-items: center;
            justify-content: flex-start; } }
        .english-cover-contents-tab-link {
          display: inline-block;
          padding: 1rem 1.5rem;
          color: #000;
          font-weight: bold;
          background-color: #a3eee5;
          border-radius: 50px;
          min-width: 13rem;
          text-align: center;
          font-size: 1.2rem;
          transition: .2s;
          box-shadow: 0 8px 0 #2C544F; }
        .english-cover-contents-tab .tab1:hover {
          box-shadow: 0 0 0 0;
          margin-top: 8px;
          opacity: 1 !important;
          transition: .2s; }
        .english-cover-contents-tab .tab2 {
          background-color: #b6c1eb;
          box-shadow: 0 8px 0 #232C52; }
          .english-cover-contents-tab .tab2:hover {
            box-shadow: 0 0 0 0;
            margin-top: 8px;
            opacity: 1 !important;
            transition: .2s; }
        .english-cover-contents-tab .tab3 {
          background-color: #fefbd7;
          box-shadow: 0 8px 0 #ffeb00; }
          .english-cover-contents-tab .tab3:hover {
            box-shadow: 0 0 0 0;
            margin-top: 8px;
            opacity: 1 !important;
            transition: .2s; }
  .english-tab-list {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: .2rem; }
    .english-tab-list-item {
      width: 33%;
      height: 2.5rem;
      font-size: 1rem;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 20px 20px 0 0;
      color: #666666; }
      .english-tab-list-item-everyday {
        background-color: #a3eee5; }
      .english-tab-list-item-business {
        background-color: #b6c1eb; }
      .english-tab-list-item-forkids {
        background-color: #fefbd7; }
    .english-tab-list-item.active {
      color: #000;
      font-size: 1.3rem;
      height: 3rem; }
      @media only screen and (max-width: 767px) {
        .english-tab-list-item.active {
          font-size: 1rem; } }
  .english-tab-content-everyday .english-mainvisual {
    border-top: 0.5rem solid #a3eee5; }
  .english-tab-content-business .english-mainvisual {
    border-top: 0.5rem solid #b6c1eb; }
  .english-tab-content-forkids .english-mainvisual {
    border-top: 0.5rem solid #fefbd7; }
  .english-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .english-type {
        margin: .5rem auto; } }
    .english-type-bg {
      background: url(../img/feature/english/bg.png);
      background-size: 30rem;
      padding: 1rem 0; }
    .english-type-ttl {
      max-width: 500px;
      margin: auto; }
    .english-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .english-type-list {
          margin-top: 1rem; } }
      .english-type-list-inner-ttl {
        padding: 1rem .5rem;
        text-align: center;
        font-weight: bold;
        color: #000;
        font-size: 1rem;
        border-radius: 20px 20px 0 0;
        background: #a3eee5; }
        .english-type-list-inner-ttl-big {
          font-size: 1.5rem; }
        .english-type-list-inner-ttl-y {
          border: 0.1rem solid #fef159;
          background: #fef159;
          color: #000; }
      .english-type-list-inner-content {
        padding: 1rem .5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 0.1rem solid #a3eee5;
        border-top: none;
        color: #000;
        background-color: #fff;
        border-radius: 0 0 20px 20px;
        height: 14rem;
        text-align: center;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .english-type-list-inner-content {
            height: auto; } }
        @media only screen and (max-width: 767px) {
          .english-type-list-inner-content-wrap {
            width: 80%; } }
        .english-type-list-inner-content-wrap .logo {
          margin: 0 auto .5rem; }
          @media only screen and (max-width: 767px) {
            .english-type-list-inner-content-wrap .logo {
              margin-bottom: 0; } }
        .english-type-list-inner-content-y {
          border: 0.1rem solid #fef159;
          border-top: none; }
        .english-type-list-inner-content-come {
          font-size: .7rem;
          opacity: .4; }
        .english-type-list-inner-content .img {
          width: 60%;
          margin: auto; }
          .english-type-list-inner-content .img-big {
            width: 100%;
            margin: auto; }
        .english-type-list-inner-content .name {
          font-weight: bold;
          font-size: 1.2rem; }
      .english-type-list-inner-cv {
        width: 80%;
        margin: .5rem auto;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .english-type-list-inner-cv:before {
          position: absolute;
          content: '';
          display: inline-block;
          pointer-events: none;
          top: -180px;
          left: 0;
          width: 30px;
          height: 100%;
          background-color: #fff;
          animation: shiny-btn1 3s ease-in-out infinite; }
        .english-type-list-inner-cv-btn {
          padding: .5rem 2.2rem;
          font-size: 1.1rem; }
          @media only screen and (max-width: 767px) {
            .english-type-list-inner-cv-btn {
              padding: .5rem 3.5rem; } }
          .english-type-list-inner-cv-btn:hover {
            opacity: 1 !important; }
        .english-type-list-inner-cv-txt {
          color: #fff;
          padding: 1.2rem 2.5rem; }
        .english-type-list-inner-cv-copy {
          font-size: 1rem;
          margin: .5rem auto 0; }
    .english-type-kome {
      opacity: .5;
      font-size: 0.9rem;
      text-align: right;
      margin: -1rem auto 1rem;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .english-type-kome {
          font-size: .8rem;
          text-align: center;
          margin: 0; } }
  .english-column {
    margin: 0 auto; }
    .english-column-title {
      margin: 0 !important; }
    .english-column-content {
      padding: 2rem 1rem 1rem; }
      .english-column-content-subttl {
        max-width: 500px;
        margin: 1rem auto .5rem; }
      .english-column-content-reason {
        margin-bottom: 1rem; }
        .english-column-content-reason-list {
          margin: 0; }
          .english-column-content-reason-list-item {
            display: flex;
            flex-direction: column;
            gap: .2rem; }
            .english-column-content-reason-list-item-ttl {
              padding: .5rem .5rem 0 .5rem;
              text-align: center; }
              .english-column-content-reason-list-item-ttl-img {
                width: 60%;
                margin: auto; }
              .english-column-content-reason-list-item-ttl-txt {
                margin-top: .2rem;
                font-weight: bold; }
                @media only screen and (max-width: 767px) {
                  .english-column-content-reason-list-item-ttl-txt {
                    margin-top: .5rem;
                    font-size: 1.2rem; } }
            @media only screen and (max-width: 767px) {
              .english-column-content-reason-list-item-txt {
                min-height: 9rem; } }
      .english-column-content-popular {
        width: 80%;
        margin: 2rem auto;
        display: grid;
        grid-template-columns: .4fr 1fr 1fr;
        grid-template-rows: .1fr .5fr .5fr .5fr .5fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas: "white popular small" "price popular-price small-price" "teacher popular-teacher small-teacher" "cal popular-cal small-cal" "trouble popular-trouble small-trouble"; }
        @media only screen and (max-width: 767px) {
          .english-column-content-popular {
            width: 100%;
            grid-template-columns: .1fr 1fr 1fr; } }
        .english-column-content-popular .flex {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0.5rem; }
        .english-column-content-popular-inner {
          width: 90%;
          margin: auto;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .english-column-content-popular-inner {
              width: 100%; } }
          .english-column-content-popular-inner-eval {
            width: 20%;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular-inner-eval {
                width: 30%; } }
          .english-column-content-popular-inner-txt {
            margin-top: .5rem; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular-inner-txt {
                margin-top: .2rem; } }
        .english-column-content-popular .price {
          grid-area: price;
          background-color: #a3eee5;
          border-radius: 20px 0 0 20px;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .english-column-content-popular .price {
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl; } }
        .english-column-content-popular .teacher {
          grid-area: teacher;
          background-color: #d0f3ed;
          border-radius: 20px 0 0 20px;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .english-column-content-popular .teacher {
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl; } }
        .english-column-content-popular .cal {
          grid-area: cal;
          background-color: #a3eee5;
          border-radius: 20px 0 0 20px;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .english-column-content-popular .cal {
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl; } }
        .english-column-content-popular .trouble {
          grid-area: trouble;
          background-color: #d0f3ed;
          border-radius: 20px 0 0 20px;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .english-column-content-popular .trouble {
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl; } }
        .english-column-content-popular .popular {
          grid-area: popular;
          background-color: #fff;
          font-size: 1.2rem;
          font-weight: bold;
          border-radius: 20px 20px 0 0;
          position: relative; }
          .english-column-content-popular .popular:before {
            position: absolute;
            top: -1.1rem;
            left: 1.8rem;
            width: 3rem;
            height: 2rem;
            content: '';
            background: url(../img/feature/english/attention_icon.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular .popular:before {
                top: -0.6rem;
                left: -0.5rem; } }
          .english-column-content-popular .popular-price {
            grid-area: popular-price;
            background-color: #fff;
            border: 0.5rem solid #a3eee5;
            border-left: none; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular .popular-price {
                border: 0.25rem solid #a3eee5;
                border-left: none; } }
          .english-column-content-popular .popular-teacher {
            grid-area: popular-teacher;
            background-color: #fff;
            border: 0.5rem solid #d0f3ed;
            border-left: none; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular .popular-teacher {
                border: 0.25rem solid #d0f3ed;
                border-left: none; } }
          .english-column-content-popular .popular-cal {
            grid-area: popular-cal;
            background-color: #fff;
            border: 0.5rem solid #a3eee5;
            border-left: none; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular .popular-cal {
                border: 0.25rem solid #a3eee5;
                border-left: none; } }
          .english-column-content-popular .popular-trouble {
            grid-area: popular-trouble;
            background-color: #fff;
            border: 0.5rem solid #d0f3ed;
            border-left: none; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular .popular-trouble {
                border: 0.25rem solid #d0f3ed;
                border-left: none; } }
        .english-column-content-popular .small {
          grid-area: small;
          background-color: #f3f3f3;
          font-weight: bold;
          border-radius: 20px 20px 0 0; }
          .english-column-content-popular .small-price {
            grid-area: small-price;
            background-color: #f3f3f3;
            border: 0.5rem solid #a3eee5; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular .small-price {
                border: 0.25rem solid #a3eee5;
                border-left: none; } }
          .english-column-content-popular .small-teacher {
            grid-area: small-teacher;
            background-color: #f3f3f3;
            border: 0.5rem solid #d0f3ed; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular .small-teacher {
                border: 0.25rem solid #d0f3ed;
                border-left: none; } }
          .english-column-content-popular .small-cal {
            grid-area: small-cal;
            background-color: #f3f3f3;
            border: 0.5rem solid #a3eee5; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular .small-cal {
                border: 0.25rem solid #a3eee5;
                border-left: none; } }
          .english-column-content-popular .small-trouble {
            grid-area: small-trouble;
            background-color: #f3f3f3;
            border-radius: 0 0 20px 0;
            border: 0.5rem solid #d0f3ed; }
            @media only screen and (max-width: 767px) {
              .english-column-content-popular .small-trouble {
                border: 0.25rem solid #d0f3ed;
                border-left: none; } }
  .english-hikaku {
    margin: -2rem auto 1rem; }
    .english-hikaku-container {
      margin: 2rem auto 1rem;
      display: grid;
      grid-template-columns: .4fr 1fr .7fr .7fr .7fr .7fr;
      grid-template-rows: .1fr .1fr .1fr .1fr .1fr .1fr .1fr .1fr .1fr;
      gap: .25rem .25rem;
      grid-auto-flow: row;
      grid-template-areas: "white anken1 anken2 anken3 anken4 anken5" "lesson anken1-lesson anken2-lesson anken3-lesson anken4-lesson anken5-lesson" "osusume anken1-osusume anken2-osusume anken3-osusume anken4-osusume anken5-osusume" "price anken1-price anken2-price anken3-price anken4-price anken5-price" "feature anken1-feature anken2-feature anken3-feature anken4-feature anken5-feature" "plan anken1-plan anken2-plan anken3-plan anken4-plan anken5-plan" "cam anken1-cam anken2-cam anken3-cam anken4-cam anken5-cam" "cv anken1-cv anken2-cv anken3-cv anken4-cv anken5-cv"; }
      @media only screen and (max-width: 767px) {
        .english-hikaku-container {
          grid-template-columns: 6rem 14rem 14rem 14rem 14rem 14rem; } }
      .english-hikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem; }
      .english-hikaku-container .ico-rank {
        position: absolute;
        top: -2rem;
        left: 50%;
        transform: translateX(-50%);
        width: 30%;
        margin: 0 auto 0.5rem !important; }
        @media only screen and (max-width: 767px) {
          .english-hikaku-container .ico-rank {
            position: inherit;
            top: 0;
            left: 0;
            transform: none; } }
      .english-hikaku-container-linkinner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .english-hikaku-container-list li {
        position: relative;
        padding-left: 1rem;
        font-size: .9rem; }
        .english-hikaku-container-list li:before {
          position: absolute;
          display: inline-block;
          width: .5rem;
          height: .5rem;
          background-color: #a3eee5;
          border-radius: 50%;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          content: ''; }
      .english-hikaku-container-txt {
        text-align: center; }
      .english-hikaku-container-cv {
        width: 100%; }
        .english-hikaku-container-cv-btn {
          width: 90%; }
      .english-hikaku-container .ttl {
        background-color: #a3eee5;
        font-weight: bold;
        font-size: .9rem;
        text-align: center; }
      .english-hikaku-container .white {
        grid-area: white; }
      .english-hikaku-container .lesson {
        grid-area: lesson; }
      .english-hikaku-container .osusume {
        grid-area: osusume; }
      .english-hikaku-container .price {
        grid-area: price; }
      .english-hikaku-container .feature {
        grid-area: feature; }
      .english-hikaku-container .plan {
        grid-area: plan; }
      .english-hikaku-container .cam {
        grid-area: cam; }
      .english-hikaku-container .cv {
        grid-area: cv; }
      .english-hikaku-container .anken1 {
        grid-area: anken1;
        position: relative;
        text-align: center;
        padding: 2rem .5rem .5rem .5rem;
        background-color: #fefbd7; }
        @media only screen and (max-width: 767px) {
          .english-hikaku-container .anken1 {
            padding: .5rem; } }
        .english-hikaku-container .anken1-lesson {
          grid-area: anken1-lesson;
          background-color: #fefbd7; }
        .english-hikaku-container .anken1-osusume {
          grid-area: anken1-osusume;
          background-color: #fefbd7; }
        .english-hikaku-container .anken1-price {
          grid-area: anken1-price;
          background-color: #fefbd7; }
        .english-hikaku-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fefbd7; }
        .english-hikaku-container .anken1-plan {
          grid-area: anken1-plan;
          background-color: #fefbd7; }
        .english-hikaku-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #fefbd7; }
        .english-hikaku-container .anken1-cv {
          grid-area: anken1-cv;
          background-color: #fefbd7; }
      .english-hikaku-container .anken2 {
        grid-area: anken2;
        position: relative;
        text-align: center;
        padding: 2rem .5rem .5rem .5rem;
        background-color: #fef9f5; }
        @media only screen and (max-width: 767px) {
          .english-hikaku-container .anken2 {
            padding: .5rem; } }
        .english-hikaku-container .anken2-lesson {
          grid-area: anken2-lesson;
          background-color: #fef9f5; }
        .english-hikaku-container .anken2-osusume {
          grid-area: anken2-osusume;
          background-color: #fef9f5; }
        .english-hikaku-container .anken2-price {
          grid-area: anken2-price;
          background-color: #fef9f5; }
        .english-hikaku-container .anken2-feature {
          grid-area: anken2-feature;
          background-color: #fef9f5; }
        .english-hikaku-container .anken2-plan {
          grid-area: anken2-plan;
          background-color: #fef9f5; }
        .english-hikaku-container .anken2-cam {
          grid-area: anken2-cam;
          background-color: #fef9f5; }
        .english-hikaku-container .anken2-cv {
          grid-area: anken2-cv;
          background-color: #fef9f5; }
      .english-hikaku-container .anken3 {
        grid-area: anken3;
        position: relative;
        text-align: center;
        padding: 2rem .5rem .5rem .5rem;
        background-color: #fef9f5; }
        @media only screen and (max-width: 767px) {
          .english-hikaku-container .anken3 {
            padding: .5rem; } }
        .english-hikaku-container .anken3-lesson {
          grid-area: anken3-lesson;
          background-color: #fef9f5; }
        .english-hikaku-container .anken3-osusume {
          grid-area: anken3-osusume;
          background-color: #fef9f5; }
        .english-hikaku-container .anken3-price {
          grid-area: anken3-price;
          background-color: #fef9f5; }
        .english-hikaku-container .anken3-feature {
          grid-area: anken3-feature;
          background-color: #fef9f5; }
        .english-hikaku-container .anken3-plan {
          grid-area: anken3-plan;
          background-color: #fef9f5; }
        .english-hikaku-container .anken3-cam {
          grid-area: anken3-cam;
          background-color: #fef9f5; }
        .english-hikaku-container .anken3-cv {
          grid-area: anken3-cv;
          background-color: #fef9f5; }
      .english-hikaku-container .anken4 {
        grid-area: anken4;
        position: relative;
        text-align: center;
        padding: 2rem .5rem .5rem .5rem;
        background-color: #fef9f5; }
        @media only screen and (max-width: 767px) {
          .english-hikaku-container .anken4 {
            padding: .5rem; } }
        .english-hikaku-container .anken4-lesson {
          grid-area: anken4-lesson;
          background-color: #fef9f5; }
        .english-hikaku-container .anken4-osusume {
          grid-area: anken4-osusume;
          background-color: #fef9f5; }
        .english-hikaku-container .anken4-price {
          grid-area: anken4-price;
          background-color: #fef9f5; }
        .english-hikaku-container .anken4-feature {
          grid-area: anken4-feature;
          background-color: #fef9f5; }
        .english-hikaku-container .anken4-plan {
          grid-area: anken4-plan;
          background-color: #fef9f5; }
        .english-hikaku-container .anken4-cam {
          grid-area: anken4-cam;
          background-color: #fef9f5; }
        .english-hikaku-container .anken4-cv {
          grid-area: anken4-cv;
          background-color: #fef9f5; }
      .english-hikaku-container .anken5 {
        grid-area: anken5;
        text-align: center;
        position: relative;
        padding: 2rem .5rem .5rem .5rem;
        background-color: #fef9f5; }
        @media only screen and (max-width: 767px) {
          .english-hikaku-container .anken5 {
            padding: .5rem; } }
        .english-hikaku-container .anken5-lesson {
          grid-area: anken5-lesson;
          background-color: #fef9f5; }
        .english-hikaku-container .anken5-osusume {
          grid-area: anken5-osusume;
          background-color: #fef9f5; }
        .english-hikaku-container .anken5-price {
          grid-area: anken5-price;
          background-color: #fef9f5; }
        .english-hikaku-container .anken5-feature {
          grid-area: anken5-feature;
          background-color: #fef9f5; }
        .english-hikaku-container .anken5-plan {
          grid-area: anken5-plan;
          background-color: #fef9f5; }
        .english-hikaku-container .anken5-cam {
          grid-area: anken5-cam;
          background-color: #fef9f5; }
        .english-hikaku-container .anken5-cv {
          grid-area: anken5-cv;
          background-color: #fef9f5; }
  .english-compare {
    margin: 1rem auto 0; }
    .english-compare-ttl {
      max-width: 500px;
      margin: 1rem auto; }
    .english-compare-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 0px;
      grid-auto-flow: row;
      grid-template-areas: "name name name name name" "anken1 anken2 anken3 anken4 anken5" "purpose purpose purpose purpose purpose" "anken1-purpose anken2-purpose anken3-purpose anken4-purpose anken5-purpose" "from from from from from" "anken1-from anken2-from anken3-from anken4-from anken5-from" "age age age age age" "anken1-age anken2-age anken3-age anken4-age anken5-age" "free free free free free" "anken1-free anken2-free anken3-free anken4-free anken5-free" "cam cam cam cam cam" "anken1-cam anken2-cam anken3-cam anken4-cam anken5-cam" "monthly monthly monthly monthly monthly" "anken1-monthly anken2-monthly anken3-monthly anken4-monthly anken5-monthly" "lesson lesson lesson lesson lesson" "anken1-lesson anken2-lesson anken3-lesson anken4-lesson anken5-lesson" "price price price price price" "anken1-price anken2-price anken3-price anken4-price anken5-price" "long long long long long" "anken1-long anken2-long anken3-long anken4-long anken5-long" "available available available available available" "anken1-available anken2-available anken3-available anken4-available anken5-available" "reserve reserve reserve reserve reserve" "anken1-reserve anken2-reserve anken3-reserve anken4-reserve anken5-reserve" "online online online online online" "anken1-online anken2-online anken3-online anken4-online anken5-online" "class class class class class" "anken1-class anken2-class anken3-class anken4-class anken5-class" "lang lang lang lang lang" "anken1-lang anken2-lang anken3-lang anken4-lang anken5-lang" "feature feature feature feature feature" "anken1-feature anken2-feature anken3-feature anken4-feature anken5-feature" "num num num num num" "anken1-num anken2-num anken3-num anken4-num anken5-num" "cv cv cv cv cv" "anken1-cv anken2-cv anken3-cv anken4-cv anken5-cv" "area area area area area" "anken1-area anken2-area anken3-area anken4-area anken5-area"; }
      @media only screen and (max-width: 767px) {
        .english-compare-container {
          grid-template-columns: repeat(5, 8rem); } }
      .english-compare-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        background-color: #fef9f5; }
      .english-compare-container .ico-rank {
        width: 30%;
        margin: 0 auto 0.5rem !important; }
      .english-compare-container-linkinner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .english-compare-container-list {
        display: flex;
        flex-direction: column;
        gap: 0.5rem; }
        .english-compare-container-list li {
          position: relative;
          padding-left: 1rem;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .english-compare-container-list li {
              font-size: .8rem; } }
          .english-compare-container-list li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #a3eee5;
            border-radius: 50%;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .english-compare-container-inner {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: .5rem; }
        .english-compare-container-inner-eval {
          width: 20%;
          margin: auto; }
        .english-compare-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .english-compare-container-inner-txt {
              font-size: .8rem; } }
      .english-compare-container-txt {
        text-align: center; }
      .english-compare-container-cv {
        gap: 0; }
        .english-compare-container-cv-copy {
          font-size: .9rem;
          text-align: center;
          font-weight: bold; }
        .english-compare-container-cv-wrap {
          width: 100%; }
        .english-compare-container-cv-btn {
          width: 90%; }
          @media only screen and (max-width: 767px) {
            .english-compare-container-cv-btn {
              font-size: 1rem; } }
      .english-compare-container .border {
        border-left: 0.25rem solid #fff;
        border-right: 0.25rem solid #fff; }
        @media only screen and (max-width: 767px) {
          .english-compare-container .border {
            border-left: 0.15rem solid #fff;
            border-right: 0.15rem solid #fff; } }
      .english-compare-container .ttl {
        background-color: #a3eee5;
        font-weight: bold;
        font-size: .9rem;
        text-align: center; }
      .english-compare-container .name {
        grid-area: name; }
      .english-compare-container .purpose {
        grid-area: purpose; }
      .english-compare-container .from {
        grid-area: from; }
      .english-compare-container .age {
        grid-area: age; }
      .english-compare-container .free {
        grid-area: free; }
      .english-compare-container .cam {
        grid-area: cam; }
      .english-compare-container .monthly {
        grid-area: monthly; }
      .english-compare-container .lesson {
        grid-area: lesson; }
      .english-compare-container .price {
        grid-area: price; }
      .english-compare-container .long {
        grid-area: long; }
      .english-compare-container .available {
        grid-area: available; }
      .english-compare-container .reserve {
        grid-area: reserve; }
      .english-compare-container .online {
        grid-area: online; }
      .english-compare-container .class {
        grid-area: class; }
      .english-compare-container .lang {
        grid-area: lang; }
      .english-compare-container .feature {
        grid-area: feature; }
      .english-compare-container .num {
        grid-area: num; }
      .english-compare-container .cv {
        grid-area: cv; }
      .english-compare-container .area {
        grid-area: area; }
      .english-compare-container .anken1 {
        grid-area: anken1;
        background-color: #fefbd7;
        border-left: none; }
        .english-compare-container .anken1-purpose {
          grid-area: anken1-purpose;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-from {
          grid-area: anken1-from;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-age {
          grid-area: anken1-age;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-free {
          grid-area: anken1-free;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-monthly {
          grid-area: anken1-monthly;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-lesson {
          grid-area: anken1-lesson;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-price {
          grid-area: anken1-price;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-long {
          grid-area: anken1-long;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-available {
          grid-area: anken1-available;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-reserve {
          grid-area: anken1-reserve;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-online {
          grid-area: anken1-online;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-class {
          grid-area: anken1-class;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-lang {
          grid-area: anken1-lang;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-num {
          grid-area: anken1-num;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-cv {
          grid-area: anken1-cv;
          background-color: #fefbd7;
          border-left: none; }
        .english-compare-container .anken1-area {
          grid-area: anken1-area;
          background-color: #fefbd7;
          border-left: none; }
      .english-compare-container .anken2 {
        grid-area: anken2; }
        .english-compare-container .anken2-purpose {
          grid-area: anken2-purpose; }
        .english-compare-container .anken2-from {
          grid-area: anken2-from; }
        .english-compare-container .anken2-age {
          grid-area: anken2-age; }
        .english-compare-container .anken2-free {
          grid-area: anken2-free; }
        .english-compare-container .anken2-cam {
          grid-area: anken2-cam; }
        .english-compare-container .anken2-monthly {
          grid-area: anken2-monthly; }
        .english-compare-container .anken2-lesson {
          grid-area: anken2-lesson; }
        .english-compare-container .anken2-price {
          grid-area: anken2-price; }
        .english-compare-container .anken2-long {
          grid-area: anken2-long; }
        .english-compare-container .anken2-available {
          grid-area: anken2-available; }
        .english-compare-container .anken2-reserve {
          grid-area: anken2-reserve; }
        .english-compare-container .anken2-online {
          grid-area: anken2-online; }
        .english-compare-container .anken2-class {
          grid-area: anken2-class; }
        .english-compare-container .anken2-lang {
          grid-area: anken2-lang; }
        .english-compare-container .anken2-feature {
          grid-area: anken2-feature; }
        .english-compare-container .anken2-num {
          grid-area: anken2-num; }
        .english-compare-container .anken2-cv {
          grid-area: anken2-cv; }
        .english-compare-container .anken2-area {
          grid-area: anken2-area; }
      .english-compare-container .anken3 {
        grid-area: anken3; }
        .english-compare-container .anken3-purpose {
          grid-area: anken3-purpose; }
        .english-compare-container .anken3-from {
          grid-area: anken3-from; }
        .english-compare-container .anken3-age {
          grid-area: anken3-age; }
        .english-compare-container .anken3-free {
          grid-area: anken3-free; }
        .english-compare-container .anken3-cam {
          grid-area: anken3-cam; }
        .english-compare-container .anken3-monthly {
          grid-area: anken3-monthly; }
        .english-compare-container .anken3-lesson {
          grid-area: anken3-lesson; }
        .english-compare-container .anken3-price {
          grid-area: anken3-price; }
        .english-compare-container .anken3-long {
          grid-area: anken3-long; }
        .english-compare-container .anken3-available {
          grid-area: anken3-available; }
        .english-compare-container .anken3-reserve {
          grid-area: anken3-reserve; }
        .english-compare-container .anken3-online {
          grid-area: anken3-online; }
        .english-compare-container .anken3-class {
          grid-area: anken3-class; }
        .english-compare-container .anken3-lang {
          grid-area: anken3-lang; }
        .english-compare-container .anken3-feature {
          grid-area: anken3-feature; }
        .english-compare-container .anken3-num {
          grid-area: anken3-num; }
        .english-compare-container .anken3-cv {
          grid-area: anken3-cv; }
        .english-compare-container .anken3-area {
          grid-area: anken3-area; }
      .english-compare-container .anken4 {
        grid-area: anken4; }
        .english-compare-container .anken4-purpose {
          grid-area: anken4-purpose; }
        .english-compare-container .anken4-from {
          grid-area: anken4-from; }
        .english-compare-container .anken4-age {
          grid-area: anken4-age; }
        .english-compare-container .anken4-free {
          grid-area: anken4-free; }
        .english-compare-container .anken4-cam {
          grid-area: anken4-cam; }
        .english-compare-container .anken4-monthly {
          grid-area: anken4-monthly; }
        .english-compare-container .anken4-lesson {
          grid-area: anken4-lesson; }
        .english-compare-container .anken4-price {
          grid-area: anken4-price; }
        .english-compare-container .anken4-long {
          grid-area: anken4-long; }
        .english-compare-container .anken4-available {
          grid-area: anken4-available; }
        .english-compare-container .anken4-reserve {
          grid-area: anken4-reserve; }
        .english-compare-container .anken4-online {
          grid-area: anken4-online; }
        .english-compare-container .anken4-class {
          grid-area: anken4-class; }
        .english-compare-container .anken4-lang {
          grid-area: anken4-lang; }
        .english-compare-container .anken4-feature {
          grid-area: anken4-feature; }
        .english-compare-container .anken4-num {
          grid-area: anken4-num; }
        .english-compare-container .anken4-cv {
          grid-area: anken4-cv; }
        .english-compare-container .anken4-area {
          grid-area: anken4-area; }
      .english-compare-container .anken5 {
        grid-area: anken5;
        border-right: none; }
        .english-compare-container .anken5-purpose {
          grid-area: anken5-purpose;
          border-right: none; }
        .english-compare-container .anken5-from {
          grid-area: anken5-from;
          border-right: none; }
        .english-compare-container .anken5-age {
          grid-area: anken5-age;
          border-right: none; }
        .english-compare-container .anken5-free {
          grid-area: anken5-free;
          border-right: none; }
        .english-compare-container .anken5-cam {
          grid-area: anken5-cam;
          border-right: none; }
        .english-compare-container .anken5-monthly {
          grid-area: anken5-monthly;
          border-right: none; }
        .english-compare-container .anken5-lesson {
          grid-area: anken5-lesson;
          border-right: none; }
        .english-compare-container .anken5-price {
          grid-area: anken5-price;
          border-right: none; }
        .english-compare-container .anken5-long {
          grid-area: anken5-long;
          border-right: none; }
        .english-compare-container .anken5-available {
          grid-area: anken5-available;
          border-right: none; }
        .english-compare-container .anken5-reserve {
          grid-area: anken5-reserve;
          border-right: none; }
        .english-compare-container .anken5-online {
          grid-area: anken5-online;
          border-right: none; }
        .english-compare-container .anken5-class {
          grid-area: anken5-class;
          border-right: none; }
        .english-compare-container .anken5-lang {
          grid-area: anken5-lang;
          border-right: none; }
        .english-compare-container .anken5-feature {
          grid-area: anken5-feature;
          border-right: none; }
        .english-compare-container .anken5-num {
          grid-area: anken5-num;
          border-right: none; }
        .english-compare-container .anken5-cv {
          grid-area: anken5-cv;
          border-right: none; }
        .english-compare-container .anken5-area {
          grid-area: anken5-area;
          border-right: none; }
  .english-kidshikaku {
    margin: 1rem auto 0; }
    .english-kidshikaku-ttl {
      max-width: 500px;
      margin: 1rem auto; }
    .english-kidshikaku-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 0px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "purpose purpose purpose" "anken1-purpose anken2-purpose anken3-purpose" "from from from" "anken1-from anken2-from anken3-from" "age age age" "anken1-age anken2-age anken3-age" "free free free" "anken1-free anken2-free anken3-free" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "monthly monthly monthly" "anken1-monthly anken2-monthly anken3-monthly" "lesson lesson lesson" "anken1-lesson anken2-lesson anken3-lesson" "price price price" "anken1-price anken2-price anken3-price" "long long long" "anken1-long anken2-long anken3-long" "family family family" "anken1-family anken2-family anken3-family" "available available available" "anken1-available anken2-available anken3-available" "reserve reserve reserve" "anken1-reserve anken2-reserve anken3-reserve" "style style style" "anken1-style anken2-style anken3-style" "lang lang lang" "anken1-lang anken2-lang anken3-lang" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "num num num" "anken1-num anken2-num anken3-num" "cv cv cv" "anken1-cv anken2-cv anken3-cv"; }
      .english-kidshikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        background-color: #fef9f5; }
      .english-kidshikaku-container .ico-rank {
        width: 30%;
        margin: 0 auto 0.5rem !important; }
      .english-kidshikaku-container-linkinner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .english-kidshikaku-container-list li {
        position: relative;
        padding-left: 1rem;
        font-size: .9rem; }
        .english-kidshikaku-container-list li:before {
          position: absolute;
          display: inline-block;
          width: .5rem;
          height: .5rem;
          background-color: #a3eee5;
          border-radius: 50%;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          content: ''; }
      .english-kidshikaku-container-inner {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: .5rem; }
        .english-kidshikaku-container-inner-eval {
          width: 20%;
          margin: auto; }
        .english-kidshikaku-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .english-kidshikaku-container-inner-txt {
              font-size: .8rem; } }
      .english-kidshikaku-container-txt {
        text-align: center; }
      .english-kidshikaku-container-cv {
        width: 90%;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .english-kidshikaku-container-cv {
            width: 100%; } }
        .english-kidshikaku-container-cv-copy {
          font-size: .9rem;
          text-align: center;
          font-weight: bold; }
        .english-kidshikaku-container-cv-wrap {
          width: 100%; }
        .english-kidshikaku-container-cv-btn {
          width: 90%; }
          @media only screen and (max-width: 767px) {
            .english-kidshikaku-container-cv-btn {
              font-size: 1rem; } }
      .english-kidshikaku-container .border {
        border-left: 0.25rem solid #fff;
        border-right: 0.25rem solid #fff; }
        @media only screen and (max-width: 767px) {
          .english-kidshikaku-container .border {
            border-left: 0.15rem solid #fff;
            border-right: 0.15rem solid #fff; } }
      .english-kidshikaku-container .ttl {
        background-color: #a3eee5;
        font-weight: bold;
        font-size: .9rem;
        text-align: center; }
      .english-kidshikaku-container .purpose {
        grid-area: purpose; }
      .english-kidshikaku-container .from {
        grid-area: from; }
      .english-kidshikaku-container .age {
        grid-area: age; }
      .english-kidshikaku-container .free {
        grid-area: free; }
      .english-kidshikaku-container .cam {
        grid-area: cam; }
      .english-kidshikaku-container .monthly {
        grid-area: monthly; }
      .english-kidshikaku-container .lesson {
        grid-area: lesson; }
      .english-kidshikaku-container .price {
        grid-area: price; }
      .english-kidshikaku-container .long {
        grid-area: long; }
      .english-kidshikaku-container .family {
        grid-area: family; }
      .english-kidshikaku-container .available {
        grid-area: available; }
      .english-kidshikaku-container .reserve {
        grid-area: reserve; }
      .english-kidshikaku-container .style {
        grid-area: style; }
      .english-kidshikaku-container .lang {
        grid-area: lang; }
      .english-kidshikaku-container .feature {
        grid-area: feature; }
      .english-kidshikaku-container .num {
        grid-area: num; }
      .english-kidshikaku-container .cv {
        grid-area: cv; }
      .english-kidshikaku-container .anken1 {
        grid-area: anken1; }
        .english-kidshikaku-container .anken1-purpose {
          grid-area: anken1-purpose; }
        .english-kidshikaku-container .anken1-from {
          grid-area: anken1-from; }
        .english-kidshikaku-container .anken1-age {
          grid-area: anken1-age; }
        .english-kidshikaku-container .anken1-free {
          grid-area: anken1-free; }
        .english-kidshikaku-container .anken1-cam {
          grid-area: anken1-cam; }
        .english-kidshikaku-container .anken1-monthly {
          grid-area: anken1-monthly; }
        .english-kidshikaku-container .anken1-lesson {
          grid-area: anken1-lesson; }
        .english-kidshikaku-container .anken1-price {
          grid-area: anken1-price; }
        .english-kidshikaku-container .anken1-long {
          grid-area: anken1-long; }
        .english-kidshikaku-container .anken1-family {
          grid-area: anken1-family; }
        .english-kidshikaku-container .anken1-available {
          grid-area: anken1-available; }
        .english-kidshikaku-container .anken1-reserve {
          grid-area: anken1-reserve; }
        .english-kidshikaku-container .anken1-style {
          grid-area: anken1-style; }
        .english-kidshikaku-container .anken1-lang {
          grid-area: anken1-lang; }
        .english-kidshikaku-container .anken1-feature {
          grid-area: anken1-feature; }
        .english-kidshikaku-container .anken1-num {
          grid-area: anken1-num; }
        .english-kidshikaku-container .anken1-cv {
          grid-area: anken1-cv; }
      .english-kidshikaku-container .anken2 {
        grid-area: anken2; }
        .english-kidshikaku-container .anken2-purpose {
          grid-area: anken2-purpose; }
        .english-kidshikaku-container .anken2-from {
          grid-area: anken2-from; }
        .english-kidshikaku-container .anken2-age {
          grid-area: anken2-age; }
        .english-kidshikaku-container .anken2-free {
          grid-area: anken2-free; }
        .english-kidshikaku-container .anken2-cam {
          grid-area: anken2-cam; }
        .english-kidshikaku-container .anken2-monthly {
          grid-area: anken2-monthly; }
        .english-kidshikaku-container .anken2-lesson {
          grid-area: anken2-lesson; }
        .english-kidshikaku-container .anken2-price {
          grid-area: anken2-price; }
        .english-kidshikaku-container .anken2-long {
          grid-area: anken2-long; }
        .english-kidshikaku-container .anken2-family {
          grid-area: anken2-family; }
        .english-kidshikaku-container .anken2-available {
          grid-area: anken2-available; }
        .english-kidshikaku-container .anken2-reserve {
          grid-area: anken2-reserve; }
        .english-kidshikaku-container .anken2-style {
          grid-area: anken2-style; }
        .english-kidshikaku-container .anken2-lang {
          grid-area: anken2-lang; }
        .english-kidshikaku-container .anken2-feature {
          grid-area: anken2-feature; }
        .english-kidshikaku-container .anken2-num {
          grid-area: anken2-num; }
        .english-kidshikaku-container .anken2-cv {
          grid-area: anken2-cv; }
      .english-kidshikaku-container .anken3 {
        grid-area: anken3; }
        .english-kidshikaku-container .anken3-purpose {
          grid-area: anken3-purpose; }
        .english-kidshikaku-container .anken3-from {
          grid-area: anken3-from; }
        .english-kidshikaku-container .anken3-age {
          grid-area: anken3-age; }
        .english-kidshikaku-container .anken3-free {
          grid-area: anken3-free; }
        .english-kidshikaku-container .anken3-cam {
          grid-area: anken3-cam; }
        .english-kidshikaku-container .anken3-monthly {
          grid-area: anken3-monthly; }
        .english-kidshikaku-container .anken3-lesson {
          grid-area: anken3-lesson; }
        .english-kidshikaku-container .anken3-price {
          grid-area: anken3-price; }
        .english-kidshikaku-container .anken3-long {
          grid-area: anken3-long; }
        .english-kidshikaku-container .anken3-family {
          grid-area: anken3-family; }
        .english-kidshikaku-container .anken3-available {
          grid-area: anken3-available; }
        .english-kidshikaku-container .anken3-reserve {
          grid-area: anken3-reserve; }
        .english-kidshikaku-container .anken3-style {
          grid-area: anken3-style; }
        .english-kidshikaku-container .anken3-lang {
          grid-area: anken3-lang; }
        .english-kidshikaku-container .anken3-feature {
          grid-area: anken3-feature; }
        .english-kidshikaku-container .anken3-num {
          grid-area: anken3-num; }
        .english-kidshikaku-container .anken3-cv {
          grid-area: anken3-cv; }
  .english-hikakutop3 {
    max-width: 750px;
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .english-hikakutop3 {
        margin: -.5rem auto; } }
    .english-hikakutop3-ttl {
      max-width: 500px;
      margin: 1rem auto; }
    .english-hikakutop3-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 0px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "monthly monthly monthly" "anken1-monthly anken2-monthly anken3-monthly" "lesson lesson lesson" "anken1-lesson anken2-lesson anken3-lesson" "lang lang lang" "anken1-lang anken2-lang anken3-lang" "from from from" "anken1-from anken2-from anken3-from" "long long long" "anken1-long anken2-long anken3-long" "available available available" "anken1-available anken2-available anken3-available" "reserve reserve reserve" "anken1-reserve anken2-reserve anken3-reserve" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "free free free" "anken1-free anken2-free anken3-free" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      .english-hikakutop3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        background-color: #fef9f5; }
      .english-hikakutop3-container .ico-rank {
        width: 30%;
        margin: 0 auto 0.5rem !important; }
      .english-hikakutop3-container-linkinner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .english-hikakutop3-container-list {
        display: flex;
        flex-direction: column;
        gap: 0.5rem; }
        .english-hikakutop3-container-list li {
          position: relative;
          padding-left: 1rem;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .english-hikakutop3-container-list li {
              font-size: .8rem; } }
          .english-hikakutop3-container-list li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #a3eee5;
            border-radius: 50%;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .english-hikakutop3-container-inner {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: .5rem; }
        .english-hikakutop3-container-inner-eval {
          width: 20%;
          margin: auto; }
        .english-hikakutop3-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .english-hikakutop3-container-inner-txt {
              font-size: .8rem; } }
      .english-hikakutop3-container-txt {
        text-align: center; }
      .english-hikakutop3-container-cv {
        width: 90%;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .english-hikakutop3-container-cv {
            width: 100%; } }
        .english-hikakutop3-container-cv-copy {
          font-size: .9rem;
          text-align: center;
          font-weight: bold; }
        .english-hikakutop3-container-cv-wrap {
          width: 100%; }
        .english-hikakutop3-container-cv-btn {
          width: 90%; }
          @media only screen and (max-width: 767px) {
            .english-hikakutop3-container-cv-btn {
              font-size: 1rem; } }
      .english-hikakutop3-container-link {
        width: 90%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .english-hikakutop3-container-link {
            width: 95%; } }
        .english-hikakutop3-container-link a:hover {
          opacity: 1; }
        .english-hikakutop3-container-link-btn {
          color: #000 !important;
          width: 100%;
          background-color: #fef159;
          display: flex;
          justify-content: center;
          gap: 0.2rem;
          align-items: center;
          border-radius: 30px;
          padding: .5rem 1rem;
          box-shadow: 0 8px 0 #877d02;
          animation-name: english-linkmove;
          animation-delay: 0s;
          /* アニメーションの開始時間指定 */
          animation-duration: 3s;
          /* アニメーション動作時間の指定 */
          animation-timing-function: linear;
          /* アニメーションの動き（一定）*/
          animation-iteration-count: infinite;
          /* アニメーションを繰り返す */ }
          @media only screen and (max-width: 767px) {
            .english-hikakutop3-container-link-btn {
              border-radius: 40px; } }
@keyframes english-linkmove {
  0% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #877d02;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); } }
          .english-hikakutop3-container-link-btn-txt {
            color: #000;
            font-weight: bold;
            font-size: 1.1rem;
            text-align: center; }
            .english-hikakutop3-container-link-btn-txt-big {
              font-size: 1.6rem; }
              @media only screen and (max-width: 767px) {
                .english-hikakutop3-container-link-btn-txt-big {
                  font-size: 1.4rem; } }
      .english-hikakutop3-container .border {
        border-left: 0.25rem solid #fff;
        border-right: 0.25rem solid #fff; }
        @media only screen and (max-width: 767px) {
          .english-hikakutop3-container .border {
            border-left: 0.15rem solid #fff;
            border-right: 0.15rem solid #fff; } }
      .english-hikakutop3-container .ttl {
        background-color: #a3eee5;
        font-weight: bold;
        font-size: .9rem;
        text-align: center; }
      .english-hikakutop3-container .monthly {
        grid-area: monthly; }
      .english-hikakutop3-container .lesson {
        grid-area: lesson; }
      .english-hikakutop3-container .lang {
        grid-area: lang; }
      .english-hikakutop3-container .from {
        grid-area: from; }
      .english-hikakutop3-container .long {
        grid-area: long; }
      .english-hikakutop3-container .available {
        grid-area: available; }
      .english-hikakutop3-container .reserve {
        grid-area: reserve; }
      .english-hikakutop3-container .feature {
        grid-area: feature; }
      .english-hikakutop3-container .free {
        grid-area: free; }
      .english-hikakutop3-container .cam {
        grid-area: cam; }
      .english-hikakutop3-container .cv {
        grid-area: cv; }
      .english-hikakutop3-container .link {
        grid-area: link; }
      .english-hikakutop3-container .anken1 {
        grid-area: anken1;
        border-left: none; }
        .english-hikakutop3-container .anken1-monthly {
          grid-area: anken1-monthly;
          border-left: none; }
        .english-hikakutop3-container .anken1-lesson {
          grid-area: anken1-lesson;
          border-left: none; }
        .english-hikakutop3-container .anken1-lang {
          grid-area: anken1-lang;
          border-left: none; }
        .english-hikakutop3-container .anken1-from {
          grid-area: anken1-from;
          border-left: none; }
        .english-hikakutop3-container .anken1-long {
          grid-area: anken1-long;
          border-left: none; }
        .english-hikakutop3-container .anken1-available {
          grid-area: anken1-available;
          border-left: none; }
        .english-hikakutop3-container .anken1-reserve {
          grid-area: anken1-reserve;
          border-left: none; }
        .english-hikakutop3-container .anken1-feature {
          grid-area: anken1-feature;
          border-left: none; }
        .english-hikakutop3-container .anken1-free {
          grid-area: anken1-free;
          border-left: none; }
        .english-hikakutop3-container .anken1-cam {
          grid-area: anken1-cam;
          border-left: none; }
        .english-hikakutop3-container .anken1-cv {
          grid-area: anken1-cv;
          padding-bottom: 1rem;
          border-left: none; }
        .english-hikakutop3-container .anken1-link {
          grid-area: anken1-link;
          padding: 1rem;
          border-left: none; }
      .english-hikakutop3-container .anken2 {
        grid-area: anken2; }
        .english-hikakutop3-container .anken2-monthly {
          grid-area: anken2-monthly; }
        .english-hikakutop3-container .anken2-lesson {
          grid-area: anken2-lesson; }
        .english-hikakutop3-container .anken2-lang {
          grid-area: anken2-lang; }
        .english-hikakutop3-container .anken2-from {
          grid-area: anken2-from; }
        .english-hikakutop3-container .anken2-long {
          grid-area: anken2-long; }
        .english-hikakutop3-container .anken2-available {
          grid-area: anken2-available; }
        .english-hikakutop3-container .anken2-reserve {
          grid-area: anken2-reserve; }
        .english-hikakutop3-container .anken2-feature {
          grid-area: anken2-feature; }
        .english-hikakutop3-container .anken2-free {
          grid-area: anken2-free; }
        .english-hikakutop3-container .anken2-cam {
          grid-area: anken2-cam; }
        .english-hikakutop3-container .anken2-cv {
          grid-area: anken2-cv;
          padding-bottom: 1rem; }
        .english-hikakutop3-container .anken2-link {
          grid-area: anken2-link;
          padding: 1rem; }
      .english-hikakutop3-container .anken3 {
        grid-area: anken3;
        border-right: none; }
        .english-hikakutop3-container .anken3-monthly {
          grid-area: anken3-monthly;
          border-right: none; }
        .english-hikakutop3-container .anken3-lesson {
          grid-area: anken3-lesson;
          border-right: none; }
        .english-hikakutop3-container .anken3-lang {
          grid-area: anken3-lang;
          border-right: none; }
        .english-hikakutop3-container .anken3-from {
          grid-area: anken3-from;
          border-right: none; }
        .english-hikakutop3-container .anken3-long {
          grid-area: anken3-long;
          border-right: none; }
        .english-hikakutop3-container .anken3-available {
          grid-area: anken3-available;
          border-right: none; }
        .english-hikakutop3-container .anken3-reserve {
          grid-area: anken3-reserve;
          border-right: none; }
        .english-hikakutop3-container .anken3-feature {
          grid-area: anken3-feature;
          border-right: none; }
        .english-hikakutop3-container .anken3-free {
          grid-area: anken3-free;
          border-right: none; }
        .english-hikakutop3-container .anken3-cam {
          grid-area: anken3-cam;
          border-right: none; }
        .english-hikakutop3-container .anken3-cv {
          grid-area: anken3-cv;
          padding-bottom: 1rem;
          border-right: none; }
        .english-hikakutop3-container .anken3-link {
          grid-area: anken3-link;
          padding: 1rem;
          border-right: none; }
  .english-which {
    max-width: 750px;
    margin: 1rem auto 0;
    padding-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      .english-which {
        padding-bottom: 1rem; } }
    .english-which-container {
      margin: .3rem auto;
      display: grid;
      grid-template-columns: 1fr .4fr 1fr;
      grid-template-rows: auto;
      gap: .2rem;
      grid-auto-flow: row;
      grid-template-areas: "online name class" "online-price price class-price" "online-place place class-place" "online-available available class-available" "online-change change class-change" "online-relationship relationship class-relationship" "online-record record class-record" "online-type type class-type" "online-cancel cancel class-cancel" "online-sabo sabo class-sabo"; }
      .english-which-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        background-color: #fef9f5; }
      .english-which-container .ttl {
        background-color: #c7c7c7;
        color: #fff;
        font-size: .9rem;
        padding: .2rem;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .english-which-container .ttl {
            font-size: .7rem; } }
      .english-which-container-inner {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: .1rem; }
        .english-which-container-inner-eval {
          width: 10%;
          margin: auto; }
        .english-which-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .english-which-container-inner-txt {
              font-size: .8rem; } }
      .english-which-container .name {
        grid-area: name;
        background-color: #fff; }
      .english-which-container .price {
        grid-area: price; }
      .english-which-container .place {
        grid-area: place; }
      .english-which-container .available {
        grid-area: available; }
      .english-which-container .change {
        grid-area: change; }
      .english-which-container .relationship {
        grid-area: relationship; }
      .english-which-container .record {
        grid-area: record; }
      .english-which-container .type {
        grid-area: type; }
      .english-which-container .cancel {
        grid-area: cancel; }
      .english-which-container .sabo {
        grid-area: sabo; }
      .english-which-container .online {
        grid-area: online;
        background-color: #a3eee5;
        font-weight: bold;
        font-size: 1.4rem; }
        @media only screen and (max-width: 767px) {
          .english-which-container .online {
            font-size: 1rem; } }
        .english-which-container .online-price {
          grid-area: online-price;
          background-color: #fefbd7; }
        .english-which-container .online-place {
          grid-area: online-place;
          background-color: #fefbd7; }
        .english-which-container .online-available {
          grid-area: online-available;
          background-color: #fefbd7; }
        .english-which-container .online-change {
          grid-area: online-change;
          background-color: #fefbd7; }
        .english-which-container .online-relationship {
          grid-area: online-relationship;
          background-color: #fefbd7; }
        .english-which-container .online-record {
          grid-area: online-record;
          background-color: #fefbd7; }
        .english-which-container .online-type {
          grid-area: online-type;
          background-color: #fefbd7; }
        .english-which-container .online-cancel {
          grid-area: online-cancel;
          background-color: #fefbd7; }
        .english-which-container .online-sabo {
          grid-area: online-sabo;
          background-color: #fefbd7; }
      .english-which-container .class {
        grid-area: class;
        background-color: #d0f3ed;
        font-weight: bold;
        font-size: 1.4rem; }
        @media only screen and (max-width: 767px) {
          .english-which-container .class {
            font-size: 1rem;
            text-align: center;
            line-height: 1.2; } }
        .english-which-container .class-price {
          grid-area: class-price; }
        .english-which-container .class-place {
          grid-area: class-place; }
        .english-which-container .class-available {
          grid-area: class-available; }
        .english-which-container .class-change {
          grid-area: class-change; }
        .english-which-container .class-relationship {
          grid-area: class-relationship; }
        .english-which-container .class-record {
          grid-area: class-record; }
        .english-which-container .class-type {
          grid-area: class-type; }
        .english-which-container .class-cancel {
          grid-area: class-cancel; }
        .english-which-container .class-sabo {
          grid-area: class-sabo; }
    .english-which-osusume {
      margin: 2rem auto; }
      @media only screen and (max-width: 767px) {
        .english-which-osusume {
          margin: 1rem auto; } }
      .english-which-osusume-inner {
        max-width: 500px;
        margin: auto;
        border-radius: 20px;
        background-color: #fefbd7;
        padding: 1rem; }
      .english-which-osusume-sankaku {
        max-width: 500px;
        margin: 1rem auto; }
      .english-which-osusume-ketsuron {
        margin: 1rem auto 0;
        max-width: 500px; }
        .english-which-osusume-ketsuron-list {
          display: flex;
          justify-content: center;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .english-which-osusume-ketsuron-list {
              flex-direction: column; } }
          .english-which-osusume-ketsuron-list-wrap-txt {
            text-align: center; }
          @media only screen and (max-width: 767px) {
            .english-which-osusume-ketsuron-list-wrap-img {
              width: 80%;
              margin: auto; } }
        .english-which-osusume-ketsuron-strong-img {
          width: 100%; }
          .english-which-osusume-ketsuron-strong-img-name {
            width: 40%; }
            @media only screen and (max-width: 767px) {
              .english-which-osusume-ketsuron-strong-img-name {
                width: 60%; } }
        .english-which-osusume-ketsuron-strong-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .english-which-osusume-ketsuron-strong-txt {
              margin-top: .5rem; } }
          .english-which-osusume-ketsuron-strong-txt-wrap {
            position: relative;
            font-weight: bold;
            font-size: 1.2rem;
            display: inline-block; }
            @media only screen and (max-width: 767px) {
              .english-which-osusume-ketsuron-strong-txt-wrap {
                width: 80%;
                font-size: .9rem; } }
            .english-which-osusume-ketsuron-strong-txt-wrap:before {
              position: absolute;
              bottom: 0;
              left: -1rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/english/fukidashi_l.png) no-repeat;
              background-size: contain; }
            .english-which-osusume-ketsuron-strong-txt-wrap:after {
              position: absolute;
              bottom: 0;
              right: -1rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/english/fukidashi_r.png) no-repeat;
              background-size: contain; }
        .english-which-osusume-ketsuron-strong-img {
          margin: 1rem auto; }
  .english .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .english .ranking-flexwrap {
        flex-direction: column;
        gap: 0; } }
  .english .ranking-title {
    background-color: #a3eee5;
    color: #000; }
    .english .ranking-title:after {
      top: 98%;
      border-top: 20px solid #a3eee5; }
    .english .ranking-title-flex span {
      color: #000; }
    .english .ranking-title-txt {
      color: #000;
      font-size: 2.5rem; }
      @media only screen and (max-width: 767px) {
        .english .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.8rem; } }
  .english .ranking .english-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #f2d9a4; }
  .english .ranking .english-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0; }
  .english .ranking .english-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #c9b5a2; }
  .english .ranking .english-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #8e90ad; }
  .english .ranking .english-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #df9fb6; }
  .english .ranking .english-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #df9fb6; }
  .english .ranking .english-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .english .ranking .english-ranking-list .ranking-list-box-cv-btn {
      width: 50%;
      margin-bottom: 1rem;
      font-size: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .english .ranking .english-ranking-list .ranking-list-box-cv-btn {
          width: 90%; } }
    .english .ranking .english-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .english .ranking .english-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .english .ranking .english-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem; }
      @media only screen and (max-width: 767px) {
        .english .ranking .english-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .english .ranking .english-ranking-list .ranking-list-box-wrapper {
      background-color: #fef9f5; }
      .english .ranking .english-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .english .ranking .english-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
    .english .ranking .english-ranking-list .ranking-list-box-inner {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .english .ranking .english-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .english .ranking .english-ranking-list .ranking-list-box-inner-ttl {
        background-color: #a3eee5;
        padding: .2rem;
        text-align: center;
        color: #000; }
      .english .ranking .english-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .english .ranking .english-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: center;
        gap: .2rem;
        flex-direction: column; }
        .english .ranking .english-ranking-list .ranking-list-box-inner-osusume li {
          width: 50%;
          margin: auto;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .english .ranking .english-ranking-list .ranking-list-box-inner-osusume li {
              width: 93%; } }
          .english .ranking .english-ranking-list .ranking-list-box-inner-osusume li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #a3eee5;
            border-radius: 50%;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .english .ranking .english-ranking-list .ranking-list-box-inner-spec {
        margin: 1rem auto; }
        .english .ranking .english-ranking-list .ranking-list-box-inner-spec th {
          color: #000;
          background-color: #a3eee5;
          border: 1px solid #fef9f5; }
          @media only screen and (max-width: 767px) {
            .english .ranking .english-ranking-list .ranking-list-box-inner-spec th {
              width: 19%;
              font-size: .7rem; } }
        .english .ranking .english-ranking-list .ranking-list-box-inner-spec td {
          background-color: #fff;
          border: 1px solid #fef9f5; }
          @media only screen and (max-width: 767px) {
            .english .ranking .english-ranking-list .ranking-list-box-inner-spec td {
              padding: .2rem;
              font-size: .8rem; } }
      .english .ranking .english-ranking-list .ranking-list-box-inner-review {
        margin-bottom: 1rem; }
        .english .ranking .english-ranking-list .ranking-list-box-inner-review-inner {
          margin-top: .5rem; }
        .english .ranking .english-ranking-list .ranking-list-box-inner-review-card {
          background-color: #fff;
          width: 100%;
          padding: 1.5rem 3rem;
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;
          gap: .5rem;
          max-height: 700px; }
          @media only screen and (max-width: 767px) {
            .english .ranking .english-ranking-list .ranking-list-box-inner-review-card {
              padding: 1.5rem 2rem;
              gap: 1rem; } }
          .english .ranking .english-ranking-list .ranking-list-box-inner-review-card-img {
            width: 40%; }
          .english .ranking .english-ranking-list .ranking-list-box-inner-review-card-comment {
            width: 100%; }
            .english .ranking .english-ranking-list .ranking-list-box-inner-review-card-comment p {
              font-size: 0.9rem !important; }
            @media only screen and (max-width: 767px) {
              .english .ranking .english-ranking-list .ranking-list-box-inner-review-card-comment {
                padding: 0 2rem; } }
            .english .ranking .english-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
              position: relative;
              display: inline-block;
              font-size: 1.8rem;
              margin-bottom: 1rem;
              line-height: 1.2; }
              .english .ranking .english-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                position: absolute;
                bottom: -0.5rem;
                left: 0;
                background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                content: "";
                height: 2px;
                width: 100%; }
            .english .ranking .english-ranking-list .ranking-list-box-inner-review-card-comment-link {
              display: block;
              font-size: 0.9rem;
              text-align: right;
              opacity: 0.5; }
            .english .ranking .english-ranking-list .ranking-list-box-inner-review-card-comment-txt {
              margin-top: .5rem;
              line-height: 1.5; }
      .english .ranking .english-ranking-list .ranking-list-box-inner-point {
        text-align: left;
        margin: 1rem auto; }
        .english .ranking .english-ranking-list .ranking-list-box-inner-point-list {
          margin: 0 auto;
          padding: 1rem 2rem; }
          @media only screen and (max-width: 767px) {
            .english .ranking .english-ranking-list .ranking-list-box-inner-point-list {
              padding: 1.5rem; } }
          .english .ranking .english-ranking-list .ranking-list-box-inner-point-list dt {
            margin-bottom: .2rem; }
        .english .ranking .english-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: left;
          align-items: center;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .english .ranking .english-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
          .english .ranking .english-ranking-list .ranking-list-box-inner-point-flex-check {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/feature/english/english_check.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .english .ranking .english-ranking-list .ranking-list-box-inner-point-flex-check {
                width: 10%; } }
          .english .ranking .english-ranking-list .ranking-list-box-inner-point-flex-ttl {
            font-weight: bold;
            font-size: 1.2rem; }
            @media only screen and (max-width: 767px) {
              .english .ranking .english-ranking-list .ranking-list-box-inner-point-flex-ttl {
                font-size: 1.1rem;
                line-height: 1.3; } }
        .english .ranking .english-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.5;
          margin-bottom: 1rem; }
          @media only screen and (max-width: 767px) {
            .english .ranking .english-ranking-list .ranking-list-box-inner-point-txt {
              font-size: .8rem; } }
      .english .ranking .english-ranking-list .ranking-list-box-inner-cam {
        margin: 2rem auto 1rem;
        max-width: 500px; }
        @media only screen and (max-width: 767px) {
          .english .ranking .english-ranking-list .ranking-list-box-inner-cam {
            margin: 1rem auto; } }
        .english .ranking .english-ranking-list .ranking-list-box-inner-cam-ttl {
          background-color: #fef159;
          color: #000;
          font-weight: bold; }
        .english .ranking .english-ranking-list .ranking-list-box-inner-cam-content {
          position: relative;
          width: 100%;
          background-color: #fff;
          padding: 1rem 2rem;
          text-align: center;
          min-height: 4rem;
          border-top: none; }
          @media only screen and (max-width: 767px) {
            .english .ranking .english-ranking-list .ranking-list-box-inner-cam-content {
              padding: 1rem 3.5rem; } }
          .english .ranking .english-ranking-list .ranking-list-box-inner-cam-content:before {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 1rem;
            display: inline-block;
            width: 3em;
            height: 3rem;
            content: '';
            background: url(../img/feature/english/gift_icon.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .english .ranking .english-ranking-list .ranking-list-box-inner-cam-content:before {
                left: .5rem; } }
          .english .ranking .english-ranking-list .ranking-list-box-inner-cam-content:after {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 1rem;
            display: inline-block;
            width: 3em;
            height: 3rem;
            content: '';
            background: url(../img/feature/english/gift_icon.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .english .ranking .english-ranking-list .ranking-list-box-inner-cam-content:after {
                right: .5rem; } }
  .english-survey {
    margin-top: 2rem; }

.englishschool_business .english-hikakutop3-container-list li:before {
  background-color: #b6c1eb; }
.englishschool_business .english-hikakutop3-container .ttl {
  background-color: #b6c1eb; }
.englishschool_business .english-which-container .online {
  color: #fff;
  background-color: #001c8f; }
.englishschool_business .english-which-container .class {
  background-color: #b6c1eb; }
.englishschool_business .ranking-title {
  background-color: #001c8f; }
  .englishschool_business .ranking-title:after {
    border-top: 20px solid #001c8f; }
  .englishschool_business .ranking-title-txt {
    color: #fff; }
.englishschool_business .ranking .english-ranking-list .ranking-list-box-inner-ttl {
  background-color: #001c8f;
  color: #fff; }
.englishschool_business .ranking .english-ranking-list .ranking-list-box-inner-osusume li:before {
  background-color: #001c8f; }
.englishschool_business .ranking .english-ranking-list .ranking-list-box-inner-spec th {
  background-color: #001c8f;
  color: #fff; }
.englishschool_business .ranking .english-ranking-list .ranking-list-box-inner-cam-ttl {
  background-color: #fef159;
  color: #000;
  font-weight: bold; }

.english.englishschool_sogo .ranking-title {
  margin-top: 0; }

.englishsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .englishsearch {
      padding: .5rem; } }
  .englishsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .englishsearch .only-pc {
      display: none; } }
  .englishsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .englishsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .englishsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .englishsearch-form {
        gap: .5rem; } }
    .englishsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .englishsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .englishsearch-form-wrap-sankaku {
            width: 48%; } }
        .englishsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .englishsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .englishsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .englishsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .englishsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .englishsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .englishsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .englishsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .englishsearch-form-submit-txt:before {
              display: none; } }
        .englishsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .englishsearch-form-submit-txt:after {
              display: none; } }
      .englishsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .englishsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .englishsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .englishsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.englishkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .englishkekka-sort {
      flex-direction: column; } }
  .englishkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .englishkekka-sort-now {
        width: 100%; } }
    .englishkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .englishkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .englishkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .englishkekka-sort-form {
        width: 100%; } }
    .englishkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .englishkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.english-column-content-reason .swiper-button-prev, .english-column-content-reason .swiper-button-next {
  color: #a3eee5;
  padding-bottom: 9rem; }
.english-column-content-reason .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #a3eee5; }

/*英会話*/
/* kaniLP   feature　
----------------------------------------------------------------------------------------------*/
.kani {
  color: #000;
  font-weight: normal; }
  .kani .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .kani img {
    margin: auto; }
  .kani-wrapper {
    padding: 0 .5rem; }
  .kani a {
    transition: 0.3s; }
    .kani a:hover {
      opacity: 0.7; }
  .kani-mainvisual {
    position: relative; }
    .kani-mainvisual-season {
      position: absolute;
      color: #fff;
      font-size: 1.6rem;
      top: 1.2rem;
      right: .8rem;
      transform: rotate(10deg); }
      @media only screen and (max-width: 834px) {
        .kani-mainvisual-season {
          top: 1rem;
          right: 1rem;
          font-size: 1.4rem; } }
      @media only screen and (max-width: 810px) {
        .kani-mainvisual-season {
          font-size: 1.3rem; } }
      @media only screen and (max-width: 430px) {
        .kani-mainvisual-season {
          font-size: .9rem;
          transform: rotate(5deg);
          top: 0.2rem;
          right: 0.5rem; } }
      @media only screen and (max-width: 375px) {
        .kani-mainvisual-season {
          transform: rotate(4deg);
          top: 0.1rem;
          right: 0.4rem; } }
      @media only screen and (max-width: 320px) {
        .kani-mainvisual-season {
          transform: none; } }
  .kani-ttl {
    max-width: 500px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .kani-ttl {
        margin: 1rem auto 0; } }
  .kani-cv {
    margin: auto;
    text-align: center;
    width: 90%; }
    .kani-cv a:hover {
      opacity: 1; }
    .kani-cv-copy {
      margin: 1rem auto 0.5rem;
      text-align: center;
      -webkit-animation: blink 1s ease-in-out infinite alternate;
      -moz-animation: blink 1s ease-in-out infinite alternate;
      animation: blink 1s ease-in-out infinite alternate; }
@-webkit-keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
      .kani-cv-copy-wrap {
        display: inline-block;
        position: relative; }
        .kani-cv-copy-wrap:before {
          position: absolute;
          bottom: 0;
          left: -2rem;
          width: 2rem;
          height: 2rem;
          content: '';
          background: url(../img/feature/kani/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .kani-cv-copy-wrap:after {
          position: absolute;
          bottom: 0;
          right: -2.5rem;
          width: 2rem;
          height: 2rem;
          content: '';
          background: url(../img/feature/kani/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .kani-cv-copy-wrap:after {
              right: -2rem; } }
    .kani-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #222;
      box-shadow: 0 8px 0 #000;
      animation-name: kani-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .kani-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
      .kani-cv-btn a:hover {
        opacity: 1; }
@keyframes kani-cvmove {
  0% {
    box-shadow: 0 8px 0 #000;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #000;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #000;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #000;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #000;
    transform: translatey(0); } }
    .kani-cv-com {
      border: 2px solid #e2bc0f;
      border-radius: 30px;
      background-color: #fff;
      position: relative;
      width: 70%;
      margin: .5rem auto; }
      @media only screen and (max-width: 767px) {
        .kani-cv-com {
          width: 95%; } }
      .kani-cv-com:before {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 0;
        top: -0.6rem;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #e2bc0f transparent; }
      .kani-cv-com-inner {
        position: relative;
        display: inline-block;
        border-radius: 30px;
        background-color: #fff;
        width: 100%;
        padding: 1rem 3rem; }
        @media only screen and (max-width: 767px) {
          .kani-cv-com-inner {
            padding: 1rem; } }
        .kani-cv-com-inner:before {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: -4rem;
          content: '';
          display: inline-block;
          width: 9rem;
          height: 6rem;
          background: url(../img/feature/kani/fukidashi_kani_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .kani-cv-com-inner:before {
              width: 5rem;
              height: 3rem;
              transform: none;
              top: -1rem;
              left: -1rem; } }
        .kani-cv-com-inner:after {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: -4rem;
          content: '';
          display: inline-block;
          width: 9rem;
          height: 6rem;
          background: url(../img/feature/kani/fukidashi_kani_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .kani-cv-com-inner:after {
              width: 5rem;
              height: 3rem;
              transform: none;
              top: -1rem;
              right: -1rem; } }
  .kani-alart {
    margin: 2rem auto 0;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .kani-alart {
        margin: 1rem auto 0rem; } }
    .kani-alart-img {
      max-width: 500px;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .kani-alart-img {
          padding: 0 .5rem; } }
    .kani-alart-txt {
      font-weight: normal; }
      .kani-alart-txt-big {
        font-weight: bold;
        font-size: 1.8rem; }
        @media only screen and (max-width: 767px) {
          .kani-alart-txt-big {
            font-size: 1.4rem;
            line-height: 1.4; } }
    .kani-alart-wrap {
      max-width: 1000px;
      margin: 1rem auto 1.5rem;
      width: 80%;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .kani-alart-wrap {
          width: 100%;
          margin: 1rem auto 2rem; } }
      .kani-alart-wrap-img {
        width: 40%;
        position: absolute;
        top: 62%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-animation: blink .8s ease-in-out infinite alternate;
        -moz-animation: blink .8s ease-in-out infinite alternate;
        animation: blink .8s ease-in-out infinite alternate; }
        @media only screen and (max-width: 767px) {
          .kani-alart-wrap-img {
            width: 50%;
            top: 72%; } }
  .kani-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .kani-type {
        margin: .5rem auto; } }
    .kani-type-ttl {
      max-width: 500px;
      margin: auto; }
    .kani-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .kani-type-list {
          margin-top: 1rem; } }
      .kani-type-list-inner-ttl {
        padding: .5rem;
        font-weight: bold;
        color: #fff;
        font-size: 1rem;
        border-radius: 20px 20px 0 0;
        background: #e9461b;
        min-height: 85px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        @media only screen and (max-width: 767px) {
          .kani-type-list-inner-ttl {
            min-height: 40px;
            flex-direction: row; } }
        .kani-type-list-inner-ttl-big {
          font-size: 1.5rem; }
        .kani-type-list-inner-ttl-y {
          border: 0.1rem solid #e2bc0f;
          background: #e2bc0f;
          color: #000; }
        .kani-type-list-inner-ttl-img {
          width: 16%;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .kani-type-list-inner-ttl-img {
              width: 10%;
              margin: unset; } }
        @media only screen and (max-width: 767px) {
          .kani-type-list-inner-ttl-txt {
            width: 80%; } }
        .kani-type-list-inner-ttl-1st-img {
          width: 24%;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .kani-type-list-inner-ttl-1st-img {
              width: 15%;
              margin: unset; } }
      .kani-type-list-inner-content {
        padding: 1rem .5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 0.2rem solid #e9461b;
        border-top: none;
        color: #000;
        background-color: #fff;
        border-radius: 0 0 20px 20px;
        height: 19rem;
        text-align: center;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .kani-type-list-inner-content {
            height: 13rem; } }
        @media only screen and (max-width: 767px) {
          .kani-type-list-inner-content-wrap {
            width: 80%; } }
        @media only screen and (max-width: 767px) {
          .kani-type-list-inner-content-wrap-img {
            width: 40%; } }
        @media only screen and (max-width: 767px) {
          .kani-type-list-inner-content-wrap-flex {
            width: 60%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column; } }
        .kani-type-list-inner-content-wrap .logo {
          margin: 0 auto .5rem; }
          @media only screen and (max-width: 767px) {
            .kani-type-list-inner-content-wrap .logo {
              margin-bottom: 0; } }
        .kani-type-list-inner-content-y {
          border: 0.2rem solid #e2bc0f;
          border-top: none; }
        .kani-type-list-inner-content-come {
          font-size: .7rem;
          opacity: .4; }
        .kani-type-list-inner-content .img {
          width: 60%;
          margin: auto; }
          .kani-type-list-inner-content .img-big {
            width: 40%;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .kani-type-list-inner-content .img-big {
                width: 100%; } }
        .kani-type-list-inner-content .name {
          font-weight: bold;
          font-size: 1.2rem; }
      .kani-type-list-inner-cv {
        width: 80%;
        margin: .5rem auto;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .kani-type-list-inner-cv a {
          color: #fff; }
        .kani-type-list-inner-cv a:hover {
          opacity: 1; }
        .kani-type-list-inner-cv:before {
          position: absolute;
          content: '';
          display: inline-block;
          pointer-events: none;
          top: -180px;
          left: 0;
          width: 30px;
          height: 100%;
          background-color: #fff;
          animation: shiny-btn1 3s ease-in-out infinite; }
        .kani-type-list-inner-cv-btn {
          padding: .5rem 2.2rem;
          font-size: 1.1rem; }
          @media only screen and (max-width: 767px) {
            .kani-type-list-inner-cv-btn {
              padding: .5rem 3.5rem; } }
        .kani-type-list-inner-cv-txt {
          color: #fff;
          padding: 1.2rem 2.5rem; }
  .kani-intro {
    background: url(../img/feature/kani/intro_bg.png) no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center; }
    .kani-intro-txt-big {
      font-size: 1.8rem;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .kani-intro-txt-big {
          font-size: 1.4rem;
          line-height: 1.4; } }
    .kani-intro-sankaku {
      display: inline-block;
      margin: 1rem auto 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 40px 70px 0 70px;
      border-color: #e9481b transparent transparent transparent; }
      @media only screen and (max-width: 767px) {
        .kani-intro-sankaku {
          margin: .5rem auto 0;
          border-width: 20px 40px 0 40px; } }
    .kani-intro-flex {
      display: flex;
      justify-content: center;
      align-items: center; }
      .kani-intro-flex-img {
        width: 40%; }
        @media only screen and (max-width: 767px) {
          .kani-intro-flex-img {
            width: 48%; } }
  .kani-hikaku-container {
    margin: 2rem auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: .25rem .25rem;
    grid-auto-flow: row;
    grid-template-areas: "anken1 anken2 anken3" "sanchi sanchi sanchi" "anken1-sanchi anken2-sanchi anken3-sanchi" "price price price" "anken1-price anken2-price anken3-price" "type type type" "anken1-type anken2-type anken3-type" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
    @media only screen and (max-width: 767px) {
      .kani-hikaku-container {
        margin: .5rem auto 0; } }
    .kani-hikaku-container .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.5rem;
      font-size: .9rem; }
    .kani-hikaku-container .ico-rank {
      position: absolute;
      top: -2rem;
      left: 50%;
      transform: translateX(-50%);
      width: 18%;
      margin: 0 auto 0.5rem !important; }
      @media only screen and (max-width: 767px) {
        .kani-hikaku-container .ico-rank {
          position: inherit;
          top: 0;
          left: 0;
          transform: none;
          width: 45%; } }
    .kani-hikaku-container .ttl {
      flex-direction: column;
      background-color: #aeaeae;
      color: #fff;
      font-weight: bold;
      text-align: center;
      padding: .3rem; }
      @media only screen and (max-width: 767px) {
        .kani-hikaku-container .ttl {
          font-size: .8rem; } }
    .kani-hikaku-container-txt {
      text-align: center; }
    .kani-hikaku-container-list li {
      position: relative;
      padding-left: 1rem; }
      .kani-hikaku-container-list li:before {
        position: absolute;
        display: inline-block;
        width: .5rem;
        height: .5rem;
        background-color: #e9461b;
        border-radius: 50%;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        content: ''; }
    @media only screen and (max-width: 767px) {
      .kani-hikaku-container-cv {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .kani-hikaku-container-cv-btn {
        width: 100%;
        font-size: .9rem; } }
    .kani-hikaku-container-link-btn {
      color: #000;
      background-color: #e2bc0f;
      box-shadow: 0 8px 0 #554707;
      animation-name: kani-linkmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes kani-linkmove {
  0% {
    box-shadow: 0 8px 0 #554707;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #554707;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #554707;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #554707;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #554707;
    transform: translatey(0); } }
    .kani-hikaku-container .bnr {
      width: 40%;
      margin: auto; }
    .kani-hikaku-container .name {
      grid-area: name;
      font-weight: bold; }
    .kani-hikaku-container .sanchi {
      grid-area: sanchi; }
    .kani-hikaku-container .price {
      grid-area: price; }
    .kani-hikaku-container .type {
      grid-area: type; }
    .kani-hikaku-container .osusume {
      grid-area: osusume; }
    .kani-hikaku-container .cv {
      grid-area: cv; }
    .kani-hikaku-container .link {
      grid-area: link; }
    .kani-hikaku-container .anken1 {
      grid-area: anken1;
      position: relative;
      padding: 2rem .5rem .5rem .5rem;
      background-color: #fdf7db; }
      @media only screen and (max-width: 767px) {
        .kani-hikaku-container .anken1 {
          padding: .5rem;
          flex-direction: column; } }
      .kani-hikaku-container .anken1-sanchi {
        grid-area: anken1-sanchi;
        background-color: #fdf7db; }
      .kani-hikaku-container .anken1-price {
        grid-area: anken1-price;
        background-color: #fdf7db; }
      .kani-hikaku-container .anken1-type {
        grid-area: anken1-type;
        background-color: #fdf7db; }
      .kani-hikaku-container .anken1-osusume {
        grid-area: anken1-osusume;
        background-color: #fdf7db; }
      .kani-hikaku-container .anken1-cv {
        grid-area: anken1-cv;
        background-color: #fdf7db;
        padding-bottom: 1rem; }
      .kani-hikaku-container .anken1-link {
        grid-area: anken1-link;
        background-color: #fdf7db;
        padding-bottom: 1rem; }
    .kani-hikaku-container .anken2 {
      grid-area: anken2;
      position: relative;
      padding: 2rem .5rem .5rem .5rem;
      background-color: #fef4f1; }
      @media only screen and (max-width: 767px) {
        .kani-hikaku-container .anken2 {
          padding: .5rem;
          flex-direction: column; } }
      .kani-hikaku-container .anken2-sanchi {
        grid-area: anken2-sanchi;
        background-color: #fef4f1;
        background-color: #fef4f1; }
      .kani-hikaku-container .anken2-price {
        grid-area: anken2-price;
        background-color: #fef4f1; }
      .kani-hikaku-container .anken2-type {
        grid-area: anken2-type;
        background-color: #fef4f1; }
      .kani-hikaku-container .anken2-osusume {
        grid-area: anken2-osusume;
        background-color: #fef4f1; }
      .kani-hikaku-container .anken2-cv {
        grid-area: anken2-cv;
        background-color: #fef4f1;
        padding-bottom: 1rem; }
      .kani-hikaku-container .anken2-link {
        grid-area: anken2-link;
        background-color: #fef4f1;
        padding-bottom: 1rem; }
    .kani-hikaku-container .anken3 {
      grid-area: anken3;
      position: relative;
      padding: 2rem .5rem .5rem .5rem;
      background-color: #fef4f1; }
      @media only screen and (max-width: 767px) {
        .kani-hikaku-container .anken3 {
          padding: .5rem;
          flex-direction: column; } }
      .kani-hikaku-container .anken3-sanchi {
        grid-area: anken3-sanchi;
        background-color: #fef4f1; }
      .kani-hikaku-container .anken3-price {
        grid-area: anken3-price;
        background-color: #fef4f1; }
      .kani-hikaku-container .anken3-type {
        grid-area: anken3-type;
        background-color: #fef4f1; }
      .kani-hikaku-container .anken3-osusume {
        grid-area: anken3-osusume;
        background-color: #fef4f1; }
      .kani-hikaku-container .anken3-cv {
        grid-area: anken3-cv;
        background-color: #fef4f1;
        padding-bottom: 1rem; }
      .kani-hikaku-container .anken3-link {
        grid-area: anken3-link;
        background-color: #fef4f1;
        padding-bottom: 1rem; }
  .kani-hikaku-wrap {
    max-width: 750px;
    margin: 2rem auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: .25rem .25rem;
    grid-auto-flow: row;
    grid-template-areas: "anken1 anken2 anken3" "award award award" "anken1-award anken2-award anken3-award" "sanchi sanchi sanchi" "anken1-sanchi anken2-sanchi anken3-sanchi" "price price price" "anken1-price anken2-price anken3-price" "review review review" "anken1-review anken2-review anken3-review" "delivery delivery delivery" "anken1-delivery anken2-delivery anken3-delivery" "type type type" "anken1-type anken2-type anken3-type" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
    @media only screen and (max-width: 767px) {
      .kani-hikaku-wrap {
        margin: .5rem auto 0; } }
    .kani-hikaku-wrap-inner {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: .5rem;
      width: 100%; }
      .kani-hikaku-wrap-inner-img {
        width: 20%; }
        @media only screen and (max-width: 767px) {
          .kani-hikaku-wrap-inner-img {
            width: 30%; } }
      .kani-hikaku-wrap-inner-txt {
        text-align: center; }
    .kani-hikaku-wrap .name {
      grid-area: name; }
    .kani-hikaku-wrap .award {
      grid-area: award; }
    .kani-hikaku-wrap .sanchi {
      grid-area: sanchi; }
    .kani-hikaku-wrap .price {
      grid-area: price; }
    .kani-hikaku-wrap .review {
      grid-area: review; }
    .kani-hikaku-wrap .delivery {
      grid-area: delivery; }
    .kani-hikaku-wrap .type {
      grid-area: type; }
    .kani-hikaku-wrap .osusume {
      grid-area: osusume; }
    .kani-hikaku-wrap .cv {
      grid-area: cv; }
    .kani-hikaku-wrap .link {
      grid-area: link; }
    .kani-hikaku-wrap .anken1 {
      grid-area: anken1;
      position: relative;
      padding: 2rem .5rem .5rem .5rem;
      background-color: #fdf7db; }
      @media only screen and (max-width: 767px) {
        .kani-hikaku-wrap .anken1 {
          padding: .5rem;
          flex-direction: column; } }
      .kani-hikaku-wrap .anken1-award {
        grid-area: anken1-award;
        background-color: #fdf7db;
        align-items: baseline; }
      .kani-hikaku-wrap .anken1-sanchi {
        grid-area: anken1-sanchi;
        background-color: #fdf7db; }
      .kani-hikaku-wrap .anken1-price {
        grid-area: anken1-price;
        background-color: #fdf7db; }
      .kani-hikaku-wrap .anken1-review {
        grid-area: anken1-review;
        background-color: #fdf7db; }
      .kani-hikaku-wrap .anken1-delivery {
        grid-area: anken1-delivery;
        background-color: #fdf7db; }
      .kani-hikaku-wrap .anken1-type {
        grid-area: anken1-type;
        background-color: #fdf7db; }
      .kani-hikaku-wrap .anken1-osusume {
        grid-area: anken1-osusume;
        background-color: #fdf7db; }
      .kani-hikaku-wrap .anken1-cv {
        grid-area: anken1-cv;
        background-color: #fdf7db;
        padding-bottom: 1rem; }
      .kani-hikaku-wrap .anken1-link {
        grid-area: anken1-link;
        background-color: #fdf7db;
        padding-bottom: 1rem; }
    .kani-hikaku-wrap .anken2 {
      grid-area: anken2;
      position: relative;
      padding: 2rem .5rem .5rem .5rem;
      background-color: #fef4f1; }
      @media only screen and (max-width: 767px) {
        .kani-hikaku-wrap .anken2 {
          padding: .5rem;
          flex-direction: column; } }
      .kani-hikaku-wrap .anken2-award {
        grid-area: anken2-award;
        background-color: #fef4f1;
        align-items: baseline; }
      .kani-hikaku-wrap .anken2-sanchi {
        grid-area: anken2-sanchi;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken2-price {
        grid-area: anken2-price;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken2-review {
        grid-area: anken2-review;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken2-delivery {
        grid-area: anken2-delivery;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken2-type {
        grid-area: anken2-type;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken2-osusume {
        grid-area: anken2-osusume;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken2-cv {
        grid-area: anken2-cv;
        background-color: #fef4f1;
        padding-bottom: 1rem; }
      .kani-hikaku-wrap .anken2-link {
        grid-area: anken2-link;
        background-color: #fef4f1;
        padding-bottom: 1rem; }
    .kani-hikaku-wrap .anken3 {
      grid-area: anken3;
      position: relative;
      padding: 2rem .5rem .5rem .5rem;
      background-color: #fef4f1; }
      @media only screen and (max-width: 767px) {
        .kani-hikaku-wrap .anken3 {
          padding: .5rem;
          flex-direction: column; } }
      .kani-hikaku-wrap .anken3-award {
        grid-area: anken3-award;
        background-color: #fef4f1;
        align-items: baseline; }
      .kani-hikaku-wrap .anken3-sanchi {
        grid-area: anken3-sanchi;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken3-price {
        grid-area: anken3-price;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken3-review {
        grid-area: anken3-review;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken3-delivery {
        grid-area: anken3-delivery;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken3-type {
        grid-area: anken3-type;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken3-osusume {
        grid-area: anken3-osusume;
        background-color: #fef4f1; }
      .kani-hikaku-wrap .anken3-cv {
        grid-area: anken3-cv;
        background-color: #fef4f1;
        padding-bottom: 1rem; }
      .kani-hikaku-wrap .anken3-link {
        grid-area: anken3-link;
        background-color: #fef4f1;
        padding-bottom: 1rem; }
  .kani-point {
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .kani-point {
        margin: 1rem auto; } }
    .kani-point-list {
      margin: 0 auto; }
      .kani-point-list-flex {
        padding-top: 4rem; }
        @media only screen and (max-width: 767px) {
          .kani-point-list-flex {
            padding-bottom: 1.5rem; } }
        .kani-point-list-flex-item {
          display: flex;
          gap: .5rem;
          justify-content: center;
          flex-direction: column; }
          .kani-point-list-flex-item-ttl {
            position: relative; }
            .kani-point-list-flex-item-ttl-num {
              position: absolute;
              top: -3.8rem;
              left: 50%;
              transform: translateX(-50%);
              width: 5rem;
              height: 4rem; }
            .kani-point-list-flex-item-ttl-txt {
              text-align: center;
              border-top: 2px solid #e9461b;
              border-bottom: 2px solid #e9461b;
              padding: .5rem 0; }
            .kani-point-list-flex-item-ttl-img {
              margin: .5rem auto 0; }
              @media only screen and (max-width: 767px) {
                .kani-point-list-flex-item-ttl-img {
                  width: 90%; } }
          .kani-point-list-flex-item-txt {
            color: #000 !important;
            font-size: .9rem;
            text-align: center; }
  .kani .ranking-title {
    background-color: #e2bc0f;
    padding: 1.5rem; }
    .kani .ranking-title:after {
      top: 98%;
      border-top: 20px solid #e2bc0f; }
    .kani .ranking-title-img {
      max-width: 750px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .kani .ranking-title-img {
          width: 100%; } }
  .kani .ranking .kani-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #f2d9a4; }
  .kani .ranking .kani-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0; }
  .kani .ranking .kani-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #c9b5a2; }
  .kani .ranking .kani-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #8e90ad; }
  .kani .ranking .kani-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #df9fb6; }
  .kani .ranking .kani-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #df9fb6; }
  .kani .ranking .kani-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .kani .ranking .kani-ranking-list .ranking-list-box-cv-btn {
      width: 50%;
      margin-bottom: 1rem;
      font-size: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .kani .ranking .kani-ranking-list .ranking-list-box-cv-btn {
          width: 90%; } }
    .kani .ranking .kani-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .kani .ranking .kani-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .kani .ranking .kani-ranking-list .ranking-list-box-copy {
      justify-content: center;
      color: #e9461b; }
    .kani .ranking .kani-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem; }
      @media only screen and (max-width: 767px) {
        .kani .ranking .kani-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .kani .ranking .kani-ranking-list .ranking-list-box-wrapper {
      background-color: #fef4f1; }
      .kani .ranking .kani-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .kani .ranking .kani-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
    .kani .ranking .kani-ranking-list .ranking-list-box-inner {
      margin: 1.5rem 0; }
      @media only screen and (max-width: 767px) {
        .kani .ranking .kani-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .kani .ranking .kani-ranking-list .ranking-list-box-inner-ttl {
        background-color: #e9461b;
        padding: .2rem;
        text-align: center;
        color: #fff; }
      .kani .ranking .kani-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .kani .ranking .kani-ranking-list .ranking-list-box-inner-cam {
        margin: 1rem auto; }
      .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point {
        margin: 1.5rem auto; }
        @media only screen and (max-width: 767px) {
          .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point {
            margin-bottom: 1rem; } }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content {
          display: flex;
          flex-direction: column;
          gap: 1rem;
          align-items: center;
          padding-top: 1rem; }
          .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item {
            box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
            background-color: #fff;
            padding: 1rem 0;
            border-radius: 10px;
            width: 100%; }
            .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-ttl {
              position: relative;
              background-color: #ffeee9;
              padding: .5rem; }
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: -25px;
                z-index: 1;
                width: 7rem; }
                @media only screen and (max-width: 767px) {
                  .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                    left: -15px;
                    width: 6.5rem; } }
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                font-size: 1rem;
                line-height: 1.3;
                padding-left: 5.5rem;
                display: inline-block;
                font-weight: normal; }
                @media only screen and (max-width: 767px) {
                  .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                    font-size: .9rem; } }
                .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                  font-size: 1.8rem;
                  font-weight: bold; }
                  @media only screen and (max-width: 767px) {
                    .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                      font-size: 1.2rem; } }
            .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-inner {
              padding: 1rem; }
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-inner-img {
                max-width: 500px;
                margin: 1rem auto; }
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-content-item-inner-list {
                padding-bottom: 2rem; }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-txt {
          text-align: center;
          margin-bottom: 1rem; }
          .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-txt .big {
            font-size: 1.6rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-3point-txt .big {
                font-size: 1.2rem; } }
      .kani .ranking .kani-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: center;
        gap: .2rem;
        flex-direction: column; }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-osusume li {
          width: 50%;
          margin: auto;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .kani .ranking .kani-ranking-list .ranking-list-box-inner-osusume li {
              width: 93%; } }
          .kani .ranking .kani-ranking-list .ranking-list-box-inner-osusume li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #e9461b;
            border-radius: 50%;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .kani .ranking .kani-ranking-list .ranking-list-box-inner-specbox {
        margin: 1.5rem auto .5rem;
        border: none;
        margin: 2rem auto 1rem; }
        @media only screen and (max-width: 767px) {
          .kani .ranking .kani-ranking-list .ranking-list-box-inner-specbox {
            margin: 0 auto 1rem; } }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-specbox th {
          color: #fff;
          padding: .2rem;
          height: auto;
          border: 1px solid #fef4f1;
          background-color: #e9461b; }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-specbox td {
          background-color: #fff;
          text-align: center;
          border: 1px solid #fef4f1;
          font-size: .8rem;
          padding: .5rem; }
      .kani .ranking .kani-ranking-list .ranking-list-box-inner-review {
        margin-top: 1.5rem; }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner {
          margin: 1rem 0;
          display: flex;
          flex-direction: column;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner {
              gap: .5rem; } }
          .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner-card {
            background-color: #fff;
            position: relative;
            display: flex;
            gap: 1rem;
            border-radius: 10px;
            align-items: center;
            padding: 1rem; }
            @media only screen and (max-width: 767px) {
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner-card {
                gap: .5rem; } }
            .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner-card-img {
              width: 20%; }
              @media only screen and (max-width: 767px) {
                .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner-card-img {
                  width: 24%; } }
            .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner-card-comment {
              width: 79%; }
              @media only screen and (max-width: 767px) {
                .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                  width: 75%; } }
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                height: auto; }
                @media only screen and (max-width: 767px) {
                  .kani .ranking .kani-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                    font-size: 13px !important; } }
      .kani .ranking .kani-ranking-list .ranking-list-box-inner-point {
        text-align: left;
        margin: 1.5rem auto; }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-point-list {
          margin: 0 auto;
          padding: 1rem 2rem; }
          @media only screen and (max-width: 767px) {
            .kani .ranking .kani-ranking-list .ranking-list-box-inner-point-list {
              padding: 1rem 1.5rem; } }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: left;
          align-items: center;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .kani .ranking .kani-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
          .kani .ranking .kani-ranking-list .ranking-list-box-inner-point-flex-check {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/feature/kani/kani_check.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-point-flex-check {
                width: 10%; } }
          .kani .ranking .kani-ranking-list .ranking-list-box-inner-point-flex-ttl {
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: .5rem;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-point-flex-ttl {
                font-size: 1rem; } }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.5;
          margin-bottom: 1rem; }
      .kani .ranking .kani-ranking-list .ranking-list-box-inner-apearl {
        margin-bottom: 1rem; }
        .kani .ranking .kani-ranking-list .ranking-list-box-inner-apearl-content {
          padding: 1rem 3rem 2rem; }
          @media only screen and (max-width: 767px) {
            .kani .ranking .kani-ranking-list .ranking-list-box-inner-apearl-content {
              padding: 1rem 1.5rem 2rem; } }
          .kani .ranking .kani-ranking-list .ranking-list-box-inner-apearl-content-img {
            width: 70%;
            display: block;
            margin: 1rem auto 1.5rem; }
            @media only screen and (max-width: 767px) {
              .kani .ranking .kani-ranking-list .ranking-list-box-inner-apearl-content-img {
                margin: 0 auto 1rem;
                width: 100%; } }
  .kani-survey {
    margin-top: 2rem; }

.kanisearch {
  max-width: 1020px;
  margin: 0 auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .kanisearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .kanisearch .only-pc {
      display: none; } }
  .kanisearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .kanisearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .kanisearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .kanisearch-form {
        gap: .5rem; } }
    .kanisearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .kanisearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .kanisearch-form-wrap-sankaku {
            width: 48%; } }
        .kanisearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .kanisearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .kanisearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .kanisearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .kanisearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .kanisearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .kanisearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .kanisearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .kanisearch-form-submit-txt:before {
              display: none; } }
        .kanisearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .kanisearch-form-submit-txt:after {
              display: none; } }
      .kanisearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .kanisearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .kanisearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .kanisearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.kanikekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .kanikekka-sort {
      flex-direction: column; } }
  .kanikekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .kanikekka-sort-now {
        width: 100%; } }
    .kanikekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .kanikekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .kanikekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .kanikekka-sort-form {
        width: 100%; } }
    .kanikekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .kanikekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.kani-point-list .swiper-button-prev, .kani-point-list .swiper-button-next {
  color: #e9461b; }
.kani-point-list .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e9461b; }
.kani .ranking-list-box-inner-3point-content-item-inner-list .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e9461b; }

/*kani*/
/* kaniLP   feature　
----------------------------------------------------------------------------------------------*/
.osechi {
  color: #000; }
  .osechi .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .osechi img {
    margin: auto; }
  .osechi-wrapper {
    padding: 0 .5rem; }
  .osechi a {
    transition: 0.3s; }
    .osechi a:hover {
      opacity: 0.7; }
  .osechi-ttl {
    max-width: 500px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .osechi-ttl {
        margin: 1rem auto 0; } }
  .osechi-cv {
    margin: auto;
    text-align: center;
    width: 90%; }
    .osechi-cv a:hover {
      opacity: 1; }
    .osechi-cv-copy {
      margin: 1rem auto 0.5rem;
      text-align: center;
      -webkit-animation: blink 1s ease-in-out infinite alternate;
      -moz-animation: blink 1s ease-in-out infinite alternate;
      animation: blink 1s ease-in-out infinite alternate; }
@-webkit-keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
      .osechi-cv-copy-wrap {
        display: inline-block;
        position: relative; }
        .osechi-cv-copy-wrap:before {
          position: absolute;
          bottom: 0;
          left: -2rem;
          width: 2rem;
          height: 2rem;
          content: '';
          background: url(../img/feature/osechi/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .osechi-cv-copy-wrap:after {
          position: absolute;
          bottom: 0;
          right: -2.5rem;
          width: 2rem;
          height: 2rem;
          content: '';
          background: url(../img/feature/osechi/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .osechi-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #f51e2a;
      box-shadow: 0 8px 0 #660d12;
      animation-name: osechi-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .osechi-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes osechi-cvmove {
  0% {
    box-shadow: 0 8px 0 #660d12;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #660d12;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #660d12;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #660d12;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #660d12;
    transform: translatey(0); } }
    .osechi-cv-com {
      border: 2px solid #c29115;
      border-radius: 30px;
      background-color: #fff;
      position: relative;
      width: 70%;
      margin: .5rem auto; }
      @media only screen and (max-width: 767px) {
        .osechi-cv-com {
          width: 95%; } }
      .osechi-cv-com:before {
        content: '';
        display: inline-block;
        position: absolute;
        z-index: 0;
        top: -0.6rem;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #c29115 transparent; }
      .osechi-cv-com-inner {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 1rem 3rem;
        min-height: 6rem; }
        @media only screen and (max-width: 767px) {
          .osechi-cv-com-inner {
            padding: 1rem 2rem; } }
        .osechi-cv-com-inner:before {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: -2rem;
          content: '';
          display: inline-block;
          width: 4rem;
          height: 3rem;
          background: url(../img/feature/osechi/fukidashi_img.png) no-repeat;
          background-size: contain; }
        .osechi-cv-com-inner:after {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: -2rem;
          content: '';
          display: inline-block;
          width: 4rem;
          height: 3rem;
          background: url(../img/feature/osechi/fukidashi_img.png) no-repeat;
          background-size: contain; }
  .osechi-alart {
    margin: 2rem auto -2rem;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .osechi-alart {
        margin: 1rem auto -1rem; } }
    .osechi-alart-txt-big {
      font-weight: bold;
      font-size: 1.8rem; }
      @media only screen and (max-width: 767px) {
        .osechi-alart-txt-big {
          font-size: 1.4rem;
          line-height: 1.4; } }
    .osechi-alart-img {
      margin: 1rem auto;
      max-width: 750px; }
    .osechi-alart-flex {
      display: flex;
      justify-content: center;
      align-items: center; }
      .osechi-alart-flex-img {
        width: 80%;
        position: relative;
        margin: 0 auto 1rem; }
        @media only screen and (max-width: 767px) {
          .osechi-alart-flex-img {
            width: 100%;
            margin: 1rem auto; } }
        .osechi-alart-flex-img-alart {
          width: 60%;
          position: absolute;
          bottom: -.5rem;
          left: 50%;
          transform: translateX(-50%);
          -webkit-animation: blink .8s ease-in-out infinite alternate;
          -moz-animation: blink .8s ease-in-out infinite alternate;
          animation: blink .8s ease-in-out infinite alternate; }
          @media only screen and (max-width: 767px) {
            .osechi-alart-flex-img-alart {
              width: 65%; } }
  .osechi-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .osechi-type {
        margin: .5rem auto; } }
    .osechi-type-ttl {
      max-width: 500px;
      margin: auto; }
    .osechi-type-list {
      margin-top: 1rem; }
      .osechi-type-list-inner-ttl {
        padding: .5rem;
        font-weight: bold;
        color: #fff;
        font-size: 1rem;
        border-radius: 20px 20px 0 0;
        background: #222;
        min-height: 85px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        @media only screen and (max-width: 767px) {
          .osechi-type-list-inner-ttl {
            min-height: 40px;
            flex-direction: row; } }
        .osechi-type-list-inner-ttl-big {
          font-size: 1.5rem; }
        .osechi-type-list-inner-ttl-y {
          border: 0.1rem solid #c29115;
          background: #c29115; }
        .osechi-type-list-inner-ttl-img {
          width: 16%;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .osechi-type-list-inner-ttl-img {
              width: 10%;
              margin: unset; } }
        @media only screen and (max-width: 767px) {
          .osechi-type-list-inner-ttl-txt {
            width: 70%; } }
        .osechi-type-list-inner-ttl-1st {
          padding: .5rem; }
          .osechi-type-list-inner-ttl-1st-img {
            width: 24%;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .osechi-type-list-inner-ttl-1st-img {
                width: 15%;
                margin: unset; } }
      .osechi-type-list-inner-content {
        padding: 1rem .5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 0.2rem solid #222;
        border-top: none;
        color: #222;
        background-color: #fff;
        border-radius: 0 0 20px 20px;
        height: 18rem;
        text-align: center;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .osechi-type-list-inner-content {
            height: 12rem; } }
        @media only screen and (max-width: 767px) {
          .osechi-type-list-inner-content-wrap {
            width: 80%; } }
        @media only screen and (max-width: 767px) {
          .osechi-type-list-inner-content-wrap-img {
            width: 40%; } }
        @media only screen and (max-width: 767px) {
          .osechi-type-list-inner-content-wrap-flex {
            width: 60%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column; } }
        .osechi-type-list-inner-content-wrap .logo {
          margin: 0 auto .5rem; }
          @media only screen and (max-width: 767px) {
            .osechi-type-list-inner-content-wrap .logo {
              margin-bottom: 0; } }
        .osechi-type-list-inner-content-y {
          border: 0.2rem solid #c29115;
          border-top: none; }
        .osechi-type-list-inner-content-come {
          font-size: .7rem;
          opacity: .4; }
        .osechi-type-list-inner-content .img {
          width: 60%;
          margin: auto; }
          .osechi-type-list-inner-content .img-big {
            width: 40%;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .osechi-type-list-inner-content .img-big {
                width: 100%; } }
        .osechi-type-list-inner-content .name {
          font-weight: bold;
          font-size: 1.2rem;
          margin: .2rem 0; }
      .osechi-type-list-inner-cv {
        width: 80%;
        margin: .5rem auto;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        .osechi-type-list-inner-cv a:hover {
          opacity: 1; }
        .osechi-type-list-inner-cv:before {
          position: absolute;
          content: '';
          display: inline-block;
          pointer-events: none;
          top: -180px;
          left: 0;
          width: 30px;
          height: 100%;
          background-color: #fff;
          animation: shiny-btn1 3s ease-in-out infinite; }
        .osechi-type-list-inner-cv-btn {
          padding: .5rem 2.2rem;
          font-size: 1.1rem; }
          @media only screen and (max-width: 767px) {
            .osechi-type-list-inner-cv-btn {
              padding: .5rem 3.5rem; } }
        .osechi-type-list-inner-cv-txt {
          color: #fff;
          padding: 1.2rem 2.5rem; }
  .osechi-intro {
    margin: 2rem auto;
    background: url(../img/feature/osechi/intro_bg.png) no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center; }
    .osechi-intro-txt {
      font-weight: bold; }
      .osechi-intro-txt-big {
        font-size: 1.8rem; }
        @media only screen and (max-width: 767px) {
          .osechi-intro-txt-big {
            font-size: 1.4rem;
            line-height: 1.4; } }
    .osechi-intro-flex {
      display: flex;
      justify-content: center;
      align-items: center; }
      .osechi-intro-flex-img {
        width: 40%; }
        @media only screen and (max-width: 767px) {
          .osechi-intro-flex-img {
            width: 70%; } }
  .osechi-hikaku-container {
    position: relative;
    margin: 0 auto 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 0 .25rem;
    grid-auto-flow: row;
    grid-template-areas: "anken1 anken2 anken3" "discount discount discount" "anken1-discount anken2-discount anken3-discount" "num_ppl num_ppl num_ppl" "anken1-num_ppl anken2-num_ppl anken3-num_ppl" "price price price" "anken1-price anken2-price anken3-price" "send send send" "anken1-send anken2-send anken3-send" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
    @media only screen and (max-width: 767px) {
      .osechi-hikaku-container {
        margin: .5rem auto 0; } }
    .osechi-hikaku-container .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: .5rem;
      padding: 0.5rem;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .osechi-hikaku-container .flex {
          font-size: .8rem; } }
    .osechi-hikaku-container .ico-rank {
      width: 3.5rem;
      margin: 0; }
    .osechi-hikaku-container .ttl {
      padding: .1rem;
      flex-direction: column;
      background-color: #e7e7e7;
      color: #aaa;
      font-weight: bold;
      font-size: .9rem;
      text-align: center; }
    .osechi-hikaku-container-linkinner {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: .2rem; }
    .osechi-hikaku-container-txt {
      text-align: center; }
    @media only screen and (max-width: 767px) {
      .osechi-hikaku-container-cv {
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .osechi-hikaku-container-cv-btn {
        width: 100%;
        font-size: .9rem; } }
    .osechi-hikaku-container-link-btn {
      color: #222;
      background-color: #c29115;
      box-shadow: 0 8px 0 #543e05;
      animation-name: osechi-linkmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes osechi-linkmove {
  0% {
    box-shadow: 0 8px 0 #543e05;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #543e05;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #543e05;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #543e05;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #543e05;
    transform: translatey(0); } }
    .osechi-hikaku-container .bnr {
      width: 40%;
      margin: auto; }
    .osechi-hikaku-container .discount {
      grid-area: discount; }
    .osechi-hikaku-container .num_ppl {
      grid-area: num_ppl; }
    .osechi-hikaku-container .price {
      grid-area: price; }
    .osechi-hikaku-container .send {
      grid-area: send; }
    .osechi-hikaku-container .osusume {
      grid-area: osusume; }
    .osechi-hikaku-container .cv {
      grid-area: cv; }
    .osechi-hikaku-container .link {
      grid-area: link; }
    .osechi-hikaku-container .anken1 {
      grid-area: anken1;
      background-color: #fff3d4;
      font-weight: bold;
      position: sticky;
      top: 0;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        .osechi-hikaku-container .anken1 {
          padding: .5rem;
          flex-direction: column; } }
      .osechi-hikaku-container .anken1-discount {
        grid-area: anken1-discount;
        background-color: #fff3d4; }
      .osechi-hikaku-container .anken1-num_ppl {
        grid-area: anken1-num_ppl;
        background-color: #fff3d4; }
      .osechi-hikaku-container .anken1-price {
        grid-area: anken1-price;
        background-color: #fff3d4; }
      .osechi-hikaku-container .anken1-send {
        grid-area: anken1-send;
        background-color: #fff3d4; }
      .osechi-hikaku-container .anken1-osusume {
        grid-area: anken1-osusume;
        background-color: #fff3d4; }
      .osechi-hikaku-container .anken1-cv {
        grid-area: anken1-cv;
        background-color: #fff3d4;
        padding-bottom: 1rem; }
      .osechi-hikaku-container .anken1-link {
        grid-area: anken1-link;
        background-color: #fff3d4;
        padding-bottom: 1rem; }
    .osechi-hikaku-container .anken2 {
      grid-area: anken2;
      background-color: #fdf7e9;
      font-weight: bold;
      position: sticky;
      top: 0;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        .osechi-hikaku-container .anken2 {
          padding: .5rem;
          flex-direction: column; } }
      .osechi-hikaku-container .anken2-discount {
        grid-area: anken2-discount;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken2-num_ppl {
        grid-area: anken2-num_ppl;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken2-price {
        grid-area: anken2-price;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken2-send {
        grid-area: anken2-send;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken2-osusume {
        grid-area: anken2-osusume;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken2-cv {
        grid-area: anken2-cv;
        background-color: #fdf7e9;
        padding-bottom: 1rem; }
      .osechi-hikaku-container .anken2-link {
        grid-area: anken2-link;
        background-color: #fdf7e9;
        padding-bottom: 1rem; }
    .osechi-hikaku-container .anken3 {
      grid-area: anken3;
      background-color: #fdf7e9;
      font-weight: bold;
      position: sticky;
      top: 0;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        .osechi-hikaku-container .anken3 {
          padding: .5rem;
          flex-direction: column; } }
      .osechi-hikaku-container .anken3-discount {
        grid-area: anken3-discount;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken3-num_ppl {
        grid-area: anken3-num_ppl;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken3-price {
        grid-area: anken3-price;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken3-send {
        grid-area: anken3-send;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken3-osusume {
        grid-area: anken3-osusume;
        background-color: #fdf7e9; }
      .osechi-hikaku-container .anken3-cv {
        grid-area: anken3-cv;
        background-color: #fdf7e9;
        padding-bottom: 1rem; }
      .osechi-hikaku-container .anken3-link {
        grid-area: anken3-link;
        background-color: #fdf7e9;
        padding-bottom: 1rem; }
  .osechi-hikaku-wrap {
    position: relative;
    max-width: 750px;
    margin: 0 auto 1.5rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 0 .25rem;
    grid-auto-flow: row;
    grid-template-areas: "anken1 anken2 anken3" "discount discount discount" "anken1-discount anken2-discount anken3-discount" "achieve achieve achieve" "anken1-achieve anken2-achieve anken3-achieve" "genre genre genre" "anken1-genre anken2-genre anken3-genre" "type type type" "anken1-type anken2-type anken3-type" "num_ppl num_ppl num_ppl" "anken1-num_ppl anken2-num_ppl anken3-num_ppl" "price price price" "anken1-price anken2-price anken3-price" "send send send" "anken1-send anken2-send anken3-send" "review review review" "anken1-review anken2-review anken3-review" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
    @media only screen and (max-width: 767px) {
      .osechi-hikaku-wrap {
        margin: .5rem auto 0; } }
    .osechi-hikaku-wrap-inner {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: .5rem;
      width: 100%; }
      .osechi-hikaku-wrap-inner-img {
        width: 20%; }
        @media only screen and (max-width: 767px) {
          .osechi-hikaku-wrap-inner-img {
            width: 30%; } }
      .osechi-hikaku-wrap-inner-txt {
        text-align: center; }
    .osechi-hikaku-wrap .achieve {
      grid-area: achieve; }
    .osechi-hikaku-wrap .genre {
      grid-area: genre; }
    .osechi-hikaku-wrap .type {
      grid-area: type; }
    .osechi-hikaku-wrap .discount {
      grid-area: discount; }
    .osechi-hikaku-wrap .num_ppl {
      grid-area: num_ppl; }
    .osechi-hikaku-wrap .price {
      grid-area: price; }
    .osechi-hikaku-wrap .send {
      grid-area: send; }
    .osechi-hikaku-wrap .review {
      grid-area: review; }
    .osechi-hikaku-wrap .osusume {
      grid-area: osusume; }
    .osechi-hikaku-wrap .cv {
      grid-area: cv; }
    .osechi-hikaku-wrap .link {
      grid-area: link; }
    .osechi-hikaku-wrap .anken1 {
      grid-area: anken1;
      background-color: #fff3d4;
      font-weight: bold;
      position: sticky;
      top: 0;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        .osechi-hikaku-wrap .anken1 {
          padding: .5rem;
          flex-direction: column; } }
      .osechi-hikaku-wrap .anken1-achieve {
        grid-area: anken1-achieve;
        background-color: #fff3d4; }
      .osechi-hikaku-wrap .anken1-genre {
        grid-area: anken1-genre;
        background-color: #fff3d4; }
      .osechi-hikaku-wrap .anken1-type {
        grid-area: anken1-type;
        background-color: #fff3d4; }
      .osechi-hikaku-wrap .anken1-discount {
        grid-area: anken1-discount;
        background-color: #fff3d4; }
      .osechi-hikaku-wrap .anken1-num_ppl {
        grid-area: anken1-num_ppl;
        background-color: #fff3d4; }
      .osechi-hikaku-wrap .anken1-price {
        grid-area: anken1-price;
        background-color: #fff3d4; }
      .osechi-hikaku-wrap .anken1-send {
        grid-area: anken1-send;
        background-color: #fff3d4; }
      .osechi-hikaku-wrap .anken1-review {
        grid-area: anken1-review;
        background-color: #fff3d4; }
      .osechi-hikaku-wrap .anken1-osusume {
        grid-area: anken1-osusume;
        background-color: #fff3d4; }
      .osechi-hikaku-wrap .anken1-cv {
        grid-area: anken1-cv;
        background-color: #fff3d4;
        padding-bottom: 1rem; }
      .osechi-hikaku-wrap .anken1-link {
        grid-area: anken1-link;
        background-color: #fff3d4;
        padding-bottom: 1rem; }
    .osechi-hikaku-wrap .anken2 {
      grid-area: anken2;
      background-color: #fdf7e9;
      font-weight: bold;
      position: sticky;
      top: 0;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        .osechi-hikaku-wrap .anken2 {
          padding: .5rem;
          flex-direction: column; } }
      .osechi-hikaku-wrap .anken2-achieve {
        grid-area: anken2-achieve;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken2-genre {
        grid-area: anken2-genre;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken2-type {
        grid-area: anken2-type;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken2-discount {
        grid-area: anken2-discount;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken2-num_ppl {
        grid-area: anken2-num_ppl;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken2-price {
        grid-area: anken2-price;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken2-send {
        grid-area: anken2-send;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken2-review {
        grid-area: anken2-review;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken2-osusume {
        grid-area: anken2-osusume;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken2-cv {
        grid-area: anken2-cv;
        background-color: #fdf7e9;
        padding-bottom: 1rem; }
      .osechi-hikaku-wrap .anken2-link {
        grid-area: anken2-link;
        background-color: #fdf7e9;
        padding-bottom: 1rem; }
    .osechi-hikaku-wrap .anken3 {
      grid-area: anken3;
      background-color: #fdf7e9;
      font-weight: bold;
      position: sticky;
      top: 0;
      z-index: 1; }
      @media only screen and (max-width: 767px) {
        .osechi-hikaku-wrap .anken3 {
          padding: .5rem;
          flex-direction: column; } }
      .osechi-hikaku-wrap .anken3-achieve {
        grid-area: anken3-achieve;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken3-genre {
        grid-area: anken3-genre;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken3-type {
        grid-area: anken3-type;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken3-discount {
        grid-area: anken3-discount;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken3-num_ppl {
        grid-area: anken3-num_ppl;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken3-price {
        grid-area: anken3-price;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken3-send {
        grid-area: anken3-send;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken3-review {
        grid-area: anken3-review;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken3-osusume {
        grid-area: anken3-osusume;
        background-color: #fdf7e9; }
      .osechi-hikaku-wrap .anken3-cv {
        grid-area: anken3-cv;
        background-color: #fdf7e9;
        padding-bottom: 1rem; }
      .osechi-hikaku-wrap .anken3-link {
        grid-area: anken3-link;
        background-color: #fdf7e9;
        padding-bottom: 1rem; }
  .osechi-point {
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .osechi-point {
        margin: 1rem auto; } }
    .osechi-point-list {
      margin: 0 auto; }
      .osechi-point-list-flex {
        padding-top: 3.6rem; }
        @media only screen and (max-width: 767px) {
          .osechi-point-list-flex {
            padding-bottom: 1rem; } }
        .osechi-point-list-flex-item {
          display: flex;
          gap: .5rem;
          justify-content: center;
          flex-direction: column; }
          .osechi-point-list-flex-item-ttl {
            position: relative; }
            .osechi-point-list-flex-item-ttl-num {
              position: absolute;
              top: -3.6rem;
              left: 50%;
              transform: translateX(-50%);
              width: 7rem;
              height: 4rem; }
            .osechi-point-list-flex-item-ttl-txt {
              text-align: center;
              border-top: 2px solid #c29115;
              border-bottom: 2px solid #c29115;
              padding: .5rem 0; }
            @media only screen and (max-width: 767px) {
              .osechi-point-list-flex-item-ttl-img {
                width: 90%;
                margin: .5rem auto 0; } }
          .osechi-point-list-flex-item-txt {
            color: #222 !important;
            font-size: .9rem;
            text-align: center; }
  .osechi .ranking-title {
    background-color: #222; }
    .osechi .ranking-title:after {
      top: 98%;
      border-top: 20px solid #222; }
    .osechi .ranking-title-img {
      max-width: 750px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .osechi .ranking-title-img {
          width: 100%; } }
  .osechi .ranking .osechi-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #c29115; }
  .osechi .ranking .osechi-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0; }
  .osechi .ranking .osechi-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #c9b5a2; }
  .osechi .ranking .osechi-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #8e90ad; }
  .osechi .ranking .osechi-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #df9fb6; }
  .osechi .ranking .osechi-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #df9fb6; }
  .osechi .ranking .osechi-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .osechi .ranking .osechi-ranking-list .ranking-list-box-cv-btn {
      width: 50%;
      margin-bottom: 1rem;
      font-size: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .osechi .ranking .osechi-ranking-list .ranking-list-box-cv-btn {
          width: 90%; } }
    .osechi .ranking .osechi-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .osechi .ranking .osechi-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .osechi .ranking .osechi-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem; }
      @media only screen and (max-width: 767px) {
        .osechi .ranking .osechi-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .osechi .ranking .osechi-ranking-list .ranking-list-box-copy {
      justify-content: center; }
    .osechi .ranking .osechi-ranking-list .ranking-list-box-wrapper {
      background-color: #fdf7e9; }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .osechi .ranking .osechi-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
    .osechi .ranking .osechi-ranking-list .ranking-list-box-inner {
      margin: 1.5rem 0; }
      @media only screen and (max-width: 767px) {
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-ttl {
        background-color: #e7e7e7;
        padding: .2rem;
        text-align: center;
        color: #222; }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-ttl-y {
          background-color: #c29115;
          color: #fff; }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: center;
        gap: .2rem;
        flex-direction: column; }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-osusume li {
          width: 50%;
          margin: auto;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-osusume li {
              width: 93%; } }
          .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-osusume li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #f51e2a;
            border-radius: 50%;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-specbox {
        margin: 1.5rem auto .5rem;
        border: none;
        margin: 2rem auto 1rem; }
        @media only screen and (max-width: 767px) {
          .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-specbox {
            margin: 0 auto 1rem; } }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-specbox th {
          color: #222;
          padding: .2rem;
          height: auto;
          border: 1px solid #fdf7e9;
          background-color: #e7e7e7; }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-specbox td {
          background-color: #fff;
          text-align: center;
          border: 1px solid #fdf7e9;
          border-bottom: 0.5rem solid #fdf7e9;
          font-size: .8rem;
          padding: .5rem; }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-cam {
        margin: 1.5rem auto; }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point {
        margin: 1.5rem auto; }
        @media only screen and (max-width: 767px) {
          .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point {
            margin-bottom: 1rem; } }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content {
          display: flex;
          flex-direction: column;
          gap: 1rem;
          align-items: center;
          padding-top: 1rem; }
          .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item {
            box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
            background-color: #fff;
            padding: 1rem 0;
            border-radius: 10px;
            width: 100%; }
            .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-ttl {
              position: relative;
              background-color: #e7e7e7;
              padding: .5rem; }
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: -25px;
                z-index: 1;
                width: 7rem; }
                @media only screen and (max-width: 767px) {
                  .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                    left: -15px;
                    width: 6.5rem; } }
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                font-size: 1rem;
                line-height: 1.3;
                padding-left: 5.5rem;
                display: inline-block;
                font-weight: normal; }
                @media only screen and (max-width: 767px) {
                  .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                    font-size: .9rem; } }
                .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                  font-size: 1.8rem;
                  font-weight: bold; }
                  @media only screen and (max-width: 767px) {
                    .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                      font-size: 1.2rem; } }
            .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-inner {
              padding: 1rem; }
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-inner-img {
                max-width: 500px;
                margin: 1rem auto; }
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-content-item-inner-list {
                padding-bottom: 2rem; }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-txt {
          text-align: center;
          margin-bottom: 1rem; }
          .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-txt .big {
            font-size: 1.6rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-3point-txt .big {
                font-size: 1.2rem; } }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review {
        margin-top: 1.5rem; }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner {
          margin: 1rem 0;
          display: flex;
          flex-direction: column;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner {
              gap: .5rem; } }
          .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner-card {
            background-color: #fff;
            position: relative;
            display: flex;
            gap: 1rem;
            border-radius: 10px;
            align-items: center;
            padding: 1rem; }
            @media only screen and (max-width: 767px) {
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner-card {
                gap: .5rem; } }
            .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner-card-img {
              width: 20%; }
              @media only screen and (max-width: 767px) {
                .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner-card-img {
                  width: 24%; } }
            .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner-card-comment {
              width: 79%; }
              @media only screen and (max-width: 767px) {
                .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                  width: 75%; } }
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                height: auto; }
                @media only screen and (max-width: 767px) {
                  .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                    font-size: 13px !important; } }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point {
        text-align: left;
        margin: 1.5rem auto; }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point-list {
          margin: 0 auto;
          padding: 1rem 2rem; }
          @media only screen and (max-width: 767px) {
            .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point-list {
              padding: 1rem 1.5rem; } }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: left;
          align-items: center;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
          .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point-flex-check {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/feature/osechi/osechi_check.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point-flex-check {
                width: 10%; } }
          .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point-flex-ttl {
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: .5rem; }
            @media only screen and (max-width: 767px) {
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point-flex-ttl {
                font-size: 1rem; } }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.5;
          margin-bottom: 1rem; }
      .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-apearl {
        margin-bottom: 1rem; }
        .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-apearl-content {
          padding: 1rem 3rem 2rem; }
          @media only screen and (max-width: 767px) {
            .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-apearl-content {
              padding: 1rem 1.5rem 2rem; } }
          .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-apearl-content-img {
            width: 70%;
            display: block;
            margin: 1rem auto 1.5rem; }
            @media only screen and (max-width: 767px) {
              .osechi .ranking .osechi-ranking-list .ranking-list-box-inner-apearl-content-img {
                margin: 0 auto 1rem;
                width: 100%; } }
  .osechi-survey {
    margin-top: 2rem; }

.osechisearch {
  max-width: 1020px;
  margin: 0 auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .osechisearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .osechisearch .only-pc {
      display: none; } }
  .osechisearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .osechisearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .osechisearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .osechisearch-form {
        gap: .5rem; } }
    .osechisearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .osechisearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .osechisearch-form-wrap-sankaku {
            width: 48%; } }
        .osechisearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .osechisearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .osechisearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .osechisearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .osechisearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .osechisearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .osechisearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .osechisearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .osechisearch-form-submit-txt:before {
              display: none; } }
        .osechisearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .osechisearch-form-submit-txt:after {
              display: none; } }
      .osechisearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .osechisearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .osechisearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .osechisearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.osechikekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .osechikekka-sort {
      flex-direction: column; } }
  .osechikekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .osechikekka-sort-now {
        width: 100%; } }
    .osechikekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .osechikekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .osechikekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .osechikekka-sort-form {
        width: 100%; } }
    .osechikekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .osechikekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.osechi-point-list .swiper-button-prev, .osechi-point-list .swiper-button-next {
  color: #c29115;
  padding-bottom: 9rem; }
.osechi-point-list .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #c29115; }
.osechi .ranking-list-box-inner-3point-content-item-inner-list .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #c29115; }

/*おせち*/
/* 引越し比較LP   feature　
----------------------------------------------------------------------------------------------*/
.hikkoshi {
  color: #333; }
  .hikkoshi-bg {
    background-color: #f2f1f1; }
  .hikkoshi img {
    margin: auto; }
  .hikkoshi-wrapper {
    padding: 0 .5rem; }
  .hikkoshi a {
    transition: 0.3s; }
    .hikkoshi a:hover {
      opacity: 0.7; }
  .hikkoshi-ttl {
    max-width: 500px;
    margin: 2rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .hikkoshi-ttl {
        margin: 1rem auto 0; } }
  .hikkoshi-cv {
    margin: auto;
    text-align: center;
    width: 90%; }
    .hikkoshi-cv a:hover {
      opacity: 1; }
    .hikkoshi-cv-copy {
      margin: 1rem auto 0.5rem;
      text-align: center;
      -webkit-animation: blink 1s ease-in-out infinite alternate;
      -moz-animation: blink 1s ease-in-out infinite alternate;
      animation: blink 1s ease-in-out infinite alternate; }
@-webkit-keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes blink {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
      .hikkoshi-cv-copy-wrap {
        display: inline-block;
        position: relative; }
        .hikkoshi-cv-copy-wrap:before {
          position: absolute;
          bottom: 0;
          left: -2rem;
          width: 2rem;
          height: 2rem;
          content: '';
          background: url(../img/feature/hikkoshi/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .hikkoshi-cv-copy-wrap:after {
          position: absolute;
          bottom: 0;
          right: -2.5rem;
          width: 2rem;
          height: 2rem;
          content: '';
          background: url(../img/feature/hikkoshi/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .hikkoshi-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #f9802b;
      box-shadow: 0 8px 0 #6a3612;
      animation-name: hikkoshi-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .hikkoshi-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes hikkoshi-cvmove {
  0% {
    box-shadow: 0 8px 0 #6a3612;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6a3612;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6a3612;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6a3612;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6a3612;
    transform: translatey(0); } }
  .hikkoshi-hikaku-cv {
    width: 100%; }
    .hikkoshi-hikaku-cv-btn {
      width: 95%; }
  .hikkoshi-hikaku-container {
    max-width: 750px;
    margin: 2rem auto 0;
    display: grid;
    grid-template-columns: 0.5fr repeat(3, 1fr);
    grid-template-rows: auto;
    gap: .25rem .25rem;
    grid-auto-flow: row;
    grid-template-areas: "name anken1 anken2 anken3" "tell anken1-tell anken2-tell anken3-tell" "number anken1-number anken2-number anken3-number" "ikkatsu anken1-ikkatsu anken2-ikkatsu anken3-ikkatsu" "max anken1-max anken2-max anken3-max" "price anken1-price anken2-price anken3-price" "review anken1-review anken2-review anken3-review" "cv anken1-cv anken2-cv anken3-cv"; }
    @media only screen and (max-width: 767px) {
      .hikkoshi-hikaku-container {
        grid-template-columns: 7rem repeat(3, 12rem);
        margin: 1rem auto 2rem; } }
    .hikkoshi-hikaku-container .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.5rem; }
    .hikkoshi-hikaku-container .ico-rank {
      position: absolute;
      top: -1.6rem;
      left: 50%;
      transform: translateX(-50%);
      width: 25%;
      margin: 0 auto 0.5rem !important; }
      @media only screen and (max-width: 767px) {
        .hikkoshi-hikaku-container .ico-rank {
          position: inherit;
          top: 0;
          left: 0;
          transform: none;
          width: 30%; } }
    .hikkoshi-hikaku-container .ttl {
      flex-direction: column;
      background-color: #78c136;
      color: #fff;
      font-weight: bold;
      font-size: .9rem;
      text-align: center; }
    .hikkoshi-hikaku-container .content {
      background-color: #fff;
      text-align: center; }
    .hikkoshi-hikaku-container-wrap {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 100%;
      gap: .5rem; }
      .hikkoshi-hikaku-container-wrap-eval {
        width: 20%;
        margin: auto; }
    .hikkoshi-hikaku-container .name {
      grid-area: name; }
    .hikkoshi-hikaku-container .tell {
      grid-area: tell; }
    .hikkoshi-hikaku-container .number {
      grid-area: number; }
    .hikkoshi-hikaku-container .ikkatsu {
      grid-area: ikkatsu; }
    .hikkoshi-hikaku-container .max {
      grid-area: max; }
    .hikkoshi-hikaku-container .price {
      grid-area: price; }
    .hikkoshi-hikaku-container .review {
      grid-area: review; }
    .hikkoshi-hikaku-container .cv {
      grid-area: cv; }
    .hikkoshi-hikaku-container .anken1 {
      grid-area: anken1;
      position: relative;
      background-color: #fff5c4;
      padding: 2rem 1rem 1rem 1rem; }
      @media only screen and (max-width: 767px) {
        .hikkoshi-hikaku-container .anken1 {
          padding: .5rem 1rem 1rem 1rem; } }
      .hikkoshi-hikaku-container .anken1-tell {
        grid-area: anken1-tell;
        background-color: #fff5c4; }
      .hikkoshi-hikaku-container .anken1-number {
        grid-area: anken1-number;
        background-color: #fff5c4; }
      .hikkoshi-hikaku-container .anken1-ikkatsu {
        grid-area: anken1-ikkatsu;
        background-color: #fff5c4; }
      .hikkoshi-hikaku-container .anken1-max {
        grid-area: anken1-max;
        background-color: #fff5c4; }
      .hikkoshi-hikaku-container .anken1-price {
        grid-area: anken1-price;
        background-color: #fff5c4; }
      .hikkoshi-hikaku-container .anken1-review {
        grid-area: anken1-review;
        background-color: #fff5c4; }
      .hikkoshi-hikaku-container .anken1-cv {
        grid-area: anken1-cv;
        background-color: #fff5c4; }
    .hikkoshi-hikaku-container .anken2 {
      grid-area: anken2;
      position: relative;
      padding: 2rem 1rem 1rem 1rem; }
      @media only screen and (max-width: 767px) {
        .hikkoshi-hikaku-container .anken2 {
          padding: .5rem 1rem 1rem 1rem; } }
      .hikkoshi-hikaku-container .anken2-tell {
        grid-area: anken2-tell; }
      .hikkoshi-hikaku-container .anken2-number {
        grid-area: anken2-number; }
      .hikkoshi-hikaku-container .anken2-ikkatsu {
        grid-area: anken2-ikkatsu; }
      .hikkoshi-hikaku-container .anken2-max {
        grid-area: anken2-max; }
      .hikkoshi-hikaku-container .anken2-price {
        grid-area: anken2-price; }
      .hikkoshi-hikaku-container .anken2-review {
        grid-area: anken2-review; }
      .hikkoshi-hikaku-container .anken2-cv {
        grid-area: anken2-cv; }
    .hikkoshi-hikaku-container .anken3 {
      grid-area: anken3;
      position: relative;
      padding: 2rem 1rem 1rem 1rem; }
      @media only screen and (max-width: 767px) {
        .hikkoshi-hikaku-container .anken3 {
          padding: .5rem 1rem 1rem 1rem; } }
      .hikkoshi-hikaku-container .anken3-tell {
        grid-area: anken3-tell; }
      .hikkoshi-hikaku-container .anken3-number {
        grid-area: anken3-number; }
      .hikkoshi-hikaku-container .anken3-ikkatsu {
        grid-area: anken3-ikkatsu; }
      .hikkoshi-hikaku-container .anken3-max {
        grid-area: anken3-max; }
      .hikkoshi-hikaku-container .anken3-price {
        grid-area: anken3-price; }
      .hikkoshi-hikaku-container .anken3-review {
        grid-area: anken3-review; }
      .hikkoshi-hikaku-container .anken3-cv {
        grid-area: anken3-cv; }
  .hikkoshi-select-list {
    margin-top: 1rem; }
    .hikkoshi-select-list-flex-item {
      background-color: #fff;
      border-radius: 10px;
      padding: 1rem;
      display: flex;
      flex-direction: column;
      min-height: 26rem; }
      @media only screen and (max-width: 767px) {
        .hikkoshi-select-list-flex-item {
          min-height: inherit; } }
      .hikkoshi-select-list-flex-item-ttl {
        display: flex;
        flex-direction: column;
        gap: .5rem;
        margin-bottom: .5rem;
        justify-content: center;
        align-items: center; }
        .hikkoshi-select-list-flex-item-ttl-txt {
          font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .hikkoshi-select-list-flex-item-ttl-img {
            width: 80%;
            margin: auto; } }
  .hikkoshi-osusume {
    max-width: 750px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .hikkoshi-osusume {
        padding: 0 .5rem; } }
    @media only screen and (max-width: 767px) {
      .hikkoshi-osusume-list {
        margin-top: 1rem; } }
    .hikkoshi-osusume-list-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: .5rem; }
      .hikkoshi-osusume-list-item-txt {
        text-align: center; }
    .hikkoshi-osusume-sankaku {
      margin-top: 1rem; }
    .hikkoshi-osusume-ketsuron {
      margin: 1rem auto 0;
      max-width: 500px; }
      .hikkoshi-osusume-ketsuron-list {
        display: flex;
        justify-content: center;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .hikkoshi-osusume-ketsuron-list {
            flex-direction: column; } }
        .hikkoshi-osusume-ketsuron-list-wrap-txt {
          text-align: center; }
        @media only screen and (max-width: 767px) {
          .hikkoshi-osusume-ketsuron-list-wrap-img {
            width: 80%;
            margin: auto; } }
      .hikkoshi-osusume-ketsuron-strong {
        margin-top: 2rem;
        padding-bottom: 2rem; }
        @media only screen and (max-width: 767px) {
          .hikkoshi-osusume-ketsuron-strong-img {
            width: 80%;
            margin: auto; } }
        .hikkoshi-osusume-ketsuron-strong-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .hikkoshi-osusume-ketsuron-strong-txt {
              margin-top: .5rem; } }
          .hikkoshi-osusume-ketsuron-strong-txt-wrap {
            position: relative;
            font-weight: bold;
            font-size: 1.2rem; }
            .hikkoshi-osusume-ketsuron-strong-txt-wrap:before {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: -2.2rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/hikkoshi/fukidashi_l.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .hikkoshi-osusume-ketsuron-strong-txt-wrap:before {
                  height: 2.5rem;
                  transform: none;
                  bottom: 0;
                  top: inherit; } }
            .hikkoshi-osusume-ketsuron-strong-txt-wrap:after {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: -2rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/hikkoshi/fukidashi_r.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .hikkoshi-osusume-ketsuron-strong-txt-wrap:after {
                  right: -6rem;
                  height: 2.5rem;
                  transform: none;
                  bottom: 0;
                  top: inherit; } }
        .hikkoshi-osusume-ketsuron-strong-img {
          margin: 1rem auto; }
  .hikkoshi .ranking-title {
    background-color: #78c136;
    padding: 1.5rem; }
    .hikkoshi .ranking-title:after {
      top: 98%;
      border-top: 20px solid #78c136; }
    .hikkoshi .ranking-title-txt {
      font-size: 2.4rem; }
      @media only screen and (max-width: 767px) {
        .hikkoshi .ranking-title-txt {
          font-size: 2rem;
          line-height: 1.2;
          margin-top: 0.5rem; } }
    .hikkoshi .ranking-title-flex span {
      color: #78c136;
      border-radius: 0;
      font-size: 1.4rem; }
    .hikkoshi .ranking-title-img {
      max-width: 750px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .hikkoshi .ranking-title-img {
          width: 100%; } }
  .hikkoshi .ranking .hikkoshi-ranking-title {
    margin-top: 0; }
  .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #f2d9a4; }
  .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0; }
  .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #c9b5a2; }
  .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #8e90ad; }
  .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #df9fb6; }
  .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #df9fb6; }
  .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-cv-btn {
      width: 50%;
      margin-bottom: 1rem;
      font-size: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-cv-btn {
          width: 90%; } }
    .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-flex {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-flex {
          flex-direction: column; } }
    .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-bnr {
      width: 50%; }
    .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem; }
      @media only screen and (max-width: 767px) {
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-wrapper {
      background-color: #f2f1f1; }
      .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
    .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-ttl {
        background-color: #78c136;
        padding: .2rem;
        text-align: center;
        color: #fff; }
      .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: center;
        gap: .2rem;
        flex-direction: column; }
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-osusume li {
          width: 50%;
          margin: auto;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-osusume li {
              width: 93%; } }
          .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-osusume li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #78c136;
            border-radius: 50%;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      @media only screen and (max-width: 767px) {
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-spec {
          font-size: .8rem;
          margin-bottom: 1.5rem; } }
      .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-spec th {
        color: #fff;
        background-color: #78c136;
        border: 1px solid #f2f1f1;
        width: 25%;
        height: auto; }
        @media only screen and (max-width: 767px) {
          .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-spec th {
            width: 38%; } }
      .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-spec td {
        background-color: #fff;
        border: 1px solid #f2f1f1;
        width: 75%;
        padding: 0.5rem !important; }
      .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point {
        text-align: left;
        margin: 1rem auto; }
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-list {
          margin: 0 auto;
          padding: 1rem 2rem;
          display: flex;
          flex-direction: column;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-list {
              padding: 1rem 1.5rem; } }
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: left;
          font-weight: 700;
          font-weight: normal;
          flex-direction: column; }
          @media only screen and (max-width: 767px) {
            .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
          .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex-inner {
            display: flex;
            gap: 1rem;
            align-items: center; }
            @media only screen and (max-width: 767px) {
              .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex-inner {
                gap: 0; } }
            .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex-inner-check {
              display: inline-block;
              width: 20px;
              height: 20px;
              background: url(../img/feature/hikkoshi/hikkoshi_check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex-inner-check {
                  width: 10%; } }
            .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex-inner-ttl {
              font-weight: bold;
              font-size: 1.2rem; }
              @media only screen and (max-width: 767px) {
                .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex-inner-ttl {
                  font-size: 1.1rem; } }
            .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex-inner-txt {
              margin-left: 2.2rem; }
              @media only screen and (max-width: 767px) {
                .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-flex-inner-txt {
                  margin-left: 0; } }
        .hikkoshi .ranking .hikkoshi-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.5;
          margin-bottom: 1rem; }
  .hikkoshi-search {
    margin: 3.5rem auto 3rem; }
  .hikkoshi-survey {
    margin-top: 2rem; }

.hikkoshi-select-list .swiper-button-prev, .hikkoshi-select-list .swiper-button-next {
  color: #78c136;
  padding-bottom: 9rem; }
.hikkoshi-select-list .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #78c136; }

/*引越し比較LP*/
/* newrealestateLP   feature　
----------------------------------------------------------------------------------------------*/
.newrealestate {
  color: #1c1c1c; }
  @media only screen and (max-width: 767px) {
    .newrealestate {
      font-size: .9rem; } }
  .newrealestate .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .newrealestate img {
    margin: auto; }
  .newrealestate-wrapper {
    padding: 0 .5rem; }
  .newrealestate a {
    transition: 0.3s; }
    .newrealestate a:hover {
      opacity: 0.7; }
  .newrealestate-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .newrealestate-ttl {
        margin: 1rem auto 0; } }
  .newrealestate-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .newrealestate-cv a:hover {
      opacity: 1; }
    .newrealestate-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .newrealestate-cv-copy-inner {
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .newrealestate-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .newrealestate-cv-copy-inner .small {
          font-size: 1rem; }
        .newrealestate-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/realestate/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .newrealestate-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .newrealestate-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/realestate/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .newrealestate-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .newrealestate-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #ff6c00;
      box-shadow: 0 8px 0 #6b2e01;
      animation-name: newreal-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .newrealestate-cv-btn a {
        width: 100%;
        display: inline-block; }
      .newrealestate-cv-btn a:hover {
        opacity: 1; }
@keyframes newreal-cvmove {
  0% {
    box-shadow: 0 8px 0 #6b2e01;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6b2e01;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6b2e01;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6b2e01;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6b2e01;
    transform: translatey(0); } }
  .newrealestate-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .newrealestate-type {
        margin: .5rem auto; } }
    .newrealestate-type-ttl {
      max-width: 500px;
      margin: auto; }
    .newrealestate-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .newrealestate-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: 1rem; } }
      @media only screen and (max-width: 767px) {
        .newrealestate-type-list-inner-ichioshi {
          margin-top: 2rem; } }
      .newrealestate-type-list-inner-ttl {
        position: relative;
        padding: 1rem .5rem;
        text-align: center;
        font-weight: bold;
        color: #1c1c1c;
        font-size: 1rem;
        border-radius: 20px 20px 0 0;
        background: #87cefa;
        border: 2px solid #1c1c1c; }
        @media only screen and (max-width: 767px) {
          .newrealestate-type-list-inner-ttl {
            border: 1px solid #1c1c1c;
            padding: .5rem; } }
        .newrealestate-type-list-inner-ttl-big {
          font-size: 1.5rem; }
        .newrealestate-type-list-inner-ttl-y {
          background: #fff000;
          color: #1c1c1c; }
        .newrealestate-type-list-inner-ttl-p {
          background: #ffc0cb;
          color: #1c1c1c; }
        .newrealestate-type-list-inner-ttl-g {
          background: #98fb98;
          color: #1c1c1c; }
        .newrealestate-type-list-inner-ttl .ichioshi {
          position: absolute;
          width: 10rem;
          height: 3.5rem;
          content: '';
          display: inline-block;
          top: -2.2rem;
          left: 50%;
          transform: translateX(-50%);
          background: url(../img/feature/realestate/osusume/type_fukidashi.png) no-repeat;
          background-position: center;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .newrealestate-type-list-inner-ttl .ichioshi {
              top: -2.5rem; } }
      .newrealestate-type-list-inner-content {
        padding: 1rem .5rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 2px solid #1c1c1c;
        border-top: none;
        color: #1c1c1c;
        background-color: #fff;
        border-radius: 0 0 20px 20px;
        height: 13rem;
        text-align: center;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .newrealestate-type-list-inner-content {
            height: auto;
            border: 1px solid #1c1c1c;
            padding: 1rem; } }
        .newrealestate-type-list-inner-content-wrap {
          display: flex;
          flex-direction: column; }
          .newrealestate-type-list-inner-content-wrap .logo {
            width: 60%;
            margin: auto;
            position: inherit; }
            @media only screen and (max-width: 767px) {
              .newrealestate-type-list-inner-content-wrap .logo {
                width: 40%; } }
          .newrealestate-type-list-inner-content-wrap-flex {
            display: flex;
            gap: .5rem; }
            .newrealestate-type-list-inner-content-wrap-flex-link {
              width: 30%;
              border-radius: 20px;
              background-color: #e1ebed;
              line-height: 45px;
              margin-top: 5px;
              box-shadow: 0 3px 0 #1c1c1c; }
              .newrealestate-type-list-inner-content-wrap-flex-link:hover {
                box-shadow: 0 0 0 0;
                margin: 8px 0 -3px;
                opacity: 1 !important;
                transition: .2s; }
              .newrealestate-type-list-inner-content-wrap-flex-link-txt {
                color: #1c1c1c !important;
                font-weight: bold;
                font-size: 1rem; }
            .newrealestate-type-list-inner-content-wrap-flex-cv {
              width: 69%;
              height: 45px;
              line-height: 45px; }
              .newrealestate-type-list-inner-content-wrap-flex-cv-btn {
                width: 100% !important;
                padding: 0.5rem !important; }
              .newrealestate-type-list-inner-content-wrap-flex-cv-txt {
                color: #fff;
                font-size: 1.2rem;
                display: block; }
                @media only screen and (max-width: 767px) {
                  .newrealestate-type-list-inner-content-wrap-flex-cv-txt {
                    font-size: 1.3rem; } }
      .newrealestate-type-list-inner-copy {
        width: 75%; }
      .newrealestate-type-list-inner-cv {
        width: 3rem;
        height: 3rem;
        margin: .5rem auto;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .newrealestate-type-list-inner-cv:before {
          position: absolute;
          content: '';
          display: inline-block;
          pointer-events: none;
          top: -180px;
          left: 0;
          width: 30px;
          height: 100%;
          background-color: #fff;
          animation: shiny-btn1 3s ease-in-out infinite; }
        .newrealestate-type-list-inner-cv-btn {
          padding: .5rem 2.2rem;
          font-size: 1.1rem; }
          @media only screen and (max-width: 767px) {
            .newrealestate-type-list-inner-cv-btn {
              padding: .5rem 3.5rem; } }
          .newrealestate-type-list-inner-cv-btn:hover {
            opacity: 1 !important; }
        .newrealestate-type-list-inner-cv-txt {
          color: #fff; }
        .newrealestate-type-list-inner-cv-copy {
          font-size: 1rem;
          margin: .5rem auto 0; }
    .newrealestate-type-kome {
      opacity: .5;
      font-size: 0.9rem;
      text-align: right;
      margin: -1rem auto 1rem;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .newrealestate-type-kome {
          font-size: .8rem;
          text-align: center;
          margin: 0; } }
  .newrealestate-fact {
    background-color: #bed2d4;
    border-top: 2px solid #1c1c1c;
    border-bottom: 2px solid #1c1c1c;
    position: relative;
    margin-bottom: 2rem; }
    .newrealestate-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: 1;
      border-left: 60px solid transparent;
      border-top: 40px solid #bed2d4;
      border-bottom: 0; }
    .newrealestate-fact:after {
      position: absolute;
      left: 50%;
      top: 98.6%;
      z-index: -2;
      transform: translatex(-50%);
      border-top: 40px solid #1c1c1c;
      border-left: 60px solid transparent;
      border-right: 60px solid transparent;
      content: '';
      height: 0;
      width: 0; }
      @media only screen and (max-width: 767px) {
        .newrealestate-fact:after {
          top: 98.7%; } }
    .newrealestate-fact-inner {
      max-width: 750px;
      margin: 0 auto;
      padding-bottom: 1rem; }
      @media only screen and (max-width: 767px) {
        .newrealestate-fact-inner {
          padding: 0 .5rem 1rem; } }
      .newrealestate-fact-inner-content {
        position: relative; }
        .newrealestate-fact-inner-content-kome {
          font-size: .5rem;
          text-align: right;
          position: absolute;
          z-index: 1;
          top: 1rem;
          left: 50%;
          transform: translateX(-50%);
          width: 500px; }
          @media only screen and (max-width: 767px) {
            .newrealestate-fact-inner-content-kome {
              top: .5rem;
              left: inherit;
              right: 0;
              transform: none; } }
          .newrealestate-fact-inner-content-kome a {
            color: #1c1c1c;
            transition: .3s; }
          .newrealestate-fact-inner-content-kome a:hover {
            opacity: .7; }
        .newrealestate-fact-inner-content-img {
          max-width: 500px;
          margin: 1rem auto; }
        .newrealestate-fact-inner-content-ttl {
          max-width: 500px;
          margin: 1rem auto; }
        .newrealestate-fact-inner-content-reason {
          margin: 1rem auto; }
          @media only screen and (max-width: 767px) {
            .newrealestate-fact-inner-content-reason-wrapper {
              padding-bottom: 1.5rem; } }
          .newrealestate-fact-inner-content-reason-item {
            display: flex;
            flex-direction: column;
            width: 25%; }
            @media only screen and (max-width: 767px) {
              .newrealestate-fact-inner-content-reason-item {
                width: 50%; } }
            .newrealestate-fact-inner-content-reason-item-txt {
              line-height: 1.4;
              text-align: center; }
              .newrealestate-fact-inner-content-reason-item-txt .big {
                font-size: 1.4rem;
                font-weight: bold; }
                @media only screen and (max-width: 767px) {
                  .newrealestate-fact-inner-content-reason-item-txt .big {
                    font-size: 1.2rem; } }
        .newrealestate-fact-inner-content-txt {
          margin: 1rem auto;
          line-height: 1.5;
          text-align: center; }
          .newrealestate-fact-inner-content-txt .big {
            font-size: 1.6rem;
            font-weight: bold; }
  .newrealestate-ichioshi {
    margin: 1.5rem auto;
    max-width: 1020px; }
    .newrealestate-ichioshi-ranking {
      margin: 2rem auto -1rem; }
      @media only screen and (max-width: 767px) {
        .newrealestate-ichioshi-ranking {
          padding: 0 .5rem; } }
    .newrealestate-ichioshi-com {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .newrealestate-ichioshi-com-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .newrealestate-ichioshi-com-inner {
            font-size: .8rem;
            max-width: 80%; } }
        .newrealestate-ichioshi-com-inner:before {
          position: absolute;
          bottom: 0;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/realestate/fukidashi_l.png) no-repeat;
          background-position: bottom;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .newrealestate-ichioshi-com-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .newrealestate-ichioshi-com-inner:after {
          position: absolute;
          bottom: 0;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/realestate/fukidashi_r.png) no-repeat;
          background-position: bottom;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .newrealestate-ichioshi-com-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .newrealestate-ichioshi-inner {
      padding: 1rem;
      background-color: #fdfbd5;
      display: flex;
      gap: 1rem;
      align-items: center;
      border-radius: 10px; }
      @media only screen and (max-width: 767px) {
        .newrealestate-ichioshi-inner {
          width: 1050px; } }
      .newrealestate-ichioshi-inner-name {
        width: 27%; }
        .newrealestate-ichioshi-inner-name .name {
          text-align: center;
          font-weight: bold; }
        .newrealestate-ichioshi-inner-name .com {
          background-color: #fff;
          padding: 1rem .5rem;
          border-radius: 10px; }
          .newrealestate-ichioshi-inner-name .com-inner {
            text-align: center; }
      .newrealestate-ichioshi-inner-img {
        width: 63%; }
      .newrealestate-ichioshi-inner-cv {
        width: 10%; }
        .newrealestate-ichioshi-inner-cv-btn {
          width: 100%;
          font-size: 2rem;
          line-height: 1.2;
          height: auto;
          padding: .5rem .5rem 1.5rem; }
          .newrealestate-ichioshi-inner-cv-btn .small {
            font-size: .8rem; }
  .newrealestate-top5 {
    margin: 2rem auto; }
    .newrealestate-top5-container {
      border: 2px solid #1c1c1c;
      margin-top: 1rem;
      display: grid;
      grid-template-columns: 1fr repeat(5, 0.8fr) 1fr 1fr;
      grid-template-rows: auto;
      gap: 5px;
      grid-auto-flow: row;
      grid-template-areas: "name accuracy manage budget area listed campaign cv" "anken1 anken1-accuracy anken1-manage anken1-budget anken1-area anken1-listed anken1-campaign anken1-cv" "anken2 anken2-accuracy anken2-manage anken2-budget anken2-area anken2-listed anken2-campaign anken2-cv" "anken3 anken3-accuracy anken3-manage anken3-budget anken3-area anken3-listed anken3-campaign anken3-cv" "anken4 anken4-accuracy anken4-manage anken4-budget anken4-area anken4-listed anken4-campaign anken4-cv" "anken5 anken5-accuracy anken5-manage anken5-budget anken5-area anken5-listed anken5-campaign anken5-cv"; }
      @media only screen and (max-width: 767px) {
        .newrealestate-top5-container {
          grid-template-columns: repeat(6, 6rem) 10rem 10rem;
          border: 1px solid #1c1c1c; } }
      .newrealestate-top5-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .2rem; }
        .newrealestate-top5-container-inner .ico-rank {
          width: 40%;
          margin: auto; }
        .newrealestate-top5-container-inner .bnr {
          width: 80%;
          margin: auto; }
        .newrealestate-top5-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .newrealestate-top5-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .newrealestate-top5-container-inner-txt {
              font-size: .8rem; } }
      .newrealestate-top5-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f9f9f9; }
      .newrealestate-top5-container .ttl {
        background-color: #bed2d4;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      @media only screen and (max-width: 767px) {
        .newrealestate-top5-container .stiky {
          position: sticky;
          left: 0;
          top: 0;
          z-index: 1;
          border-right: 2px solid #fff; } }
      .newrealestate-top5-container-cv {
        width: 100%; }
        .newrealestate-top5-container-cv-btn {
          width: 90%;
          font-size: 1rem; }
          @media only screen and (max-width: 767px) {
            .newrealestate-top5-container-cv-btn {
              font-size: .8rem; } }
      .newrealestate-top5-container .name {
        grid-area: name; }
      .newrealestate-top5-container .accuracy {
        grid-area: accuracy; }
      .newrealestate-top5-container .manage {
        grid-area: manage; }
      .newrealestate-top5-container .budget {
        grid-area: budget; }
      .newrealestate-top5-container .area {
        grid-area: area; }
      .newrealestate-top5-container .listed {
        grid-area: listed; }
      .newrealestate-top5-container .campaign {
        grid-area: campaign; }
      .newrealestate-top5-container .cv {
        grid-area: cv; }
      .newrealestate-top5-container .anken1 {
        grid-area: anken1;
        padding-bottom: 1rem; }
        .newrealestate-top5-container .anken1-accuracy {
          grid-area: anken1-accuracy; }
        .newrealestate-top5-container .anken1-manage {
          grid-area: anken1-manage; }
        .newrealestate-top5-container .anken1-budget {
          grid-area: anken1-budget; }
        .newrealestate-top5-container .anken1-area {
          grid-area: anken1-area; }
        .newrealestate-top5-container .anken1-listed {
          grid-area: anken1-listed; }
        .newrealestate-top5-container .anken1-campaign {
          grid-area: anken1-campaign; }
        .newrealestate-top5-container .anken1-cv {
          grid-area: anken1-cv; }
      .newrealestate-top5-container .anken2 {
        grid-area: anken2;
        padding-bottom: 1rem; }
        .newrealestate-top5-container .anken2-accuracy {
          grid-area: anken2-accuracy; }
        .newrealestate-top5-container .anken2-manage {
          grid-area: anken2-manage; }
        .newrealestate-top5-container .anken2-budget {
          grid-area: anken2-budget; }
        .newrealestate-top5-container .anken2-area {
          grid-area: anken2-area; }
        .newrealestate-top5-container .anken2-listed {
          grid-area: anken2-listed; }
        .newrealestate-top5-container .anken2-campaign {
          grid-area: anken2-campaign; }
        .newrealestate-top5-container .anken2-cv {
          grid-area: anken2-cv; }
      .newrealestate-top5-container .anken3 {
        grid-area: anken3;
        padding-bottom: 1rem; }
        .newrealestate-top5-container .anken3-accuracy {
          grid-area: anken3-accuracy; }
        .newrealestate-top5-container .anken3-manage {
          grid-area: anken3-manage; }
        .newrealestate-top5-container .anken3-budget {
          grid-area: anken3-budget; }
        .newrealestate-top5-container .anken3-area {
          grid-area: anken3-area; }
        .newrealestate-top5-container .anken3-listed {
          grid-area: anken3-listed; }
        .newrealestate-top5-container .anken3-campaign {
          grid-area: anken3-campaign; }
        .newrealestate-top5-container .anken3-cv {
          grid-area: anken3-cv; }
      .newrealestate-top5-container .anken4 {
        grid-area: anken4;
        padding-bottom: 1rem; }
        .newrealestate-top5-container .anken4-accuracy {
          grid-area: anken4-accuracy; }
        .newrealestate-top5-container .anken4-manage {
          grid-area: anken4-manage; }
        .newrealestate-top5-container .anken4-budget {
          grid-area: anken4-budget; }
        .newrealestate-top5-container .anken4-area {
          grid-area: anken4-area; }
        .newrealestate-top5-container .anken4-listed {
          grid-area: anken4-listed; }
        .newrealestate-top5-container .anken4-campaign {
          grid-area: anken4-campaign; }
        .newrealestate-top5-container .anken4-cv {
          grid-area: anken4-cv; }
      .newrealestate-top5-container .anken5 {
        grid-area: anken5;
        padding-bottom: 1rem; }
        .newrealestate-top5-container .anken5-accuracy {
          grid-area: anken5-accuracy; }
        .newrealestate-top5-container .anken5-manage {
          grid-area: anken5-manage; }
        .newrealestate-top5-container .anken5-budget {
          grid-area: anken5-budget; }
        .newrealestate-top5-container .anken5-area {
          grid-area: anken5-area; }
        .newrealestate-top5-container .anken5-listed {
          grid-area: anken5-listed; }
        .newrealestate-top5-container .anken5-campaign {
          grid-area: anken5-campaign; }
        .newrealestate-top5-container .anken5-cv {
          grid-area: anken5-cv; }
  .newrealestate-bnr {
    max-width: 750px;
    margin: 1rem auto; }
    .newrealestate-bnr-kome {
      font-size: 1rem;
      margin: .5rem auto;
      width: 100%;
      text-align: center; }
      .newrealestate-bnr-kome a {
        color: #1c1c1c;
        text-decoration: none;
        transition: .3s;
        position: relative; }
        .newrealestate-bnr-kome a:before {
          position: absolute;
          top: 50%;
          left: -10%;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #1c1c1c transparent transparent transparent;
          display: inline-block;
          pointer-events: none; }
        .newrealestate-bnr-kome a:after {
          position: absolute;
          top: 50%;
          right: -10%;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #1c1c1c transparent transparent transparent;
          display: inline-block;
          pointer-events: none; }
      .newrealestate-bnr-kome a:hover {
        opacity: 0.7; }
  .newrealestate-season {
    margin: 0 auto; }
    .newrealestate-season-list {
      display: flex;
      justify-content: center;
      gap: 1rem;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .newrealestate-season-list {
          flex-direction: column; } }
      .newrealestate-season-list-fukidashi {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem; }
        .newrealestate-season-list-fukidashi-inner {
          position: relative;
          font-weight: bold;
          font-size: 1rem; }
          .newrealestate-season-list-fukidashi-inner:before {
            position: absolute;
            top: 50%;
            left: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/realestate/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .newrealestate-season-list-fukidashi-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .newrealestate-season-list-fukidashi-inner:after {
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/realestate/fukidashi_r.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .newrealestate-season-list-fukidashi-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .newrealestate-season-list-inner-ttl {
        padding: 1rem .5rem;
        text-align: center;
        font-weight: bold;
        color: #1c1c1c;
        font-size: 1rem;
        border-radius: 20px 20px 0 0;
        background: #fff000;
        border: 2px solid #1c1c1c; }
        @media only screen and (max-width: 767px) {
          .newrealestate-season-list-inner-ttl {
            border: 1px solid #1c1c1c;
            padding: .5rem; } }
        .newrealestate-season-list-inner-ttl-big {
          font-size: 1.5rem; }
      .newrealestate-season-list-inner-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 2px solid #1c1c1c;
        border-top: none;
        color: #1c1c1c;
        background-color: #fff;
        border-radius: 0 0 20px 20px;
        text-align: center;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .newrealestate-season-list-inner-content {
            height: auto;
            border: 1px solid #1c1c1c; } }
        .newrealestate-season-list-inner-content-name {
          padding: .5rem; }
          .newrealestate-season-list-inner-content-name .logo {
            width: 50%;
            margin: auto; }
        .newrealestate-season-list-inner-content-wrap {
          min-height: 14rem;
          width: 100%;
          padding: .5rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          gap: .5rem 0;
          border-radius: 0 0 20px 20px;
          background-color: #e1ebed; }
          @media only screen and (max-width: 767px) {
            .newrealestate-season-list-inner-content-wrap {
              min-height: inherit; } }
          .newrealestate-season-list-inner-content-wrap-txt .big {
            font-size: 1.6rem;
            font-weight: bold;
            padding: 0 .2rem; }
          .newrealestate-season-list-inner-content-wrap-txt .small {
            font-size: .6rem; }
          .newrealestate-season-list-inner-content-wrap-cv {
            width: 60%;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .newrealestate-season-list-inner-content-wrap-cv {
                width: 80%; } }
      .newrealestate-season-list-inner-cv {
        width: 80%;
        margin: .5rem auto;
        overflow: hidden;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .newrealestate-season-list-inner-cv:before {
          position: absolute;
          content: '';
          display: inline-block;
          pointer-events: none;
          top: -180px;
          left: 0;
          width: 30px;
          height: 100%;
          background-color: #fff;
          animation: shiny-btn1 3s ease-in-out infinite; }
        .newrealestate-season-list-inner-cv-btn {
          padding: .5rem 2.2rem;
          font-size: 1.1rem; }
          @media only screen and (max-width: 767px) {
            .newrealestate-season-list-inner-cv-btn {
              padding: .5rem 3.5rem; } }
          .newrealestate-season-list-inner-cv-btn:hover {
            opacity: 1 !important; }
        .newrealestate-season-list-inner-cv-txt {
          color: #fff; }
        .newrealestate-season-list-inner-cv-copy {
          font-size: 1rem;
          margin: .5rem auto 0; }
  .newrealestate-trivia {
    margin: 2rem auto; }
    .newrealestate-trivia-content {
      background-color: #e1ebed;
      padding: 3rem 2rem 1rem;
      margin-top: -3rem;
      border: 2px solid #1c1c1c; }
      @media only screen and (max-width: 767px) {
        .newrealestate-trivia-content {
          padding: 1rem;
          margin-top: 0;
          border-top: none; } }
      .newrealestate-trivia-content-txt {
        text-align: center;
        margin-bottom: 1rem; }
      .newrealestate-trivia-content-subttl {
        text-align: center;
        font-weight: bold;
        font-size: 1.2rem; }
      .newrealestate-trivia-content-type {
        display: flex;
        justify-content: center;
        gap: .5rem; }
        @media only screen and (max-width: 767px) {
          .newrealestate-trivia-content-type {
            flex-direction: column; } }
        .newrealestate-trivia-content-type-wrap-ttl {
          background-color: #bed2d4;
          font-weight: bold;
          padding: .5rem;
          text-align: center; }
        .newrealestate-trivia-content-type-wrap-content {
          background-color: #fff;
          padding: .5rem;
          text-align: center; }
      .newrealestate-trivia-content-list {
        max-width: 330px;
        margin: 1rem auto; }
        .newrealestate-trivia-content-list-item {
          padding-left: 1.5rem;
          position: relative;
          color: #1c1c1c;
          font-weight: bold; }
          .newrealestate-trivia-content-list-item:before {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            position: absolute;
            content: '';
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            background: url(../img/feature/realestate/osusume/icon-checked-orange.png) no-repeat;
            background-size: contain; }
  .newrealestate .ranking-title {
    z-index: 0;
    background-color: #bed2d4;
    color: #1c1c1c;
    border-top: 2px solid #1c1c1c;
    border-bottom: 2px solid #1c1c1c; }
    .newrealestate .ranking-title-img {
      display: inline-block;
      max-width: 500px;
      margin: auto; }
    .newrealestate .ranking-title:before {
      z-index: 1;
      position: absolute;
      left: 50%;
      top: 99%;
      transform: translatex(-50%);
      border-top: 20px solid #bed2d4;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      content: '';
      height: 0;
      width: 0; }
      @media only screen and (max-width: 767px) {
        .newrealestate .ranking-title:before {
          top: 98%; } }
    .newrealestate .ranking-title:after {
      z-index: -1;
      top: 100%;
      border-top: 20px solid #1c1c1c; }
    .newrealestate .ranking-title-flex span {
      color: #000; }
    .newrealestate .ranking-title-txt {
      color: #000;
      font-size: 2.5rem; }
      @media only screen and (max-width: 767px) {
        .newrealestate .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.8rem; } }
  .newrealestate .ranking .newrealestate-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .newrealestate .ranking .newrealestate-ranking {
        padding: 0 .5rem; } }
    .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #e1ebed;
      border-radius: 20px;
      border: 2px solid #1c1c1c; }
      .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-cv2 {
        width: 100%; }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-cv2-btn {
          width: 50%;
          height: auto;
          line-height: 1.2;
          padding: 1rem;
          border-radius: 50px; }
          @media only screen and (max-width: 767px) {
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-cv2-btn {
              width: 90%; } }
      .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem; } }
      .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px; }
        @media only screen and (max-width: 767px) {
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner {
            margin: 1rem auto;
            padding: 0 1rem; } }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap {
          display: flex;
          justify-content: center;
          gap: 2rem; }
          @media only screen and (max-width: 767px) {
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap {
              gap: 1.5rem; } }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi {
            background-color: #fdfbd5;
            border: 1px solid #1c1c1c;
            text-align: center;
            padding: 1rem;
            width: 70%;
            position: relative;
            z-index: 1; }
            @media only screen and (max-width: 767px) {
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi {
                padding: .5rem; } }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi:before {
              position: absolute;
              display: inline-block;
              content: '';
              z-index: 0;
              top: 50%;
              right: -16px;
              transform: translateY(-50%);
              z-index: 0;
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 8px solid transparent;
              border-bottom: 8px solid transparent;
              border-left: 16px solid #1c1c1c;
              border-right: 0; }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi:after {
              position: absolute;
              display: inline-block;
              content: '';
              z-index: 2;
              top: 50%;
              right: -14px;
              transform: translateY(-50%);
              z-index: 0;
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 8px solid transparent;
              border-bottom: 8px solid transparent;
              border-left: 17px solid #fdfbd5;
              border-right: 0; }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi-txt {
              text-align: center;
              font-size: .8rem; }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap-cv {
            width: 29%; }
            @media only screen and (max-width: 767px) {
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap-cv {
                width: 35%; } }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap-cv-btn {
              width: 100%;
              font-size: 1.4rem; }
              @media only screen and (max-width: 767px) {
                .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-fukidashiwrap-cv-btn {
                  font-size: .9rem; } }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-ttl {
          background-color: #4a8baa;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .8rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-osusume-content-inner-ttl {
              position: relative;
              padding-left: 1.5rem;
              font-weight: bold;
              font-size: 1.2rem; }
              @media only screen and (max-width: 767px) {
                .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-osusume-content-inner-ttl {
                  font-size: 1.1rem; } }
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-osusume-content-inner-ttl:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/realestate/osusume/realestate_check.png) no-repeat;
                background-size: contain; }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-osusume-content-inner-content {
              padding-left: 1.5rem; }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-specbox th {
            background-color: #4a8baa;
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #e1ebed; }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-specbox td {
            text-align: center;
            border: 1px solid #e1ebed;
            border-bottom: 0.5rem solid #e1ebed;
            font-size: .8rem;
            padding: .5rem; }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-com {
          margin: 1rem auto; }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-com-item-detail {
            background-color: #fff;
            padding: 1rem 2.5rem;
            border-radius: 20px;
            border: 2px solid #1c1c1c; }
            @media only screen and (max-width: 767px) {
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-com-item-detail {
                border: 1px solid #1c1c1c; } }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-com-item-detail-ttl {
              border-bottom: 4px solid #4a8baa;
              margin-bottom: 1rem;
              display: flex;
              justify-content: space-between;
              gap: .5rem;
              align-items: flex-end; }
              @media only screen and (max-width: 767px) {
                .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-com-item-detail-ttl {
                  flex-direction: column;
                  line-height: 1.2; } }
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-com-item-detail-ttl-txt {
                font-weight: bold; }
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-com-item-detail-ttl-person {
                font-size: .9rem;
                line-height: 1.2; }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-com-item-detail-content p {
              font-size: .8rem; }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-com-item-detail-content-img {
              width: 50%;
              margin: 1rem auto; }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-cam {
          margin: 2rem auto 1rem;
          max-width: 500px; }
          @media only screen and (max-width: 767px) {
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-cam {
              margin: 1rem auto; } }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-cam-ttl {
            background-color: #fff000;
            color: #1c1c1c;
            font-weight: bold;
            border: 1px solid #1c1c1c; }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-cam-content {
            position: relative;
            width: 100%;
            background-color: #fff;
            padding: 1rem 2rem;
            text-align: center;
            min-height: 4rem;
            border: 1px solid #1c1c1c;
            border-top: none; }
            @media only screen and (max-width: 767px) {
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-cam-content {
                padding: 1rem 3.5rem; } }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-cam-content:before {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: 1rem;
              display: inline-block;
              width: 3em;
              height: 3rem;
              content: '';
              background: url(../img/feature/realestate/gift_icon_new.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-cam-content:before {
                  left: .5rem; } }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-cam-content:after {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 1rem;
              display: inline-block;
              width: 3em;
              height: 3rem;
              content: '';
              background: url(../img/feature/realestate/gift_icon_new.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-cam-content:after {
                  right: .5rem; } }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-bnr {
          max-width: 750px;
          margin: 1.5rem auto; }
        .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-present {
          width: 60%;
          margin: 1rem auto; }
          @media only screen and (max-width: 767px) {
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-present {
              width: 100%; } }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-present-ttl {
            background-color: #fff000;
            font-weight: bold;
            color: #1c1c1c;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
          .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-present-content {
            display: none; }
            .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-present-content-list {
              background-color: #fff;
              padding: 1rem;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-present-content-list-item {
                display: flex;
                gap: 1rem; }
                .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-present-content-list-item-num {
                  font-weight: bold; }
                .newrealestate .ranking .newrealestate-ranking-list .ranking-list-box-inner-present-content-list-item-txt {
                  font-size: 1rem;
                  line-height: 1.5; }
  .newrealestate-survey {
    margin-top: 2rem; }

.newrealestate .ranking-list-box-inner-com .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px; }
.newrealestate .ranking-list-box-inner-com .swiper-button-prev, .newrealestate .ranking-list-box-inner-com .swiper-button-next {
  color: #4a8baa; }
.newrealestate .ranking-list-box-inner-com .swiper-button-next:after, .newrealestate .ranking-list-box-inner-com .swiper-button-prev:after {
  font-size: 2rem;
  padding-bottom: 9rem; }
.newrealestate .ranking-list-box-inner-com .swiper-pagination-bullet {
  color: #bed2d4;
  border: 1px solid #fff;
  box-sizing: content-box; }
.newrealestate .ranking-list-box-inner-com .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #4a8baa;
  border: 1px solid #fff;
  box-sizing: content-box; }
.newrealestate .newrealestate-fact-inner-content-reason .swiper-pagination-bullet {
  color: #bed2d4;
  border: 1px solid #fff;
  box-sizing: content-box; }
.newrealestate .newrealestate-fact-inner-content-reason .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #4a8baa;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*新不動産投資LP*/
/* edLP   feature　
----------------------------------------------------------------------------------------------*/
.ed {
  color: #222222;
  font-size: .85rem; }
  .ed-wrapper {
    padding: 0 .5rem; }
  .ed a {
    transition: 0.3s; }
    .ed a:hover {
      opacity: .7; }
  .ed-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .ed-ttl {
        margin: 1rem auto 0; } }
  .ed-cv {
    margin: auto;
    text-align: center;
    width: 100%; }
    .ed-cv a:hover {
      opacity: 1 !important; }
    .ed-cv-copy {
      text-align: center;
      font-size: 1.02rem;
      font-weight: bold;
      margin: 1rem auto .5rem; }
      .ed-cv-copy-inner {
        display: inline-block;
        position: relative; }
        .ed-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/ed/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .ed-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/ed/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .ed-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.02rem;
      font-weight: bold;
      background-color: #cc1616;
      box-shadow: 0 8px 0 #5c0c0c;
      animation-name: ed-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes ed-cvmove {
  0% {
    box-shadow: 0 8px 0 #5c0c0c;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #5c0c0c;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #5c0c0c;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #5c0c0c;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #5c0c0c;
    transform: translatey(0); } }
  .ed-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .ed-link {
        margin: 1rem auto 1.5rem; } }
    .ed-link-btn {
      width: 100%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .ed-link-btn {
          width: 95%; } }
      .ed-link-btn a:hover {
        opacity: 1; }
      .ed-link-btn-inner {
        background-color: #ffe600;
        display: flex;
        justify-content: center;
        color: #222222 !important;
        gap: 0.2rem;
        align-items: center;
        border-radius: 30px;
        padding: .5rem 1rem;
        box-shadow: 0 8px 0 #4e4601;
        animation-name: ed-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .ed-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
@keyframes ed-linkmove {
  0% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #4e4601;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); } }
        .ed-link-btn-inner-txt {
          color: #222222;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .ed-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .ed-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .ed-neotype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .ed-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .ed-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .ed-neotype-list {
      margin-top: 2rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .ed-neotype-list {
          margin-top: 2rem;
          flex-direction: column;
          gap: 2rem; } }
      .ed-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #f3f3f3;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .ed-neotype-list-inner {
            width: 100%; } }
        .ed-neotype-list-inner-1 {
          border: 4px solid #ffe600; }
          @media only screen and (max-width: 767px) {
            .ed-neotype-list-inner-1 {
              border: 3px solid #ffe600; } }
          .ed-neotype-list-inner-1 .ed-neotype-list-inner-ttl {
            position: relative; }
            .ed-neotype-list-inner-1 .ed-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/ed/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .ed-neotype-list-inner-1 .ed-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .ed-neotype-list-inner-2 .ed-neotype-list-inner-ttl {
          position: relative; }
          .ed-neotype-list-inner-2 .ed-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/ed/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .ed-neotype-list-inner-2 .ed-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .ed-neotype-list-inner-3 .ed-neotype-list-inner-ttl {
          position: relative; }
          .ed-neotype-list-inner-3 .ed-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/ed/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .ed-neotype-list-inner-3 .ed-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .ed-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .ed-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/ed/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .ed-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .ed-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .ed-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .ed-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .ed-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .ed-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .ed-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .ed-neotype-list-inner-ttl-name {
            font-size: 1.4rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            @media only screen and (max-width: 767px) {
              .ed-neotype-list-inner-ttl-name {
                font-size: 1.5rem; } }
            .ed-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .ed-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .ed-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .ed-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .ed-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .2rem;
            margin: 0; }
            .ed-neotype-list-inner-content-spec-inner {
              width: 100%;
              background-color: #fff; }
              .ed-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #ffe600;
                color: #222222;
                font-weight: bold;
                padding: .2rem;
                font-size: .9rem;
                min-height: 3rem;
                line-height: 1.2; }
                @media only screen and (max-width: 767px) {
                  .ed-neotype-list-inner-content-spec-inner-dt {
                    min-height: 2.5rem; } }
              .ed-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .ed-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .ed-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .ed-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .ed-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .ed-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .ed-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/ed/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .ed-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .ed-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .ed-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .ed-neotype-list-inner-content-cv {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .ed-neotype-list-inner-content-cv {
                width: 80%; } }
            .ed-neotype-list-inner-content-cv-btn {
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
              .ed-neotype-list-inner-content-cv-btn a:hover {
                opacity: 1 !important; }
        .ed-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .ed-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center;
            color: #4f4f4f;
            text-decoration: none; }
            .ed-neotype-list-inner-link-btn-txt {
              position: relative; }
              .ed-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #4f4f4f;
                border-bottom: 0;
                transition: .3s; }
              .ed-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #4f4f4f;
                border-bottom: 0;
                transition: .3s; }
    .ed-neotype-container {
      gap: 0; }
      @media only screen and (max-width: 767px) {
        .ed-neotype-container {
          padding-bottom: 1rem;
          flex-direction: row; } }
  .ed-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .ed-type {
        margin: .5rem auto; } }
    .ed-type-ttl {
      max-width: 500px;
      margin: auto; }
    .ed-type-list {
      margin-top: 1rem; }
      @media only screen and (max-width: 767px) {
        .ed-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: 1rem; } }
      .ed-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .ed-type-list-inner {
            width: 100%; } }
        .ed-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          background-color: #182748;
          border-radius: 20px 20px 0 0; }
          .ed-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .ed-type-list-inner-ttl-y {
            background-color: #ffe600;
            color: #222222; }
          .ed-type-list-inner-ttl-g {
            background-color: #ccd0d7;
            color: #222222; }
          .ed-type-list-inner-ttl-b {
            background-color: #7b88ab; }
        .ed-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #222222;
          background-color: #f3f3f3;
          border-radius: 0 0 20px 20px;
          border: none;
          height: 15rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .ed-type-list-inner-content {
              padding: 1rem;
              height: auto; } }
          .ed-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .ed-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .ed-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .ed-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem;
              align-items: center; }
          .ed-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .ed-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .ed-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .ed-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .ed-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .ed-type-list-inner-copy {
          width: 75%; }
        .ed-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .ed-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .ed-type-list-inner-cv a:hover {
            opacity: 1 !important; }
          .ed-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .ed-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
          .ed-type-list-inner-cv-txt {
            color: #fff; }
          .ed-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .ed-fact {
    background-color: #182748;
    position: relative;
    margin-bottom: 2rem; }
    .ed-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: -1;
      border-left: 60px solid transparent;
      border-top: 40px solid #182748;
      border-bottom: 0; }
    .ed-fact-wrapper {
      max-width: 500px;
      margin: 1rem auto;
      padding: .1rem 0 2rem; }
      @media only screen and (max-width: 767px) {
        .ed-fact-wrapper {
          padding: .1rem .5rem 2rem; } }
      .ed-fact-wrapper-container {
        display: flex;
        flex-direction: column;
        gap: .4rem; }
        .ed-fact-wrapper-container-inner {
          position: relative;
          margin: 1rem auto; }
          .ed-fact-wrapper-container-inner-txtbox {
            background-color: #fff;
            border-radius: 20px;
            padding: 1rem 6rem 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .ed-fact-wrapper-container-inner-txtbox {
                padding: 1rem 7rem 1rem 1rem; } }
            .ed-fact-wrapper-container-inner-txtbox-p {
              text-align: center; }
              .ed-fact-wrapper-container-inner-txtbox-p .big {
                font-size: 1.6rem; }
          .ed-fact-wrapper-container-inner-doctor {
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            width: 8rem; }
        .ed-fact-wrapper-container-txt {
          text-align: center;
          color: #fff !important; }
          .ed-fact-wrapper-container-txt-big {
            font-size: 1.6rem;
            color: #ffe600;
            font-weight: bold; }
        .ed-fact-wrapper-container-kome {
          font-size: .5rem;
          text-align: right; }
          .ed-fact-wrapper-container-kome a {
            text-decoration: none;
            color: #fff;
            transition: .3s; }
          .ed-fact-wrapper-container-kome a:hover {
            opacity: 0.7; }
    .ed-fact-up {
      background-color: #fefad3; }
      .ed-fact-up:before {
        border-top: 40px solid #fefad3; }
      .ed-fact-up-wrapper-container {
        gap: 1.5rem; }
        @media only screen and (max-width: 767px) {
          .ed-fact-up-wrapper-container {
            gap: 1rem; } }
        .ed-fact-up-wrapper-container-img {
          margin: -3rem 0 -1.5rem; }
          @media only screen and (max-width: 767px) {
            .ed-fact-up-wrapper-container-img {
              margin: -2rem 0 -1rem; } }
        .ed-fact-up-wrapper-container-inner {
          margin: -1rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .ed-fact-up-wrapper-container-inner {
              margin-top: .5rem; } }
          .ed-fact-up-wrapper-container-inner-txtbox {
            background-color: #182748; }
            .ed-fact-up-wrapper-container-inner-txtbox-p {
              color: #fff !important; }
              .ed-fact-up-wrapper-container-inner-txtbox-p .big {
                color: #ffe600;
                font-size: 1.6rem;
                font-weight: bold; }
        .ed-fact-up-wrapper-container-txt {
          text-align: center;
          color: #182748 !important; }
          .ed-fact-up-wrapper-container-txt-big {
            font-size: 1.6rem;
            color: #cc1616;
            font-weight: bold; }
        .ed-fact-up-wrapper-container-kome {
          margin-top: .7rem;
          text-align: left; }
          @media only screen and (max-width: 767px) {
            .ed-fact-up-wrapper-container-kome {
              margin-top: .5rem;
              text-align: right; } }
          .ed-fact-up-wrapper-container-kome a {
            color: #222222; }
  .ed-hikaku {
    max-width: 750px;
    margin: 0 auto 1rem; }
    @media only screen and (max-width: 767px) {
      .ed-hikaku {
        padding: 0 .5rem; } }
    .ed-hikaku-container {
      margin: 2rem auto 1rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-columns: 1fr;
      gap: 0px 2px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "setprice setprice setprice" "anken1-setprice anken2-setprice anken3-setprice" "pillprice pillprice pillprice" "anken1-pillprice anken2-pillprice anken3-pillprice" "kinds kinds kinds" "anken1-kinds anken2-kinds anken3-kinds" "medifee medifee medifee" "anken1-medifee anken2-medifee anken3-medifee" "delivery delivery delivery" "anken1-delivery anken2-delivery anken3-delivery" "mindate mindate mindate" "anken1-mindate anken2-mindate anken3-mindate" "reserve reserve reserve" "anken1-reserve anken2-reserve anken3-reserve" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      @media only screen and (max-width: 767px) {
        .ed-hikaku-container {
          margin: 1.5rem auto 1rem; } }
      .ed-hikaku-container .flex {
        display: flex;
        justify-content: center;
        gap: .5rem;
        align-items: center;
        flex-direction: column;
        padding: .5rem;
        background-color: #f3f3f3; }
      .ed-hikaku-container .ttl {
        background-color: #182748;
        font-weight: bold;
        color: #fff; }
      .ed-hikaku-container .content-inner {
        text-align: center;
        width: 100%; }
        .ed-hikaku-container .content-inner-txt {
          font-size: .85rem; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container .content-inner-txt-mini {
              font-size: .7rem; } }
        .ed-hikaku-container .content-inner-eval {
          width: 20%;
          margin: 0 auto .5rem; }
        .ed-hikaku-container .content-inner .area-txt {
          font-size: 1.02rem;
          text-align: left;
          margin: 0 .5rem; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container .content-inner .area-txt {
              font-size: .765rem; } }
      .ed-hikaku-container-cv {
        width: 100%; }
        .ed-hikaku-container-cv-rank-ico {
          width: 20%;
          margin: 0 auto 0.5rem; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container-cv-rank-ico {
              width: 40%; } }
        .ed-hikaku-container-cv-copy {
          text-align: center;
          font-size: .85rem;
          font-weight: bold;
          margin-bottom: .5rem; }
          .ed-hikaku-container-cv-copy-inner {
            position: relative; }
            .ed-hikaku-container-cv-copy-inner:before {
              display: none; }
            .ed-hikaku-container-cv-copy-inner:after {
              display: none; }
        .ed-hikaku-container-cv-btn {
          width: 80%; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container-cv-btn {
              width: 85%; } }
      .ed-hikaku-container .ico-rank {
        position: absolute;
        top: -1.4rem;
        left: 50%;
        transform: translateX(-50%);
        width: 3rem;
        margin: 0 auto 0.2rem !important; }
        @media only screen and (max-width: 767px) {
          .ed-hikaku-container .ico-rank {
            width: 2.5rem;
            top: -1.2rem; } }
      .ed-hikaku-container .bnr {
        width: 70%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .ed-hikaku-container .bnr {
            width: 95%; } }
      .ed-hikaku-container .name {
        text-align: center;
        font-weight: bold;
        margin-top: 0.2rem;
        font-size: 1rem; }
        @media only screen and (max-width: 767px) {
          .ed-hikaku-container .name {
            font-size: .8rem; } }
      .ed-hikaku-container .feature {
        grid-area: feature; }
      .ed-hikaku-container .setprice {
        grid-area: setprice; }
      .ed-hikaku-container .pillprice {
        grid-area: pillprice; }
      .ed-hikaku-container .kinds {
        grid-area: kinds; }
      .ed-hikaku-container .medifee {
        grid-area: medifee; }
      .ed-hikaku-container .delivery {
        grid-area: delivery; }
      .ed-hikaku-container .mindate {
        grid-area: mindate; }
      .ed-hikaku-container .reserve {
        grid-area: reserve; }
      .ed-hikaku-container .cv {
        grid-area: cv; }
      .ed-hikaku-container .link {
        grid-area: link; }
      .ed-hikaku-container .anken1 {
        grid-area: anken1;
        position: relative;
        padding-top: 1rem; }
        @media only screen and (max-width: 767px) {
          .ed-hikaku-container .anken1 {
            padding: 1rem .2rem .5rem; } }
        .ed-hikaku-container .anken1-feature {
          grid-area: anken1-feature; }
        .ed-hikaku-container .anken1-setprice {
          grid-area: anken1-setprice; }
        .ed-hikaku-container .anken1-pillprice {
          grid-area: anken1-pillprice; }
        .ed-hikaku-container .anken1-kinds {
          grid-area: anken1-kinds; }
        .ed-hikaku-container .anken1-medifee {
          grid-area: anken1-medifee; }
        .ed-hikaku-container .anken1-delivery {
          grid-area: anken1-delivery; }
        .ed-hikaku-container .anken1-mindate {
          grid-area: anken1-mindate; }
        .ed-hikaku-container .anken1-reserve {
          grid-area: anken1-reserve; }
        .ed-hikaku-container .anken1-cv {
          grid-area: anken1-cv;
          padding-bottom: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container .anken1-cv {
              padding-bottom: 1rem; } }
        .ed-hikaku-container .anken1-link {
          grid-area: anken1-link;
          padding-bottom: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container .anken1-link {
              padding-bottom: 1rem; } }
      .ed-hikaku-container .anken2 {
        grid-area: anken2;
        position: relative;
        padding-top: 1rem; }
        @media only screen and (max-width: 767px) {
          .ed-hikaku-container .anken2 {
            padding: 1rem .2rem .5rem; } }
        .ed-hikaku-container .anken2-feature {
          grid-area: anken2-feature; }
        .ed-hikaku-container .anken2-setprice {
          grid-area: anken2-setprice; }
        .ed-hikaku-container .anken2-pillprice {
          grid-area: anken2-pillprice; }
        .ed-hikaku-container .anken2-kinds {
          grid-area: anken2-kinds; }
        .ed-hikaku-container .anken2-medifee {
          grid-area: anken2-medifee; }
        .ed-hikaku-container .anken2-delivery {
          grid-area: anken2-delivery; }
        .ed-hikaku-container .anken2-mindate {
          grid-area: anken2-mindate; }
        .ed-hikaku-container .anken2-reserve {
          grid-area: anken2-reserve; }
        .ed-hikaku-container .anken2-cv {
          grid-area: anken2-cv;
          padding-bottom: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container .anken2-cv {
              padding-bottom: 1rem; } }
        .ed-hikaku-container .anken2-link {
          grid-area: anken2-link;
          padding-bottom: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container .anken2-link {
              padding-bottom: 1rem; } }
      .ed-hikaku-container .anken3 {
        grid-area: anken3;
        position: relative;
        padding-top: 1rem; }
        @media only screen and (max-width: 767px) {
          .ed-hikaku-container .anken3 {
            padding: 1rem .2rem .5rem; } }
        .ed-hikaku-container .anken3-feature {
          grid-area: anken3-feature; }
        .ed-hikaku-container .anken3-setprice {
          grid-area: anken3-setprice; }
        .ed-hikaku-container .anken3-pillprice {
          grid-area: anken3-pillprice; }
        .ed-hikaku-container .anken3-kinds {
          grid-area: anken3-kinds; }
        .ed-hikaku-container .anken3-medifee {
          grid-area: anken3-medifee; }
        .ed-hikaku-container .anken3-delivery {
          grid-area: anken3-delivery; }
        .ed-hikaku-container .anken3-mindate {
          grid-area: anken3-mindate; }
        .ed-hikaku-container .anken3-reserve {
          grid-area: anken3-reserve; }
        .ed-hikaku-container .anken3-cv {
          grid-area: anken3-cv;
          padding-bottom: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container .anken3-cv {
              padding-bottom: 1rem; } }
        .ed-hikaku-container .anken3-link {
          grid-area: anken3-link;
          padding-bottom: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .ed-hikaku-container .anken3-link {
              padding-bottom: 1rem; } }
    .ed-hikaku-table {
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "setprice setprice setprice" "anken1-setprice anken2-setprice anken3-setprice" "pillprice pillprice pillprice" "viagra viagra viagra" "anken1-viagra anken2-viagra anken3-viagra" "levitra levitra levitra" "anken1-levitra anken2-levitra anken3-levitra" "cialis cialis cialis" "anken1-cialis anken2-cialis anken3-cialis" "kinds kinds kinds" "anken1-kinds anken2-kinds anken3-kinds" "medifee medifee medifee" "anken1-medifee anken2-medifee anken3-medifee" "delivery delivery delivery" "anken1-delivery anken2-delivery anken3-delivery" "mindate mindate mindate" "anken1-mindate anken2-mindate anken3-mindate" "reserve reserve reserve" "anken1-reserve anken2-reserve anken3-reserve" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      .ed-hikaku-table .subttl {
        background-color: #d8d7d8;
        font-weight: bold; }
      .ed-hikaku-table .viagra {
        grid-area: viagra; }
      .ed-hikaku-table .levitra {
        grid-area: levitra; }
      .ed-hikaku-table .cialis {
        grid-area: cialis; }
      .ed-hikaku-table .anken1-viagra {
        grid-area: anken1-viagra; }
      .ed-hikaku-table .anken1-levitra {
        grid-area: anken1-levitra; }
      .ed-hikaku-table .anken1-cialis {
        grid-area: anken1-cialis; }
      .ed-hikaku-table .anken2-viagra {
        grid-area: anken2-viagra; }
      .ed-hikaku-table .anken2-levitra {
        grid-area: anken2-levitra; }
      .ed-hikaku-table .anken2-cialis {
        grid-area: anken2-cialis; }
      .ed-hikaku-table .anken3-viagra {
        grid-area: anken3-viagra; }
      .ed-hikaku-table .anken3-levitra {
        grid-area: anken3-levitra; }
      .ed-hikaku-table .anken3-cialis {
        grid-area: anken3-cialis; }
  .ed-kinds {
    max-width: 750px;
    margin: 1.5rem auto; }
    .ed-kinds-container {
      margin: .5rem auto;
      display: grid;
      grid-template-columns: .7fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 2px;
      grid-auto-flow: row;
      grid-template-areas: "white viagra levitra cialis" "feature viagra-feature levitra-feature cialis-feature" "time viagra-time levitra-time cialis-time" "effect viagra-effect levitra-effect cialis-effect" "keep viagra-keep levitra-keep cialis-keep"; }
      @media only screen and (max-width: 767px) {
        .ed-kinds-container {
          grid-template-columns: 5rem 14rem 14rem 14rem; } }
      .ed-kinds-container .flex {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #f3f3f3;
        padding: .5rem; }
        .ed-kinds-container .flex-inner-img {
          width: 6rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .ed-kinds-container .flex-inner-img {
              width: 4rem; } }
      .ed-kinds-container .white {
        grid-area: white;
        background-color: #182748; }
      .ed-kinds-container .feature {
        grid-area: feature;
        background-color: #182748;
        color: #fff;
        font-weight: bold; }
      .ed-kinds-container .time {
        grid-area: time;
        background-color: #182748;
        color: #fff;
        font-weight: bold; }
      .ed-kinds-container .effect {
        grid-area: effect;
        background-color: #182748;
        color: #fff;
        font-weight: bold; }
      .ed-kinds-container .keep {
        grid-area: keep;
        background-color: #182748;
        color: #fff;
        font-weight: bold; }
      .ed-kinds-container .viagra {
        grid-area: viagra;
        font-weight: bold; }
        .ed-kinds-container .viagra-feature {
          grid-area: viagra-feature; }
        .ed-kinds-container .viagra-time {
          grid-area: viagra-time; }
        .ed-kinds-container .viagra-effect {
          grid-area: viagra-effect; }
        .ed-kinds-container .viagra-keep {
          grid-area: viagra-keep; }
      .ed-kinds-container .levitra {
        grid-area: levitra;
        font-weight: bold; }
        .ed-kinds-container .levitra-feature {
          grid-area: levitra-feature; }
        .ed-kinds-container .levitra-time {
          grid-area: levitra-time; }
        .ed-kinds-container .levitra-effect {
          grid-area: levitra-effect; }
        .ed-kinds-container .levitra-keep {
          grid-area: levitra-keep; }
      .ed-kinds-container .cialis {
        grid-area: cialis;
        font-weight: bold; }
        .ed-kinds-container .cialis-feature {
          grid-area: cialis-feature; }
        .ed-kinds-container .cialis-time {
          grid-area: cialis-time; }
        .ed-kinds-container .cialis-effect {
          grid-area: cialis-effect; }
        .ed-kinds-container .cialis-keep {
          grid-area: cialis-keep; }
    .ed-kinds-sankaku {
      max-width: 300px;
      margin: .5rem auto; }
    .ed-kinds-ketsuron-img {
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .ed-kinds-ketsuron-img {
          margin: .5rem auto; } }
      .ed-kinds-ketsuron-img-name {
        width: 50%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .ed-kinds-ketsuron-img-name {
            width: 70%; } }
    .ed-kinds-ketsuron-cv {
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .ed-kinds-ketsuron-cv {
          width: 80%; } }
  .ed-osusume {
    max-width: 1000px;
    margin: auto; }
    .ed-osusume-list {
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .ed-osusume-list {
          margin: .5rem auto; } }
      @media only screen and (max-width: 767px) {
        .ed-osusume-list-item-img {
          width: 80%;
          margin: auto; } }
      .ed-osusume-list-item-txt {
        margin-top: .2rem;
        text-align: center; }
    .ed-osusume-sankaku {
      margin: 1rem auto;
      max-width: 400px; }
      @media only screen and (max-width: 767px) {
        .ed-osusume-sankaku {
          margin: .5rem auto; } }
    .ed-osusume-ketsuron {
      max-width: 500px;
      margin: 1rem auto 2rem; }
      .ed-osusume-ketsuron-list {
        display: flex;
        justify-content: center;
        gap: .5rem; }
        .ed-osusume-ketsuron-list-wrap-txt {
          font-weight: bold;
          margin-top: .2rem;
          text-align: center; }
      .ed-osusume-ketsuron-strong {
        margin: 1rem auto .5rem; }
        .ed-osusume-ketsuron-strong-txt {
          text-align: center;
          font-size: 1.02rem;
          font-weight: bold; }
          .ed-osusume-ketsuron-strong-txt-wrap {
            display: inline-block;
            position: relative; }
            .ed-osusume-ketsuron-strong-txt-wrap:before {
              position: absolute;
              top: 50%;
              left: -2rem;
              transform: translateY(-50%);
              width: 1.5rem;
              height: 1.5rem;
              content: '';
              background: url(../img/feature/ed/fukidashi_l.png) no-repeat;
              background-size: contain; }
            .ed-osusume-ketsuron-strong-txt-wrap:after {
              position: absolute;
              top: 50%;
              right: -2rem;
              transform: translateY(-50%);
              width: 1.5rem;
              height: 1.5rem;
              content: '';
              background: url(../img/feature/ed/fukidashi_r.png) no-repeat;
              background-size: contain; }
        .ed-osusume-ketsuron-strong-img {
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .ed-osusume-ketsuron-strong-img {
              margin: .5rem auto; } }
          .ed-osusume-ketsuron-strong-img-name {
            width: 70%;
            margin: auto; }
  .ed .ranking-title {
    background-color: #182748;
    padding: 1.5rem .5rem; }
    .ed .ranking-title:after {
      border-top: 20px solid #182748; }
    .ed .ranking-title-img {
      max-width: 500px;
      margin: auto; }
  .ed .ranking .ed-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #fefad3;
    border-radius: 10px; }
  .ed .ranking .ed-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #bdb6c1;
    border-radius: 10px; }
  .ed .ranking .ed-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #80610d;
    border-radius: 10px; }
  .ed .ranking .ed-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #1d215c;
    border-radius: 10px; }
  .ed .ranking .ed-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #bf406d;
    border-radius: 10px; }
  .ed .ranking .ed-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #bf406d;
    border-radius: 10px; }
  .ed .ranking .ed-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 2rem; }
    .ed .ranking .ed-ranking-list .ranking-list-box-cv {
      margin: 0 auto 1rem; }
      .ed .ranking .ed-ranking-list .ranking-list-box-cv-copy {
        margin: 1.5rem auto .5rem;
        text-align: center; }
      .ed .ranking .ed-ranking-list .ranking-list-box-cv-btn {
        width: 50%;
        height: auto;
        line-height: 1.4;
        padding: .5rem;
        margin-bottom: 1rem;
        font-size: 1.275rem;
        opacity: 1; }
        @media only screen and (max-width: 767px) {
          .ed .ranking .ed-ranking-list .ranking-list-box-cv-btn {
            width: 90%;
            font-size: 1.105rem; } }
    .ed .ranking .ed-ranking-list .ranking-list-box-ttl {
      padding: 1rem 1rem .5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .ed .ranking .ed-ranking-list .ranking-list-box-ttl {
          margin-top: 0;
          font-size: 1.105rem;
          padding: 1rem .5rem .5rem; } }
      .ed .ranking .ed-ranking-list .ranking-list-box-ttl-wrap {
        text-align: left; }
        .ed .ranking .ed-ranking-list .ranking-list-box-ttl-wrap-copy {
          font-size: 1.02rem;
          margin-bottom: -0.3rem; }
          @media only screen and (max-width: 767px) {
            .ed .ranking .ed-ranking-list .ranking-list-box-ttl-wrap-copy {
              font-size: .765rem;
              margin-bottom: 0;
              font-weight: normal;
              line-height: 1.4; } }
    .ed .ranking .ed-ranking-list .ranking-list-box-ico {
      position: static;
      transform: none;
      width: 70px; }
      @media only screen and (max-width: 767px) {
        .ed .ranking .ed-ranking-list .ranking-list-box-ico {
          width: 40px; } }
    .ed .ranking .ed-ranking-list .ranking-list-box-wrapper {
      background-color: #f3f3f3; }
      .ed .ranking .ed-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .ed .ranking .ed-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
    .ed .ranking .ed-ranking-list .ranking-list-box-inner {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .ed .ranking .ed-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .ed .ranking .ed-ranking-list .ranking-list-box-inner-ttl {
        background-color: #182748;
        padding: .2rem;
        text-align: center;
        color: #fff; }
      .ed .ranking .ed-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .ed .ranking .ed-ranking-list .ranking-list-box-inner-point {
        text-align: left;
        margin: 2rem auto 1rem; }
        .ed .ranking .ed-ranking-list .ranking-list-box-inner-point-ttl {
          background-color: #ffe600;
          color: #222222;
          font-weight: bold; }
        .ed .ranking .ed-ranking-list .ranking-list-box-inner-point-list {
          margin: 0 auto;
          padding: 1rem 2rem;
          display: flex;
          flex-direction: column;
          gap: 0.5rem; }
          @media only screen and (max-width: 767px) {
            .ed .ranking .ed-ranking-list .ranking-list-box-inner-point-list {
              padding: 1rem 1.5rem; } }
        .ed .ranking .ed-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: left;
          align-items: center;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .ed .ranking .ed-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
          .ed .ranking .ed-ranking-list .ranking-list-box-inner-point-flex-check {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/feature/ed/ed_check.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .ed .ranking .ed-ranking-list .ranking-list-box-inner-point-flex-check {
                width: 10%; } }
          .ed .ranking .ed-ranking-list .ranking-list-box-inner-point-flex-ttl {
            width: 90%;
            line-height: 1.4; }
        .ed .ranking .ed-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.5;
          margin-bottom: 1rem; }
      .ed .ranking .ed-ranking-list .ranking-list-box-inner-specbox {
        margin: 1rem auto .5rem;
        border: none; }
        .ed .ranking .ed-ranking-list .ranking-list-box-inner-specbox th {
          background-color: #182748;
          color: #fff;
          padding: .2rem;
          height: auto;
          border: 1px solid #f3f3f3; }
        .ed .ranking .ed-ranking-list .ranking-list-box-inner-specbox td {
          text-align: center;
          border: 1px solid #f3f3f3;
          border-bottom: 0.5rem solid #f3f3f3;
          font-size: .8rem;
          padding: .5rem;
          background-color: #fff; }
  .ed-survey {
    margin-top: 2rem; }

.edsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .edsearch {
      padding: .5rem; } }
  .edsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .edsearch .only-pc {
      display: none; } }
  .edsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .edsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .edsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .edsearch-form {
        gap: .5rem; } }
    .edsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .edsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .edsearch-form-wrap-sankaku {
            width: 48%; } }
        .edsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .edsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .edsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .edsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .edsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .edsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .edsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .edsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .edsearch-form-submit-txt:before {
              display: none; } }
        .edsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .edsearch-form-submit-txt:after {
              display: none; } }
      .edsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .edsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .edsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .edsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.edkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .edkekka-sort {
      flex-direction: column; } }
  .edkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .edkekka-sort-now {
        width: 100%; } }
    .edkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .edkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .edkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .edkekka-sort-form {
        width: 100%; } }
    .edkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .edkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.edkekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .edkekka-none-button {
      width: 70%; } }
  .edkekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .edkekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .edkekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .edkekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .edkekka-none-button-wrap a:hover {
        color: #808080; }

.ed-ranking .ranking-list-box-inner-review .swiper-button-prev, .ed-ranking .ranking-list-box-inner-review .swiper-button-next {
  color: #182748; }
.ed-ranking .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #182748; }

/*ed治療LP*/
/* eduLP   feature　
----------------------------------------------------------------------------------------------*/
.edu {
  color: #222222; }
  @media only screen and (max-width: 767px) {
    .edu {
      font-size: .9rem; } }
  .edu .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .edu img {
    margin: auto; }
  .edu-wrapper {
    padding: 0 .5rem; }
  .edu a {
    transition: 0.3s; }
    .edu a:hover {
      opacity: 0.7; }
  .edu-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .edu-ttl {
        margin: 1rem auto 0; } }
  .edu-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .edu-cv a:hover {
      opacity: 1; }
    .edu-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .edu-cv-copy-inner {
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .edu-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .edu-cv-copy-inner .small {
          font-size: 1rem; }
        .edu-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/edu/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .edu-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .edu-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/edu/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .edu-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .edu-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #ff328f;
      box-shadow: 0 8px 0 #760036;
      animation-name: edu-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .edu-cv-btn a {
        width: 100%;
        display: inline-block; }
      .edu-cv-btn a:hover {
        opacity: 1; }
@keyframes edu-cvmove {
  0% {
    box-shadow: 0 8px 0 #760036;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #760036;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #760036;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #760036;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #760036;
    transform: translatey(0); } }
  .edu-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .edu-link {
        margin: 1rem auto 1.5rem; } }
    .edu-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .edu-link-btn {
          width: 95%; } }
      .edu-link-btn a:hover {
        opacity: 1; }
      .edu-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
        background-color: #4C6F78;
        box-shadow: 0 8px 0 #07303b;
        animation-name: edu-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .edu-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .edu-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .edu-link-btn-inner a:hover {
          opacity: 1; }
@keyframes edu-linkmove {
  0% {
    box-shadow: 0 8px 0 #07303b;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #07303b;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #07303b;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #07303b;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #07303b;
    transform: translatey(0); } }
        .edu-link-btn-inner-txt {
          color: #222222;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .edu-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .edu-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .edu-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .edu-type {
        margin: .5rem auto; } }
    .edu-type-ttl {
      max-width: 500px;
      margin: auto; }
    .edu-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .edu-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: 1rem; } }
      .edu-type-list-inner {
        width: 24.5%; }
        @media only screen and (max-width: 767px) {
          .edu-type-list-inner {
            width: 100%; } }
        .edu-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #222222;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #46f1cb; }
          .edu-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .edu-type-list-inner-ttl-y {
            background-color: #fef686; }
          .edu-type-list-inner-ttl-p {
            background-color: #f8a5c3; }
          .edu-type-list-inner-ttl-b {
            background-color: #9dc0fe; }
        .edu-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #222222;
          border: none;
          background-color: #dffff8;
          border-radius: 0 0 20px 20px;
          height: 12rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .edu-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .edu-type-list-inner-content-y {
            background-color: #fdfacc; }
          .edu-type-list-inner-content-p {
            background-color: #fdf1f6; }
          .edu-type-list-inner-content-b {
            background-color: #e8f0fd; }
          .edu-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .edu-type-list-inner-content-wrap {
                gap: 0; } }
            .edu-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .edu-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .edu-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .edu-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .edu-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .edu-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .edu-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .edu-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .edu-type-list-inner-copy {
          width: 75%; }
        .edu-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .edu-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .edu-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .edu-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .edu-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .edu-type-list-inner-cv-txt {
            color: #fff;
            font-size: 1.3rem; }
          .edu-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .edu-type-kome {
      opacity: .5;
      font-size: 0.9rem;
      text-align: right;
      margin: -1rem auto 1rem;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .edu-type-kome {
          font-size: .8rem;
          text-align: center;
          margin: 0; } }
  .edu-fact {
    background: linear-gradient(0deg, #e8f0fd 0%, #9dc0fe 100%);
    position: relative;
    margin-bottom: 2rem; }
    .edu-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: 1;
      border-left: 60px solid transparent;
      border-top: 40px solid #e8f0fd;
      border-bottom: 0; }
    .edu-fact-inner {
      max-width: 750px;
      margin: auto;
      padding: .1rem 0 2rem; }
      @media only screen and (max-width: 767px) {
        .edu-fact-inner {
          padding: .1rem .5rem 1rem; } }
      .edu-fact-inner-content {
        margin: 1rem auto;
        display: flex;
        flex-direction: column;
        gap: 1rem; }
        .edu-fact-inner-content .big {
          font-size: 1.6rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .edu-fact-inner-content .big {
              font-size: 1.4rem; } }
        .edu-fact-inner-content .red {
          font-size: 1.6rem;
          font-weight: bold;
          color: #ff328f; }
          .edu-fact-inner-content .red-es {
            font-size: 1.6rem;
            font-weight: bold;
            color: #ff5e40; }
        .edu-fact-inner-content-ki {
          display: flex;
          gap: 1rem;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .edu-fact-inner-content-ki {
              flex-direction: column-reverse; } }
          .edu-fact-inner-content-ki-img {
            width: 40%; }
            @media only screen and (max-width: 767px) {
              .edu-fact-inner-content-ki-img {
                width: 100%; } }
          .edu-fact-inner-content-ki-wrap {
            width: 59%; }
            @media only screen and (max-width: 767px) {
              .edu-fact-inner-content-ki-wrap {
                width: 100%; } }
            @media only screen and (max-width: 767px) {
              .edu-fact-inner-content-ki-wrap-txt {
                text-align: center; } }
            .edu-fact-inner-content-ki-wrap-txt-big {
              font-size: 1.3rem;
              font-weight: bold; }
              @media only screen and (max-width: 767px) {
                .edu-fact-inner-content-ki-wrap-txt-big {
                  font-size: 1.1rem; } }
            .edu-fact-inner-content-ki-wrap-txt-center {
              text-align: center; }
        .edu-fact-inner-content-sho {
          display: flex;
          gap: 1rem;
          justify-content: center; }
        .edu-fact-inner-content-ketsu-img {
          margin-bottom: .5rem; }
        .edu-fact-inner-content-ketsu-txt {
          text-align: center;
          line-height: 1.5;
          margin-bottom: .5rem; }
  .edu-top3 {
    margin: 2rem auto; }
    .edu-top3-container {
      margin: 1rem auto;
      max-width: 750px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 4px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "price price price" "anken1-price anken2-price anken3-price" "trial trial trial" "anken1-tiral anken2-trial anken3-trial" "material material material" "anken1-material anken2-material anken3-material" "subject subject subject" "anken1-subject anken2-subject anken3-subject" "target target target" "anken1-target anken2-target anken3-target" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      .edu-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #fdf1f6; }
      .edu-top3-container .ttl {
        background-color: #f8a5c3;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .edu-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .2rem;
        justify-content: center; }
        .edu-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .edu-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .edu-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .edu-top3-container-inner .bnr {
              width: 80%; } }
        .edu-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .edu-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .edu-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .edu-top3-container-inner-txt {
              font-size: .8rem; } }
      @media only screen and (max-width: 767px) {
        .edu-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .edu-top3-container-cv-btn {
          width: 100%;
          font-size: 1rem; } }
      .edu-top3-container .price {
        grid-area: price; }
      .edu-top3-container .trial {
        grid-area: trial; }
      .edu-top3-container .material {
        grid-area: material; }
      .edu-top3-container .subject {
        grid-area: subject; }
      .edu-top3-container .target {
        grid-area: target; }
      .edu-top3-container .feature {
        grid-area: feature; }
      .edu-top3-container .cv {
        grid-area: cv; }
      .edu-top3-container .link {
        grid-area: link; }
      .edu-top3-container .anken1 {
        grid-area: anken1; }
        .edu-top3-container .anken1-price {
          grid-area: anken1-price; }
        .edu-top3-container .anken1-tiral {
          grid-area: anken1-tiral; }
        .edu-top3-container .anken1-material {
          grid-area: anken1-material; }
        .edu-top3-container .anken1-subject {
          grid-area: anken1-subject; }
        .edu-top3-container .anken1-target {
          grid-area: anken1-target; }
        .edu-top3-container .anken1-feature {
          grid-area: anken1-feature; }
        .edu-top3-container .anken1-cv {
          grid-area: anken1-cv; }
        .edu-top3-container .anken1-link {
          grid-area: anken1-link; }
      .edu-top3-container .anken2 {
        grid-area: anken2; }
        .edu-top3-container .anken2-price {
          grid-area: anken2-price; }
        .edu-top3-container .anken2-trial {
          grid-area: anken2-trial; }
        .edu-top3-container .anken2-material {
          grid-area: anken2-material; }
        .edu-top3-container .anken2-subject {
          grid-area: anken2-subject; }
        .edu-top3-container .anken2-target {
          grid-area: anken2-target; }
        .edu-top3-container .anken2-feature {
          grid-area: anken2-feature; }
        .edu-top3-container .anken2-cv {
          grid-area: anken2-cv; }
        .edu-top3-container .anken2-link {
          grid-area: anken2-link; }
      .edu-top3-container .anken3 {
        grid-area: anken3; }
        .edu-top3-container .anken3-price {
          grid-area: anken3-price; }
        .edu-top3-container .anken3-trial {
          grid-area: anken3-trial; }
        .edu-top3-container .anken3-material {
          grid-area: anken3-material; }
        .edu-top3-container .anken3-subject {
          grid-area: anken3-subject; }
        .edu-top3-container .anken3-target {
          grid-area: anken3-target; }
        .edu-top3-container .anken3-feature {
          grid-area: anken3-feature; }
        .edu-top3-container .anken3-cv {
          grid-area: anken3-cv; }
        .edu-top3-container .anken3-link {
          grid-area: anken3-link; }
  .edu-howto {
    margin: 1rem auto;
    max-width: 750px; }
    .edu-howto-content {
      margin: .5rem auto;
      padding: 1.5rem;
      background-color: #fdf1f6;
      display: flex;
      justify-content: center;
      gap: 1rem;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .edu-howto-content {
          padding: 1.5rem 1rem; } }
      .edu-howto-content-hikaku {
        display: grid;
        grid-template-columns: 1fr .5fr 1fr;
        grid-template-rows: auto;
        gap: 2px 0px;
        grid-auto-flow: row;
        grid-template-areas: "tablet white inperson" "tablet-time time inperson-time" "tablet-place place inperson-place" "tablet-pickup pickup inperson-pickup" "tablet-subject subject inperson-subject" "tablet-advice advice inperson-advice"; }
        .edu-howto-content-hikaku .flex {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          gap: .5rem;
          padding: .5rem;
          background-color: #fff; }
        .edu-howto-content-hikaku .ttl {
          background-color: #f8a5c3;
          font-weight: bold;
          font-size: .9rem;
          padding: .5rem;
          text-align: center;
          line-height: 1.2; }
          @media only screen and (max-width: 767px) {
            .edu-howto-content-hikaku .ttl {
              font-size: .7rem; } }
        .edu-howto-content-hikaku-inner {
          width: 100%;
          display: flex;
          flex-direction: column;
          gap: .2rem;
          justify-content: center; }
          .edu-howto-content-hikaku-inner-eval {
            width: 2.5rem;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .edu-howto-content-hikaku-inner-eval {
                width: 2rem; } }
          .edu-howto-content-hikaku-inner-txt {
            font-size: .9rem;
            text-align: center;
            line-height: 1.4; }
            @media only screen and (max-width: 767px) {
              .edu-howto-content-hikaku-inner-txt {
                font-size: .7rem; } }
            .edu-howto-content-hikaku-inner-txt-ttl {
              font-size: .9rem; }
        .edu-howto-content-hikaku .white {
          grid-area: white; }
        .edu-howto-content-hikaku .time {
          grid-area: time; }
        .edu-howto-content-hikaku .place {
          grid-area: place; }
        .edu-howto-content-hikaku .pickup {
          grid-area: pickup; }
        .edu-howto-content-hikaku .subject {
          grid-area: subject; }
        .edu-howto-content-hikaku .advice {
          grid-area: advice; }
        .edu-howto-content-hikaku .tablet {
          grid-area: tablet;
          background-color: #fef686; }
          .edu-howto-content-hikaku .tablet-time {
            grid-area: tablet-time;
            background-color: #fdfacc; }
          .edu-howto-content-hikaku .tablet-place {
            grid-area: tablet-place;
            background-color: #fdfacc; }
          .edu-howto-content-hikaku .tablet-pickup {
            grid-area: tablet-pickup;
            background-color: #fdfacc; }
          .edu-howto-content-hikaku .tablet-subject {
            grid-area: tablet-subject;
            background-color: #fdfacc; }
          .edu-howto-content-hikaku .tablet-advice {
            grid-area: tablet-advice;
            background-color: #fdfacc; }
        .edu-howto-content-hikaku .inperson {
          grid-area: inperson; }
          .edu-howto-content-hikaku .inperson-time {
            grid-area: inperson-time; }
          .edu-howto-content-hikaku .inperson-place {
            grid-area: inperson-place; }
          .edu-howto-content-hikaku .inperson-pickup {
            grid-area: inperson-pickup; }
          .edu-howto-content-hikaku .inperson-subject {
            grid-area: inperson-subject; }
          .edu-howto-content-hikaku .inperson-advice {
            grid-area: inperson-advice; }
      .edu-howto-content-txt {
        text-align: center; }
        .edu-howto-content-txt-big {
          font-size: 1.2rem;
          color: #ff328f;
          font-weight: bold; }
  .edu-season {
    margin: 0 auto; }
    .edu-season-list {
      display: flex;
      justify-content: center;
      max-width: 700px;
      gap: 1rem;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .edu-season-list {
          flex-direction: column; } }
      .edu-season-list-fukidashi {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem; }
        .edu-season-list-fukidashi-inner {
          position: relative;
          font-weight: bold;
          font-size: 1rem; }
          .edu-season-list-fukidashi-inner:before {
            position: absolute;
            top: 50%;
            left: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/edu/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .edu-season-list-fukidashi-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .edu-season-list-fukidashi-inner:after {
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/edu/fukidashi_r.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .edu-season-list-fukidashi-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .edu-season-list-inner {
        width: 100%; }
        .edu-season-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #222222;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #fef686; }
          @media only screen and (max-width: 767px) {
            .edu-season-list-inner-ttl {
              padding: .5rem; } }
          .edu-season-list-inner-ttl-big {
            font-size: 1.5rem; }
        .edu-season-list-inner-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-top: none;
          color: #222222;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .edu-season-list-inner-content {
              height: auto; } }
          .edu-season-list-inner-content-name {
            padding: .5rem;
            background-color: #fdfacc;
            width: 100%;
            display: inline-block; }
            .edu-season-list-inner-content-name a {
              margin: auto;
              display: inline-block; }
            .edu-season-list-inner-content-name .logo {
              width: 65%;
              margin: auto; }
          .edu-season-list-inner-content-wrap {
            width: 100%;
            padding: .5rem .5rem 1rem;
            display: flex;
            flex-direction: column;
            gap: .5rem 0;
            border-radius: 0 0 20px 20px;
            background-color: #fdf1f6; }
            @media only screen and (max-width: 767px) {
              .edu-season-list-inner-content-wrap {
                min-height: inherit; } }
            .edu-season-list-inner-content-wrap-txt .big {
              font-size: 1.4rem;
              font-weight: bold;
              padding: 0 .2rem; }
            .edu-season-list-inner-content-wrap-txt .small {
              font-size: .6rem; }
            .edu-season-list-inner-content-wrap-cv {
              width: 80%;
              margin: auto; }
        .edu-season-list-inner-cv {
          width: 80%;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .edu-season-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .edu-season-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .edu-season-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .edu-season-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .edu-season-list-inner-cv-txt {
            color: #fff; }
          .edu-season-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .edu .ranking-title {
    z-index: 0;
    background-color: #f8a5c3; }
    .edu .ranking-title-img {
      display: inline-block;
      max-width: 500px;
      margin: auto; }
    .edu .ranking-title:after {
      top: 100%;
      border-top: 20px solid #f8a5c3; }
  .edu .ranking .edu-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .edu .ranking .edu-ranking {
        padding: 0 .5rem; } }
    .edu .ranking .edu-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #fefad3; }
    .edu .ranking .edu-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .edu .ranking .edu-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #80610d; }
    .edu .ranking .edu-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .edu .ranking .edu-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .edu .ranking .edu-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #fdf1f6;
      border-radius: 20px; }
      .edu .ranking .edu-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .edu .ranking .edu-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .edu .ranking .edu-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .edu .ranking .edu-ranking-list .ranking-list-box-cv2 {
        width: 100%; }
        .edu .ranking .edu-ranking-list .ranking-list-box-cv2-btn {
          width: 50%;
          height: auto;
          line-height: 1.4;
          padding: 1rem;
          font-size: 1.2rem;
          border-radius: 50px; }
          @media only screen and (max-width: 767px) {
            .edu .ranking .edu-ranking-list .ranking-list-box-cv2-btn {
              width: 90%; } }
      .edu .ranking .edu-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .edu .ranking .edu-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .edu .ranking .edu-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .edu .ranking .edu-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .edu .ranking .edu-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .edu .ranking .edu-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .edu .ranking .edu-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .edu .ranking .edu-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .edu .ranking .edu-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .edu .ranking .edu-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap {
          display: flex;
          justify-content: center;
          gap: 2rem; }
          @media only screen and (max-width: 767px) {
            .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap {
              gap: 1.5rem; } }
          .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi {
            background-color: #fdfacc;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1rem;
            width: 70%;
            position: relative;
            z-index: 1; }
            @media only screen and (max-width: 767px) {
              .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi {
                padding: .5rem; } }
            .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi:after {
              position: absolute;
              display: inline-block;
              content: '';
              z-index: 2;
              top: 50%;
              right: -14px;
              transform: translateY(-50%);
              z-index: 0;
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 8px solid transparent;
              border-bottom: 8px solid transparent;
              border-left: 17px solid #fdfacc;
              border-right: 0; }
            .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi-txt {
              text-align: center;
              font-size: .8rem; }
          .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap-cv {
            width: 29%; }
            @media only screen and (max-width: 767px) {
              .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap-cv {
                width: 35%; } }
            .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap-cv-btn {
              width: 100%;
              font-size: 1.4rem; }
              @media only screen and (max-width: 767px) {
                .edu .ranking .edu-ranking-list .ranking-list-box-inner-fukidashiwrap-cv-btn {
                  font-size: .9rem; } }
        .edu .ranking .edu-ranking-list .ranking-list-box-inner-ttl {
          background-color: #f8a5c3;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .edu .ranking .edu-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .edu .ranking .edu-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .edu .ranking .edu-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .edu .ranking .edu-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .edu .ranking .edu-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .edu .ranking .edu-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/edu/edu_check.png) no-repeat;
                background-size: contain; }
        .edu .ranking .edu-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .edu .ranking .edu-ranking-list .ranking-list-box-inner-specbox th {
            background-color: #f8a5c3;
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #fdf1f6; }
          .edu .ranking .edu-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #fdf1f6;
            border-bottom: 0.5rem solid #fdf1f6;
            font-size: .8rem;
            padding: .5rem; }
        .edu .ranking .edu-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .edu .ranking .edu-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
        .edu .ranking .edu-ranking-list .ranking-list-box-inner-com {
          margin: 1rem auto; }
          .edu .ranking .edu-ranking-list .ranking-list-box-inner-com-item-card {
            background-color: #fff;
            padding: 1rem 2.5rem;
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .edu .ranking .edu-ranking-list .ranking-list-box-inner-com-item-card-comment {
              display: flex;
              gap: .2rem;
              flex-direction: column; }
              .edu .ranking .edu-ranking-list .ranking-list-box-inner-com-item-card-comment-ttl {
                font-size: 1.2rem;
                text-align: center; }
              .edu .ranking .edu-ranking-list .ranking-list-box-inner-com-item-card-comment-link {
                text-align: right;
                font-size: .8rem; }
            .edu .ranking .edu-ranking-list .ranking-list-box-inner-com-item-card-img {
              width: 60%;
              margin: auto; }
  .edu-survey {
    margin-top: 2rem; }

.es-edu .edu-cv-btn {
  background-color: #ff5e40;
  box-shadow: 0 8px 0 #821400;
  animation-name: es-edu-cvmove; }
@keyframes es-edu-cvmove {
  0% {
    box-shadow: 0 8px 0 #821400;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #821400;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #821400;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #821400;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #821400;
    transform: translatey(0); } }
.es-edu .edu-top3-container .flex {
  background-color: #fef9f1; }
.es-edu .edu-top3-container .ttl {
  background-color: #fdc56f; }
.es-edu .edu-howto-content {
  background-color: #fef9f1; }
  .es-edu .edu-howto-content-hikaku .ttl {
    background-color: #fdc56f; }
  .es-edu .edu-howto-content-hikaku .tablet {
    grid-area: tablet;
    background-color: #fef686; }
    .es-edu .edu-howto-content-hikaku .tablet-time {
      grid-area: tablet-time;
      background-color: #fdfacc; }
    .es-edu .edu-howto-content-hikaku .tablet-place {
      grid-area: tablet-place;
      background-color: #fdfacc; }
    .es-edu .edu-howto-content-hikaku .tablet-pickup {
      grid-area: tablet-pickup;
      background-color: #fdfacc; }
    .es-edu .edu-howto-content-hikaku .tablet-subject {
      grid-area: tablet-subject;
      background-color: #fdfacc; }
    .es-edu .edu-howto-content-hikaku .tablet-advice {
      grid-area: tablet-advice;
      background-color: #fdfacc; }
  .es-edu .edu-howto-content-txt-big {
    color: #ff5e40; }
.es-edu .edu-season-list-inner-content-wrap {
  background-color: #fef9f1; }
.es-edu .ranking-title {
  background-color: #fdc56f; }
  .es-edu .ranking-title:after {
    border-top: 20px solid #fdc56f; }
.es-edu .ranking .edu-ranking-list .ranking-list-box {
  background-color: #fef9f1; }
  .es-edu .ranking .edu-ranking-list .ranking-list-box-inner-ttl {
    background-color: #fdc56f; }
  .es-edu .ranking .edu-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
    background: url(../img/feature/edu/es_edu_check.png) no-repeat;
    background-size: contain; }
  .es-edu .ranking .edu-ranking-list .ranking-list-box-inner-specbox {
    margin: 1.5rem auto .5rem;
    border: none; }
    .es-edu .ranking .edu-ranking-list .ranking-list-box-inner-specbox th {
      background-color: #fdc56f;
      border: 1px solid #fef9f1; }
    .es-edu .ranking .edu-ranking-list .ranking-list-box-inner-specbox td {
      border: 1px solid #fef9f1;
      border-bottom: 0.5rem solid #fef9f1;
      font-size: .8rem;
      padding: .5rem; }

.edu-tab {
  margin: 1rem auto 0;
  max-width: 1000px; }
  .edu-tab-list {
    margin-top: 1rem;
    max-width: 1000px;
    display: flex;
    justify-content: center;
    align-items: end;
    gap: .2rem; }
    .edu-tab-list-item {
      width: 50%;
      height: 2.5rem;
      font-size: 1rem;
      font-weight: bold;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 20px 20px 0 0; }
      .edu-tab-list-item-infant {
        background-color: #f8a5c3;
        color: #fff; }
      .edu-tab-list-item-es {
        background-color: #fdc56f;
        color: #fff; }
    .edu-tab-list-item.active {
      font-size: 1.3rem;
      height: 3rem; }
      @media only screen and (max-width: 767px) {
        .edu-tab-list-item.active {
          font-size: 1rem; } }
  .edu-tab-content-infant.active {
    border-top: 6px solid #f8a5c3; }
  .edu-tab-content-es.active {
    border-top: 6px solid #fdc56f; }
  .edu-tab-content .edu-ranking {
    padding: 0 !important; }
  .edu-tab-content-infant {
    background-color: #fdf1f6; }
    .edu-tab-content-infant .edu-type-list {
      margin-top: 1rem; }
      .edu-tab-content-infant .edu-type-list-inner-content-p {
        background-color: #fff; }
    .edu-tab-content-infant .edu-top3-container {
      margin-top: 0; }
      .edu-tab-content-infant .edu-top3-container .flex {
        background-color: #fff; }
      .edu-tab-content-infant .edu-top3-container .ttl {
        background-color: #f8a5c3; }
    .edu-tab-content-infant .edu-howto-content {
      background-color: #fff; }
      .edu-tab-content-infant .edu-howto-content-hikaku .flex {
        background-color: #fdf1f6; }
      .edu-tab-content-infant .edu-howto-content-hikaku .ttl {
        background-color: #f8a5c3; }
      .edu-tab-content-infant .edu-howto-content-hikaku .tablet {
        background-color: #fef686; }
        .edu-tab-content-infant .edu-howto-content-hikaku .tablet-time {
          background-color: #fdfacc; }
        .edu-tab-content-infant .edu-howto-content-hikaku .tablet-place {
          background-color: #fdfacc; }
        .edu-tab-content-infant .edu-howto-content-hikaku .tablet-pickup {
          background-color: #fdfacc; }
        .edu-tab-content-infant .edu-howto-content-hikaku .tablet-subject {
          background-color: #fdfacc; }
        .edu-tab-content-infant .edu-howto-content-hikaku .tablet-advice {
          background-color: #fdfacc; }
    .edu-tab-content-infant .edu-season-list-inner-content-wrap {
      background-color: #fff; }
    .edu-tab-content-infant .ranking {
      background-color: #fff; }
  .edu-tab-content-es {
    background-color: #fef9f1; }
    .edu-tab-content-es .edu-cv-btn {
      background-color: #ff5e40;
      box-shadow: 0 8px 0 #821400;
      animation-name: es-edu-cvmove; }
@keyframes es-edu-cvmove {
  0% {
    box-shadow: 0 8px 0 #821400;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #821400;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #821400;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #821400;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #821400;
    transform: translatey(0); } }
    .edu-tab-content-es .edu-type-list {
      margin-top: 1rem; }
      .edu-tab-content-es .edu-type-list-inner-content-p {
        background-color: #fff; }
    .edu-tab-content-es .edu-top3-container {
      margin-top: 0; }
      .edu-tab-content-es .edu-top3-container .flex {
        background-color: #fff; }
      .edu-tab-content-es .edu-top3-container .ttl {
        background-color: #fdc56f; }
    .edu-tab-content-es .edu-howto-content {
      background-color: #fff; }
      .edu-tab-content-es .edu-howto-content-hikaku .flex {
        background-color: #fef9f1; }
      .edu-tab-content-es .edu-howto-content-hikaku .ttl {
        background-color: #fdc56f; }
      .edu-tab-content-es .edu-howto-content-hikaku .tablet {
        background-color: #fef686; }
        .edu-tab-content-es .edu-howto-content-hikaku .tablet-time {
          background-color: #fdfacc; }
        .edu-tab-content-es .edu-howto-content-hikaku .tablet-place {
          background-color: #fdfacc; }
        .edu-tab-content-es .edu-howto-content-hikaku .tablet-pickup {
          background-color: #fdfacc; }
        .edu-tab-content-es .edu-howto-content-hikaku .tablet-subject {
          background-color: #fdfacc; }
        .edu-tab-content-es .edu-howto-content-hikaku .tablet-advice {
          background-color: #fdfacc; }
      .edu-tab-content-es .edu-howto-content-txt-big {
        color: #ff5e40; }
    .edu-tab-content-es .edu-season-list-inner-content-wrap {
      background-color: #fff; }
    .edu-tab-content-es .ranking {
      background-color: #fff; }
      .edu-tab-content-es .ranking-title {
        background-color: #fdc56f; }
        .edu-tab-content-es .ranking-title:after {
          border-top: 20px solid #fdc56f; }
      .edu-tab-content-es .ranking .edu-ranking-list .ranking-list-box {
        background-color: #fef9f1; }
        .edu-tab-content-es .ranking .edu-ranking-list .ranking-list-box-inner-ttl {
          background-color: #fdc56f; }
        .edu-tab-content-es .ranking .edu-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
          background: url(../img/feature/edu/es_edu_check.png) no-repeat;
          background-size: contain; }
        .edu-tab-content-es .ranking .edu-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .edu-tab-content-es .ranking .edu-ranking-list .ranking-list-box-inner-specbox th {
            background-color: #fdc56f;
            border: 1px solid #fef9f1; }
          .edu-tab-content-es .ranking .edu-ranking-list .ranking-list-box-inner-specbox td {
            border: 1px solid #fef9f1;
            border-bottom: 0.5rem solid #fef9f1;
            font-size: .8rem;
            padding: .5rem; }

.edusearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .edusearch {
      padding: .5rem; } }
  .edusearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .edusearch .only-pc {
      display: none; } }
  .edusearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .edusearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .edusearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .edusearch-form {
        gap: .5rem; } }
    .edusearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .edusearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .edusearch-form-wrap-sankaku {
            width: 48%; } }
        .edusearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .edusearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .edusearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .edusearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .edusearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .edusearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .edusearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .edusearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .edusearch-form-submit-txt:before {
              display: none; } }
        .edusearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .edusearch-form-submit-txt:after {
              display: none; } }
      .edusearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .edusearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .edusearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .edusearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.edukekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .edukekka-sort {
      flex-direction: column; } }
  .edukekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .edukekka-sort-now {
        width: 100%; } }
    .edukekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .edukekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .edukekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .edukekka-sort-form {
        width: 100%; } }
    .edukekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .edukekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.edukekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .edukekka-none-button {
      width: 70%; } }
  .edukekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .edukekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .edukekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .edukekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .edukekka-none-button-wrap a:hover {
        color: #808080; }

.edu .ranking-list-box-inner-com .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px; }
.edu .ranking-list-box-inner-com .swiper-button-prev, .edu .ranking-list-box-inner-com .swiper-button-next {
  color: #f8a5c3; }
.edu .ranking-list-box-inner-com .swiper-button-next:after, .edu .ranking-list-box-inner-com .swiper-button-prev:after {
  font-size: 2rem;
  padding-bottom: 9rem; }
.edu .ranking-list-box-inner-com .swiper-pagination-bullet {
  color: #f8a5c3;
  border: 1px solid #fff;
  box-sizing: content-box; }
.edu .ranking-list-box-inner-com .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f8a5c3;
  border: 1px solid #fff;
  box-sizing: content-box; }

.es-edu .ranking-list-box-inner-com .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px; }
.es-edu .ranking-list-box-inner-com .swiper-button-prev, .es-edu .ranking-list-box-inner-com .swiper-button-next {
  color: #fdc56f; }
.es-edu .ranking-list-box-inner-com .swiper-button-next:after, .es-edu .ranking-list-box-inner-com .swiper-button-prev:after {
  font-size: 2rem;
  padding-bottom: 9rem; }
.es-edu .ranking-list-box-inner-com .swiper-pagination-bullet {
  color: #fdc56f;
  border: 1px solid #fff;
  box-sizing: content-box; }
.es-edu .ranking-list-box-inner-com .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fdc56f;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*幼児教育・小学生教育LP*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.gym {
  color: #222222; }
  @media only screen and (max-width: 767px) {
    .gym {
      font-size: .9rem; } }
  .gym .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .gym img {
    margin: auto; }
  .gym-wrapper {
    padding: 0 .5rem; }
  .gym a {
    transition: 0.3s; }
    .gym a:hover {
      opacity: 0.7; }
  .gym-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .gym-ttl {
        margin: 1rem auto 0; } }
  .gym-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .gym-cv a:hover {
      opacity: 1; }
    .gym-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .gym-cv-copy-inner {
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .gym-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .gym-cv-copy-inner .small {
          font-size: 1rem; }
        .gym-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/gym/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .gym-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .gym-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/gym/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .gym-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .gym-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #ea5b8b;
      box-shadow: 0 8px 0 #682a3f;
      animation-name: gym-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .gym-cv-btn a {
        width: 100%;
        display: inline-block; }
      .gym-cv-btn a:hover {
        opacity: 1; }
@keyframes gym-cvmove {
  0% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #682a3f;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #682a3f;
    transform: translatey(0); } }
  .gym-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .gym-link {
        margin: 1rem auto 1.5rem; } }
    .gym-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .gym-link-btn {
          width: 95%; } }
      .gym-link-btn a:hover {
        opacity: 1; }
      .gym-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #222222;
        text-decoration: none;
        font-weight: bold;
        background-color: #feea81;
        box-shadow: 0 8px 0 #6a5c10;
        animation-name: gym-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .gym-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .gym-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .gym-link-btn-inner a:hover {
          opacity: 1; }
@keyframes gym-linkmove {
  0% {
    box-shadow: 0 8px 0 #6a5c10;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6a5c10;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6a5c10;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6a5c10;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6a5c10;
    transform: translatey(0); } }
        .gym-link-btn-inner-txt {
          color: #222222;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .gym-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .gym-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .gym-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .gym-type {
        margin: .5rem auto; } }
    .gym-type-ttl {
      max-width: 500px;
      margin: auto; }
    .gym-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .gym-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: 1rem; } }
      .gym-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .gym-type-list-inner {
            width: 100%; } }
        .gym-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #222222;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #6fdb9d; }
          .gym-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .gym-type-list-inner-ttl-y {
            background-color: #feea81; }
          .gym-type-list-inner-ttl-g {
            background-color: #c7c7c7; }
          .gym-type-list-inner-ttl-b {
            background-color: #222222;
            color: #fff; }
        .gym-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #222222;
          border: none;
          background-color: #f3f3f3;
          border-radius: 0 0 20px 20px;
          height: 12rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .gym-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .gym-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .gym-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .gym-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .gym-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .gym-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .gym-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .gym-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .gym-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .gym-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .gym-type-list-inner-copy {
          width: 75%; }
        .gym-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .gym-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .gym-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .gym-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .gym-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .gym-type-list-inner-cv-txt {
            color: #fff; }
          .gym-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .gym-type-kome {
      opacity: .5;
      font-size: 0.9rem;
      text-align: right;
      margin: -1rem auto 1rem;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .gym-type-kome {
          font-size: .8rem;
          text-align: center;
          margin: 0; } }
  .gym-chickenkome {
    max-width: 750px;
    margin: -1rem auto 2rem; }
    @media only screen and (max-width: 767px) {
      .gym-chickenkome {
        margin: 1rem auto 2rem; } }
    .gym-chickenkome-inner {
      padding: .5rem;
      border: 2px solid #222222;
      background-color: #f3f3f3;
      box-shadow: -4px 4px 0px #222222;
      display: flex;
      gap: .5rem;
      border-radius: 20px;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .gym-chickenkome-inner {
          flex-direction: column;
          box-shadow: -4px 4px 0px #222222;
          padding: 1rem; } }
      .gym-chickenkome-inner-logo {
        width: 30%; }
        @media only screen and (max-width: 767px) {
          .gym-chickenkome-inner-logo {
            width: 80%; } }
      .gym-chickenkome-inner-content {
        width: 69%; }
        @media only screen and (max-width: 767px) {
          .gym-chickenkome-inner-content {
            width: 100%; } }
        .gym-chickenkome-inner-content-ttl {
          font-size: 1rem; }
          @media only screen and (max-width: 767px) {
            .gym-chickenkome-inner-content-ttl {
              text-align: center; } }
        .gym-chickenkome-inner-content-txt {
          font-size: .8rem; }
  .gym-top3 {
    margin: 2rem auto; }
    .gym-top3-container {
      margin: 1rem auto;
      max-width: 750px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 4px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "lesson lesson lesson" "anken1-lesson anken2-lesson anken3-lesson" "admissionfee admissionfee admissionfee" "anken1-admissionfee anken2-admissionfee anken3-admissonfee" "costexam costexam costexam" "anken1-costexam anken2-costexam anken3-costexam" "moneyback moneyback moneyback" "anken1-moneyback anken2-moneyback anken3-moneyback" "meal meal meal" "anken1-meal anken2-meal anken3-meal" "rental rental rental" "anken1-rental anken2-rental anken3-rental" "time time time" "anken1-time anken2-time anken3-time" "tenpo tenpo tenpo" "anken1-tenpo anken2-tenpo anken3-tenpo" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      .gym-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .gym-top3-container .ttl {
        background-color: #6fdb9d;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .gym-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .2rem;
        justify-content: center; }
        .gym-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .gym-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .gym-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .gym-top3-container-inner .bnr {
              width: 80%; } }
        .gym-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .gym-top3-container-inner .eval {
          width: 5rem;
          margin: auto; }
        .gym-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .gym-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .gym-top3-container-inner-txt {
              font-size: .8rem; } }
      @media only screen and (max-width: 767px) {
        .gym-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .gym-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .gym-top3-container .feature {
        grid-area: feature; }
      .gym-top3-container .lesson {
        grid-area: lesson; }
      .gym-top3-container .admissionfee {
        grid-area: admissionfee; }
      .gym-top3-container .costexam {
        grid-area: costexam; }
      .gym-top3-container .moneyback {
        grid-area: moneyback; }
      .gym-top3-container .meal {
        grid-area: meal; }
      .gym-top3-container .rental {
        grid-area: rental; }
      .gym-top3-container .time {
        grid-area: time; }
      .gym-top3-container .tenpo {
        grid-area: tenpo; }
      .gym-top3-container .cam {
        grid-area: cam; }
      .gym-top3-container .cv {
        grid-area: cv; }
      .gym-top3-container .link {
        grid-area: link; }
      .gym-top3-container .anken1 {
        grid-area: anken1; }
        .gym-top3-container .anken1-feature {
          grid-area: anken1-feature; }
        .gym-top3-container .anken1-lesson {
          grid-area: anken1-lesson; }
        .gym-top3-container .anken1-admissionfee {
          grid-area: anken1-admissionfee; }
        .gym-top3-container .anken1-costexam {
          grid-area: anken1-costexam; }
        .gym-top3-container .anken1-moneyback {
          grid-area: anken1-moneyback; }
        .gym-top3-container .anken1-meal {
          grid-area: anken1-meal; }
        .gym-top3-container .anken1-rental {
          grid-area: anken1-rental; }
        .gym-top3-container .anken1-time {
          grid-area: anken1-time; }
        .gym-top3-container .anken1-tenpo {
          grid-area: anken1-tenpo; }
        .gym-top3-container .anken1-cam {
          grid-area: anken1-cam; }
        .gym-top3-container .anken1-cv {
          grid-area: anken1-cv; }
        .gym-top3-container .anken1-link {
          grid-area: anken1-link; }
      .gym-top3-container .anken2 {
        grid-area: anken2; }
        .gym-top3-container .anken2-feature {
          grid-area: anken2-feature; }
        .gym-top3-container .anken2-lesson {
          grid-area: anken2-lesson; }
        .gym-top3-container .anken2-admissionfee {
          grid-area: anken2-admissionfee; }
        .gym-top3-container .anken2-costexam {
          grid-area: anken2-costexam; }
        .gym-top3-container .anken2-moneyback {
          grid-area: anken2-moneyback; }
        .gym-top3-container .anken2-meal {
          grid-area: anken2-meal; }
        .gym-top3-container .anken2-rental {
          grid-area: anken2-rental; }
        .gym-top3-container .anken2-time {
          grid-area: anken2-time; }
        .gym-top3-container .anken2-tenpo {
          grid-area: anken2-tenpo; }
        .gym-top3-container .anken2-cam {
          grid-area: anken2-cam; }
        .gym-top3-container .anken2-cv {
          grid-area: anken2-cv; }
        .gym-top3-container .anken2-link {
          grid-area: anken2-link; }
      .gym-top3-container .anken3 {
        grid-area: anken3; }
      .gym-top3-container-feature {
        grid-area: anken3-feature; }
      .gym-top3-container-lesson {
        grid-area: anken3-lesson; }
      .gym-top3-container-admissonfee {
        grid-area: anken3-admissonfee; }
      .gym-top3-container-costexam {
        grid-area: anken3-costexam; }
      .gym-top3-container-moneyback {
        grid-area: anken3-moneyback; }
      .gym-top3-container-meal {
        grid-area: anken3-meal; }
      .gym-top3-container-rental {
        grid-area: anken3-rental; }
      .gym-top3-container-time {
        grid-area: anken3-time; }
      .gym-top3-container-tenpo {
        grid-area: anken3-tenpo; }
      .gym-top3-container-cam {
        grid-area: anken3-cam; }
      .gym-top3-container-cv {
        grid-area: anken3-cv; }
      .gym-top3-container-link {
        grid-area: anken3-link; }
    .gym-top3-presents {
      text-align: right;
      font-size: .8rem;
      color: #808080;
      max-width: 750px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .gym-top3-presents {
          font-size: .6rem;
          margin: -0.5rem auto -1rem !important; } }
  .gym-season {
    margin: 0 auto; }
    .gym-season-list {
      display: flex;
      justify-content: center;
      max-width: 700px;
      gap: 1rem;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .gym-season-list {
          flex-direction: column; } }
      .gym-season-list-fukidashi {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem; }
        .gym-season-list-fukidashi-inner {
          position: relative;
          font-weight: bold;
          font-size: 1rem; }
          .gym-season-list-fukidashi-inner:before {
            position: absolute;
            top: 50%;
            left: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/gym/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .gym-season-list-fukidashi-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .gym-season-list-fukidashi-inner:after {
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/gym/fukidashi_r.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .gym-season-list-fukidashi-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .gym-season-list-inner {
        width: 100%; }
        .gym-season-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #222222;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #feea81; }
          @media only screen and (max-width: 767px) {
            .gym-season-list-inner-ttl {
              padding: .5rem; } }
          .gym-season-list-inner-ttl-big {
            font-size: 1.5rem; }
        .gym-season-list-inner-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-top: none;
          color: #222222;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .gym-season-list-inner-content {
              height: auto; } }
          .gym-season-list-inner-content-name {
            padding: .5rem;
            background-color: #fdfbe1;
            width: 100%;
            display: inline-block; }
            .gym-season-list-inner-content-name a {
              margin: auto;
              display: inline-block; }
            .gym-season-list-inner-content-name .logo {
              width: 65%;
              margin: auto; }
          .gym-season-list-inner-content-wrap {
            width: 100%;
            padding: .5rem .5rem 1rem;
            display: flex;
            flex-direction: column;
            gap: .5rem 0;
            border-radius: 0 0 20px 20px;
            background-color: #f3f3f3; }
            @media only screen and (max-width: 767px) {
              .gym-season-list-inner-content-wrap {
                min-height: inherit; } }
            .gym-season-list-inner-content-wrap-txt .big {
              font-size: 1.4rem;
              font-weight: bold;
              padding: 0 .2rem; }
            .gym-season-list-inner-content-wrap-txt .small {
              font-size: .6rem; }
            .gym-season-list-inner-content-wrap-cv {
              width: 60%;
              margin: auto; }
              @media only screen and (max-width: 767px) {
                .gym-season-list-inner-content-wrap-cv {
                  width: 80%; } }
        .gym-season-list-inner-cv {
          width: 80%;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .gym-season-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .gym-season-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .gym-season-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .gym-season-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .gym-season-list-inner-cv-txt {
            color: #fff; }
          .gym-season-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .gym-season-presents {
      text-align: right;
      font-size: .8rem;
      color: #808080;
      max-width: 750px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .gym-season-presents {
          font-size: .6rem;
          text-align: center;
          margin: -0.5rem auto 0 !important; } }
  .gym-column {
    margin: 1rem auto;
    max-width: 750px; }
    .gym-column-content {
      margin: .5rem auto;
      padding: 1.5rem;
      background-color: #f3f3f3;
      display: flex;
      justify-content: center;
      gap: 1rem;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .gym-column-content {
          padding: 1.5rem 1rem; } }
      .gym-column-content-txt {
        text-align: center; }
        .gym-column-content-txt-big {
          font-size: 1.2rem;
          color: #ea5b8b;
          font-weight: bold; }
  .gym .ranking-title {
    z-index: 0;
    background-color: #6fdb9d; }
    .gym .ranking-title-img {
      display: inline-block;
      max-width: 500px;
      margin: auto; }
    .gym .ranking-title:after {
      top: 100%;
      border-top: 20px solid #6fdb9d; }
  .gym .ranking .gym-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .gym .ranking .gym-ranking {
        padding: 0 .5rem; } }
    .gym .ranking .gym-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #fefad3; }
    .gym .ranking .gym-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .gym .ranking .gym-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #80610d; }
    .gym .ranking .gym-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .gym .ranking .gym-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .gym .ranking .gym-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f3f3;
      border-radius: 20px; }
      .gym .ranking .gym-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .gym .ranking .gym-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .gym .ranking .gym-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .gym .ranking .gym-ranking-list .ranking-list-box-cv2 {
        width: 100%; }
        .gym .ranking .gym-ranking-list .ranking-list-box-cv2-btn {
          width: 50%;
          height: auto;
          line-height: 1.2;
          padding: 1rem;
          border-radius: 50px; }
          @media only screen and (max-width: 767px) {
            .gym .ranking .gym-ranking-list .ranking-list-box-cv2-btn {
              width: 90%; } }
      .gym .ranking .gym-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .gym .ranking .gym-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .gym .ranking .gym-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .gym .ranking .gym-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .gym .ranking .gym-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .gym .ranking .gym-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .gym .ranking .gym-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .gym .ranking .gym-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .gym .ranking .gym-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .gym .ranking .gym-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap {
          display: flex;
          justify-content: center;
          gap: 2rem; }
          @media only screen and (max-width: 767px) {
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap {
              gap: 1.5rem; } }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi {
            background-color: #fdfbe1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1rem;
            width: 70%;
            position: relative;
            z-index: 1; }
            @media only screen and (max-width: 767px) {
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi {
                padding: .5rem; } }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi:after {
              position: absolute;
              display: inline-block;
              content: '';
              z-index: 2;
              top: 50%;
              right: -14px;
              transform: translateY(-50%);
              z-index: 0;
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 8px solid transparent;
              border-bottom: 8px solid transparent;
              border-left: 17px solid #fdfbe1;
              border-right: 0; }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi-txt {
              text-align: center;
              font-size: .8rem; }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap-cv {
            width: 29%; }
            @media only screen and (max-width: 767px) {
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap-cv {
                width: 35%; } }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap-cv-btn {
              width: 100%;
              font-size: 1.4rem; }
              @media only screen and (max-width: 767px) {
                .gym .ranking .gym-ranking-list .ranking-list-box-inner-fukidashiwrap-cv-btn {
                  font-size: .9rem; } }
        .gym .ranking .gym-ranking-list .ranking-list-box-inner-ttl {
          background-color: #6fdb9d;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .gym .ranking .gym-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/gym/gym_check.png) no-repeat;
                background-size: contain; }
        .gym .ranking .gym-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-specbox th {
            background-color: #6fdb9d;
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f3f3; }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f3f3;
            border-bottom: 0.5rem solid #f3f3f3;
            font-size: .8rem;
            padding: .5rem; }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-specbox-presents {
            text-align: right;
            font-size: .8rem;
            color: #808080;
            max-width: 750px;
            margin: -.5rem auto !important; }
            @media only screen and (max-width: 767px) {
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-specbox-presents {
                font-size: .6rem;
                margin: -0.5rem auto 0.5rem !important; } }
        .gym .ranking .gym-ranking-list .ranking-list-box-inner-chickenkome {
          margin: 1rem auto 2rem; }
          @media only screen and (max-width: 767px) {
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-chickenkome {
              margin: 0 auto 1rem; } }
        .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #c7c7c7;
            color: #222222;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 20%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #222222 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 20%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #222222 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #c7c7c7;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .gym .ranking .gym-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .gym .ranking .gym-ranking-list .ranking-list-box-inner-com {
          margin: 1rem auto; }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-com-item-card {
            background-color: #fff;
            padding: 1rem 2.5rem;
            border-radius: 20px;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-com-item-card-comment {
              display: flex;
              gap: .2rem;
              flex-direction: column; }
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-com-item-card-comment-ttl {
                font-size: 1.2rem;
                text-align: center; }
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-com-item-card-comment-link {
                text-align: right;
                font-size: .8rem; }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-com-item-card-img {
              width: 60%;
              margin: auto; }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-com-presents {
            text-align: right;
            font-size: .8rem;
            color: #808080;
            max-width: 750px;
            margin: -.5rem auto -1rem !important; }
            @media only screen and (max-width: 767px) {
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-com-presents {
                font-size: .6rem;
                margin: -0.5rem auto 0.5rem !important; } }
        .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam {
          margin: 2rem auto 1rem;
          max-width: 500px; }
          @media only screen and (max-width: 767px) {
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam {
              margin: 1rem auto; } }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam-ttl {
            background-color: #feea81;
            color: #222222;
            font-weight: bold; }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam-content {
            position: relative;
            width: 100%;
            background-color: #fff;
            padding: 1rem 2rem;
            text-align: center;
            min-height: 4rem;
            border-top: none; }
            @media only screen and (max-width: 767px) {
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam-content {
                padding: 1rem 3.5rem; } }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam-content:before {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: 1rem;
              display: inline-block;
              width: 3em;
              height: 3rem;
              content: '';
              background: url(../img/feature/gym/gift_icon.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam-content:before {
                  left: .5rem; } }
            .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam-content:after {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 1rem;
              display: inline-block;
              width: 3em;
              height: 3rem;
              content: '';
              background: url(../img/feature/gym/gift_icon.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam-content:after {
                  right: .5rem; } }
          .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam-presents {
            text-align: center;
            font-size: .8rem;
            color: #808080;
            max-width: 750px;
            margin: 1rem auto !important; }
            @media only screen and (max-width: 767px) {
              .gym .ranking .gym-ranking-list .ranking-list-box-inner-cam-presents {
                font-size: .6rem;
                margin: -0.5rem auto 0.5rem !important; } }
  .gym-survey {
    margin-top: 2rem; }

.gymsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .gymsearch {
      padding: .5rem; } }
  .gymsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .gymsearch .only-pc {
      display: none; } }
  .gymsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .gymsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .gymsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .gymsearch-form {
        gap: .5rem; } }
    .gymsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .gymsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .gymsearch-form-wrap-sankaku {
            width: 48%; } }
        .gymsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .gymsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .gymsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .gymsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .gymsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .gymsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .gymsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .gymsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .gymsearch-form-submit-txt:before {
              display: none; } }
        .gymsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .gymsearch-form-submit-txt:after {
              display: none; } }
      .gymsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .gymsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .gymsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .gymsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.gymkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .gymkekka-sort {
      flex-direction: column; } }
  .gymkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .gymkekka-sort-now {
        width: 100%; } }
    .gymkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .gymkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .gymkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .gymkekka-sort-form {
        width: 100%; } }
    .gymkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .gymkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.gymkekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .gymkekka-none-button {
      width: 70%; } }
  .gymkekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .gymkekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .gymkekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .gymkekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .gymkekka-none-button-wrap a:hover {
        color: #808080; }

.gym .ranking-list-box-inner-com .swiper-button-prev, .gym .ranking-list-box-inner-com .swiper-button-next {
  color: #6fdb9d; }
.gym .ranking-list-box-inner-com .swiper-button-next:after, .gym .ranking-list-box-inner-com .swiper-button-prev:after {
  font-size: 2rem;
  padding-bottom: 9rem; }
.gym .ranking-list-box-inner-com .swiper-pagination-bullet {
  color: #6fdb9d;
  border: 1px solid #fff;
  box-sizing: content-box; }
.gym .ranking-list-box-inner-com .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #6fdb9d;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*パーソナルLP*/
/* detectiveLP   feature　
----------------------------------------------------------------------------------------------*/
.englishnew {
  color: #000; }
  @media only screen and (max-width: 767px) {
    .englishnew {
      font-size: .9rem; } }
  .englishnew .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .englishnew img {
    margin: auto; }
  .englishnew-bgwrap {
    background-color: #fbfbfb; }
    .englishnew-bgwrap-inner {
      max-width: 750px;
      margin: auto;
      background-color: #fff; }
  .englishnew-wrapper {
    padding: 0 .5rem; }
  .englishnew a {
    transition: 0.3s; }
    .englishnew a:hover {
      opacity: 0.7; }
  .englishnew-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .englishnew-ttl {
        margin: 1rem auto 0; } }
  .englishnew-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .englishnew-cv a:hover {
      opacity: 1 !important; }
    .englishnew-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .englishnew-cv-copy-inner {
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .englishnew-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .englishnew-cv-copy-inner .small {
          font-size: 1rem; }
        .englishnew-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .englishnew-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .englishnew-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .englishnew-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .englishnew-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #ed524e;
      box-shadow: 0 8px 0 #6e211f;
      animation-name: english-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .englishnew-cv-btn a:hover {
        opacity: 1; }
@keyframes english-cvmove {
  0% {
    box-shadow: 0 8px 0 #6e211f;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6e211f;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6e211f;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6e211f;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6e211f;
    transform: translatey(0); } }
  .englishnew-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .englishnew-link {
        margin: 1rem auto 1.5rem; } }
    .englishnew-link-copy {
      font-size: 1.5rem;
      font-weight: bold;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .englishnew-link-copy {
          font-size: 1.3rem; } }
      .englishnew-link-copy-fukidashi {
        display: inline-block;
        position: relative; }
        .englishnew-link-copy-fukidashi:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          width: 1rem;
          height: 1rem;
          content: '';
          background: url(../img/feature/english/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .englishnew-link-copy-fukidashi:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          width: 1rem;
          height: 1rem;
          content: '';
          background: url(../img/feature/english/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .englishnew-link-btn {
      width: 70%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .englishnew-link-btn {
          width: 95%; } }
      .englishnew-link-btn a:hover {
        opacity: 1; }
      .englishnew-link-btn-inner {
        background-color: #fef159;
        display: flex;
        justify-content: center;
        gap: 0.2rem;
        align-items: end;
        border-radius: 30px;
        padding: .5rem 1rem;
        box-shadow: 0 8px 0 #877d02;
        animation-name: english-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .englishnew-link-btn-inner {
            border-radius: 40px; } }
@keyframes english-linkmove {
  0% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #877d02;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); } }
        .englishnew-link-btn-inner-txt {
          color: #000;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .englishnew-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .englishnew-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .englishnew-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .englishnew-type {
        margin: .5rem auto; } }
    .englishnew-type-ttl {
      max-width: 500px;
      margin: auto; }
    .englishnew-type-list {
      margin-top: 1rem; }
      @media only screen and (max-width: 767px) {
        .englishnew-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: 1rem; } }
      .englishnew-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .englishnew-type-list-inner {
            width: 100%; } }
        .englishnew-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          background-color: #446661;
          border-radius: 20px 20px 0 0; }
          .englishnew-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .englishnew-type-list-inner-ttl-y {
            background-color: #f9ef7b;
            color: #000; }
          .englishnew-type-list-inner-ttl-g {
            background-color: #c7c7c7;
            color: #000; }
          .englishnew-type-list-inner-ttl-ybg {
            background-color: #fff5c4;
            color: #000; }
          .englishnew-type-list-inner-ttl-n {
            background-color: #03294e; }
          .englishnew-type-list-inner-ttl-by {
            background-color: #fef159;
            color: #000; }
        .englishnew-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #000;
          background-color: #fef9f5;
          border-radius: 0 0 20px 20px;
          border: none;
          height: 12rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .englishnew-type-list-inner-content {
              padding: 1rem;
              height: auto; } }
          .englishnew-type-list-inner-content-b {
            background-color: #f3f3f3; }
          .englishnew-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .englishnew-type-list-inner-content-wrap {
                gap: 0; } }
            .englishnew-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .englishnew-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .englishnew-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .englishnew-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .englishnew-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .englishnew-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .englishnew-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .englishnew-type-list-inner-content .name {
            font-weight: bold;
            font-size: .9rem;
            color: #337ab7; }
        .englishnew-type-list-inner-copy {
          width: 75%; }
        .englishnew-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .englishnew-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .englishnew-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .englishnew-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .englishnew-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .englishnew-type-list-inner-cv-txt {
            color: #fff; }
          .englishnew-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .englishnew-fact {
    background-color: #446661;
    margin: 0rem auto 3rem;
    position: relative;
    padding-top: 1rem; }
    .englishnew-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: 0;
      border-left: 60px solid transparent;
      border-top: 40px solid #446661;
      border-bottom: 0; }
    .englishnew-fact-ttl {
      max-width: 500px;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .englishnew-fact-ttl {
          padding: 0 .5rem; } }
    .englishnew-fact-container {
      margin: 1rem auto;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .englishnew-fact-container {
          padding: 0 .5rem 1rem; } }
      .englishnew-fact-container-img {
        margin: 0 auto;
        max-width: 500px; }
      .englishnew-fact-container-kome {
        font-size: .6rem;
        max-width: 500px;
        margin: -1.7rem auto .5rem; }
        @media only screen and (max-width: 767px) {
          .englishnew-fact-container-kome {
            font-size: .5rem; } }
        .englishnew-fact-container-kome a {
          text-decoration: none;
          color: #fff;
          transition: .3s; }
        .englishnew-fact-container-kome a:hover {
          opacity: 0.7; }
      .englishnew-fact-container-txt {
        margin-top: .5rem;
        text-align: center;
        line-height: 1.5;
        color: #fff !important; }
    .englishnew-fact-kids {
      background-color: #fff5c4; }
      .englishnew-fact-kids:before {
        border-style: solid;
        border-right: 60px solid transparent;
        border-left: 60px solid transparent;
        border-top: 40px solid #fff5c4;
        border-bottom: 0; }
      .englishnew-fact-kids-kome a {
        color: #446661; }
      .englishnew-fact-kids-txt {
        color: #446661 !important; }
  .englishnew-season {
    margin-bottom: 2rem; }
    .englishnew-season-ttl {
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .englishnew-season-ttl {
          margin: 1rem auto; } }
    .englishnew-season-bnr {
      max-width: 750px;
      margin: 1rem auto; }
  .englishnew-vs {
    margin: 2rem auto; }
    .englishnew-vs-container {
      max-width: 500px;
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr 5rem 1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "online white go" "online-lesson lesson go-lesson" "online-monthly monthly go-monthly" "online-textbook textbook go-textbook" "online-time time go-time" "online-style style go-style"; }
      @media only screen and (max-width: 767px) {
        .englishnew-vs-container {
          grid-template-columns: 1fr 3rem 1fr; } }
      .englishnew-vs-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        background-color: #fef9f5; }
      .englishnew-vs-container .ttl {
        background-color: #c7c7c7;
        color: #fff;
        font-size: .9rem;
        padding: .5rem;
        text-align: center;
        line-height: 1.2; }
        @media only screen and (max-width: 767px) {
          .englishnew-vs-container .ttl {
            font-size: .7rem; } }
      .englishnew-vs-container-inner {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: .2rem; }
        .englishnew-vs-container-inner-eval {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 0.2rem;
          background-color: #fff;
          padding: 0.5rem 0.8rem;
          border-radius: 20px;
          position: relative; }
          .englishnew-vs-container-inner-eval:before {
            position: absolute;
            left: 50%;
            top: -4px;
            transform: translatex(-50%);
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
            border-bottom: 5px solid #fff;
            border-top: 0;
            content: '';
            height: 0;
            width: 0; }
          .englishnew-vs-container-inner-eval-txt {
            font-size: .8rem;
            text-align: center; }
          .englishnew-vs-container-inner-eval-img {
            width: 1.2rem; }
            @media only screen and (max-width: 767px) {
              .englishnew-vs-container-inner-eval-img {
                width: 1rem; } }
        .englishnew-vs-container-inner-txt {
          text-align: center;
          font-size: 1rem; }
          @media only screen and (max-width: 767px) {
            .englishnew-vs-container-inner-txt {
              font-size: .8rem; } }
      .englishnew-vs-container .white {
        grid-area: white; }
      .englishnew-vs-container .lesson {
        grid-area: lesson; }
      .englishnew-vs-container .monthly {
        grid-area: monthly; }
      .englishnew-vs-container .textbook {
        grid-area: textbook; }
      .englishnew-vs-container .time {
        grid-area: time; }
      .englishnew-vs-container .style {
        grid-area: style; }
      .englishnew-vs-container .online {
        grid-area: online;
        background-color: #fefbd7; }
        .englishnew-vs-container .online-lesson {
          grid-area: online-lesson;
          background-color: #fefbd7; }
        .englishnew-vs-container .online-monthly {
          grid-area: online-monthly;
          background-color: #fefbd7; }
        .englishnew-vs-container .online-textbook {
          grid-area: online-textbook;
          background-color: #fefbd7; }
        .englishnew-vs-container .online-time {
          grid-area: online-time;
          background-color: #fefbd7; }
        .englishnew-vs-container .online-style {
          grid-area: online-style;
          background-color: #fefbd7; }
      .englishnew-vs-container .go {
        grid-area: go;
        background-color: #446661;
        color: #fff; }
        .englishnew-vs-container .go-lesson {
          grid-area: go-lesson; }
        .englishnew-vs-container .go-monthly {
          grid-area: go-monthly; }
        .englishnew-vs-container .go-textbook {
          grid-area: go-textbook; }
        .englishnew-vs-container .go-time {
          grid-area: go-time; }
        .englishnew-vs-container .go-style {
          grid-area: go-style; }
  .englishnew-column {
    margin: 2rem auto; }
    .englishnew-column-content {
      max-width: 750px;
      margin: 1rem auto;
      background-color: #fef9f5;
      padding: 1rem 2rem; }
      @media only screen and (max-width: 767px) {
        .englishnew-column-content {
          padding: 1rem 1.5rem; } }
      .englishnew-column-content-txt {
        text-align: center;
        margin-bottom: 1rem; }
      .englishnew-column-content-point {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 70%;
        margin: 0 auto 1rem; }
        @media only screen and (max-width: 767px) {
          .englishnew-column-content-point {
            width: 100%; } }
        .englishnew-column-content-point-wrap {
          display: flex;
          flex-direction: column;
          width: 100%; }
          .englishnew-column-content-point-wrap-ttl {
            background-color: #446661;
            color: #fff;
            padding: .2rem;
            text-align: center; }
          .englishnew-column-content-point-wrap-content {
            background-color: #fff;
            padding: .5rem;
            text-align: center; }
  .englishnew-kidshikaku {
    margin: 1rem auto 0; }
    .englishnew-kidshikaku-ttl {
      max-width: 500px;
      margin: 1rem auto; }
    .englishnew-kidshikaku-container {
      max-width: 750px;
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 0px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "purpose purpose purpose" "anken1-purpose anken2-purpose anken3-purpose" "monthly monthly monthly" "anken1-monthly anken2-monthly anken3-monthly" "lesson lesson lesson" "anken1-lesson anken2-lesson anken3-lesson" "age age age" "anken1-age anken2-age anken3-age" "teacher teacher teacher" "anken1-teacher anken2-teacher anken3-teacher" "reserve reserve reserve" "anken1-reserve anken2-reserve anken3-reserve" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      .englishnew-kidshikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        background-color: #fef9f5; }
      .englishnew-kidshikaku-container .ico-rank {
        width: 30%;
        margin: 0 auto 0.5rem !important; }
      .englishnew-kidshikaku-container-linkinner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .englishnew-kidshikaku-container-list {
        max-width: 90%;
        margin: auto; }
        .englishnew-kidshikaku-container-list li {
          position: relative;
          padding-left: 1rem;
          font-size: .9rem; }
          .englishnew-kidshikaku-container-list li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #446661;
            border-radius: 50%;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .englishnew-kidshikaku-container-inner {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: .5rem; }
        .englishnew-kidshikaku-container-inner-eval {
          width: 20%;
          margin: auto; }
        .englishnew-kidshikaku-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .englishnew-kidshikaku-container-inner-txt {
              font-size: .8rem; } }
      .englishnew-kidshikaku-container-txt {
        text-align: center; }
      .englishnew-kidshikaku-container-cv {
        width: 90%;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .englishnew-kidshikaku-container-cv {
            width: 100%; } }
        .englishnew-kidshikaku-container-cv-copy {
          font-size: .9rem;
          text-align: center;
          font-weight: bold; }
        .englishnew-kidshikaku-container-cv-wrap {
          width: 100%; }
        .englishnew-kidshikaku-container-cv-btn {
          width: 90%; }
          @media only screen and (max-width: 767px) {
            .englishnew-kidshikaku-container-cv-btn {
              font-size: 1rem; } }
      .englishnew-kidshikaku-container-link {
        width: 90%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .englishnew-kidshikaku-container-link {
            width: 95%; } }
        .englishnew-kidshikaku-container-link a:hover {
          opacity: 1; }
        .englishnew-kidshikaku-container-link-btn {
          width: 100%;
          background-color: #446661;
          display: flex;
          justify-content: center;
          gap: 0.2rem;
          align-items: center;
          border-radius: 30px;
          padding: .5rem 1rem;
          box-shadow: 0 8px 0 #101716;
          animation-name: englishnew-kidslinkmove;
          animation-delay: 0s;
          /* アニメーションの開始時間指定 */
          animation-duration: 3s;
          /* アニメーション動作時間の指定 */
          animation-timing-function: linear;
          /* アニメーションの動き（一定）*/
          animation-iteration-count: infinite;
          /* アニメーションを繰り返す */ }
          @media only screen and (max-width: 767px) {
            .englishnew-kidshikaku-container-link-btn {
              border-radius: 40px; } }
@keyframes englishnew-kidslinkmove {
  0% {
    box-shadow: 0 8px 0 #101716;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #101716;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #101716;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #101716;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #101716;
    transform: translatey(0); } }
          .englishnew-kidshikaku-container-link-btn-txt {
            color: #000;
            font-weight: bold;
            font-size: 1.1rem;
            text-align: center; }
            .englishnew-kidshikaku-container-link-btn-txt-big {
              font-size: 1.6rem; }
              @media only screen and (max-width: 767px) {
                .englishnew-kidshikaku-container-link-btn-txt-big {
                  font-size: 1.4rem; } }
      .englishnew-kidshikaku-container .border {
        border-left: 0.25rem solid #fff;
        border-right: 0.25rem solid #fff; }
        @media only screen and (max-width: 767px) {
          .englishnew-kidshikaku-container .border {
            border-left: 0.15rem solid #fff;
            border-right: 0.15rem solid #fff; } }
      .englishnew-kidshikaku-container .ttl {
        background-color: #446661;
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        text-align: center; }
      .englishnew-kidshikaku-container .purpose {
        grid-area: purpose; }
      .englishnew-kidshikaku-container .monthly {
        grid-area: monthly; }
      .englishnew-kidshikaku-container .lesson {
        grid-area: lesson; }
      .englishnew-kidshikaku-container .age {
        grid-area: age; }
      .englishnew-kidshikaku-container .teacher {
        grid-area: teacher; }
      .englishnew-kidshikaku-container .reserve {
        grid-area: reserve; }
      .englishnew-kidshikaku-container .feature {
        grid-area: feature; }
      .englishnew-kidshikaku-container .cam {
        grid-area: cam; }
      .englishnew-kidshikaku-container .cv {
        grid-area: cv; }
      .englishnew-kidshikaku-container .link {
        grid-area: link; }
      .englishnew-kidshikaku-container .anken1 {
        grid-area: anken1; }
        .englishnew-kidshikaku-container .anken1-purpose {
          grid-area: anken1-purpose;
          border-left: none; }
        .englishnew-kidshikaku-container .anken1-monthly {
          grid-area: anken1-monthly;
          border-left: none; }
        .englishnew-kidshikaku-container .anken1-lesson {
          grid-area: anken1-lesson;
          border-left: none; }
        .englishnew-kidshikaku-container .anken1-age {
          grid-area: anken1-age;
          border-left: none; }
        .englishnew-kidshikaku-container .anken1-teacher {
          grid-area: anken1-teacher;
          border-left: none; }
        .englishnew-kidshikaku-container .anken1-reserve {
          grid-area: anken1-reserve;
          border-left: none; }
        .englishnew-kidshikaku-container .anken1-feature {
          grid-area: anken1-feature;
          border-left: none; }
        .englishnew-kidshikaku-container .anken1-cam {
          grid-area: anken1-cam;
          border-left: none; }
        .englishnew-kidshikaku-container .anken1-cv {
          grid-area: anken1-cv;
          padding-bottom: 1rem;
          border-left: none; }
        .englishnew-kidshikaku-container .anken1-link {
          grid-area: anken1-link;
          padding-bottom: 1rem;
          border-left: none; }
      .englishnew-kidshikaku-container .anken2 {
        grid-area: anken2; }
        .englishnew-kidshikaku-container .anken2-purpose {
          grid-area: anken2-purpose; }
        .englishnew-kidshikaku-container .anken2-monthly {
          grid-area: anken2-monthly; }
        .englishnew-kidshikaku-container .anken2-lesson {
          grid-area: anken2-lesson; }
        .englishnew-kidshikaku-container .anken2-age {
          grid-area: anken2-age; }
        .englishnew-kidshikaku-container .anken2-teacher {
          grid-area: anken2-teacher; }
        .englishnew-kidshikaku-container .anken2-reserve {
          grid-area: anken2-reserve; }
        .englishnew-kidshikaku-container .anken2-feature {
          grid-area: anken2-feature; }
        .englishnew-kidshikaku-container .anken2-cam {
          grid-area: anken2-cam; }
        .englishnew-kidshikaku-container .anken2-cv {
          grid-area: anken2-cv;
          padding-bottom: 1rem; }
        .englishnew-kidshikaku-container .anken2-link {
          grid-area: anken2-link;
          padding-bottom: 1rem; }
      .englishnew-kidshikaku-container .anken3 {
        grid-area: anken3; }
        .englishnew-kidshikaku-container .anken3-purpose {
          grid-area: anken3-purpose;
          border-right: none; }
        .englishnew-kidshikaku-container .anken3-monthly {
          grid-area: anken3-monthly;
          border-right: none; }
        .englishnew-kidshikaku-container .anken3-lesson {
          grid-area: anken3-lesson;
          border-right: none; }
        .englishnew-kidshikaku-container .anken3-age {
          grid-area: anken3-age;
          border-right: none; }
        .englishnew-kidshikaku-container .anken3-teacher {
          grid-area: anken3-teacher;
          border-right: none; }
        .englishnew-kidshikaku-container .anken3-reserve {
          grid-area: anken3-reserve;
          border-right: none; }
        .englishnew-kidshikaku-container .anken3-feature {
          grid-area: anken3-feature;
          border-right: none; }
        .englishnew-kidshikaku-container .anken3-cam {
          grid-area: anken3-cam;
          border-right: none; }
        .englishnew-kidshikaku-container .anken3-cv {
          grid-area: anken3-cv;
          padding-bottom: 1rem;
          border-right: none; }
        .englishnew-kidshikaku-container .anken3-link {
          grid-area: anken3-link;
          padding-bottom: 1rem;
          border-right: none; }
  .englishnew-hikaku {
    max-width: 750px;
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .englishnew-hikaku {
        margin: -.5rem auto; } }
    .englishnew-hikaku-ttl {
      max-width: 500px;
      margin: 1rem auto; }
    .englishnew-hikaku-container {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 0px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "monthly monthly monthly" "anken1-monthly anken2-monthly anken3-monthly" "lesson lesson lesson" "anken1-lesson anken2-lesson anken3-lesson" "from from from" "anken1-from anken2-from anken3-from" "reserve reserve reserve" "anken1-reserve anken2-reserve anken3-reserve" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      .englishnew-hikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        background-color: #fef9f5; }
      .englishnew-hikaku-container .ico-rank {
        width: 30%;
        margin: 0 auto 0.5rem !important; }
      .englishnew-hikaku-container-linkinner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
      .englishnew-hikaku-container-list {
        display: flex;
        flex-direction: column;
        gap: 0.5rem; }
        .englishnew-hikaku-container-list li {
          position: relative;
          padding-left: 1rem;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .englishnew-hikaku-container-list li {
              font-size: .8rem; } }
          .englishnew-hikaku-container-list li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #446661;
            border-radius: 50%;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .englishnew-hikaku-container-inner {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: .5rem; }
        .englishnew-hikaku-container-inner-eval {
          width: 20%;
          margin: auto; }
        .englishnew-hikaku-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .englishnew-hikaku-container-inner-txt {
              font-size: .8rem; } }
      .englishnew-hikaku-container-txt {
        text-align: center; }
      .englishnew-hikaku-container-cv {
        width: 90%;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .englishnew-hikaku-container-cv {
            width: 100%; } }
        .englishnew-hikaku-container-cv-copy {
          font-size: .9rem;
          text-align: center;
          font-weight: bold;
          position: relative;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .englishnew-hikaku-container-cv-copy {
              width: 65%;
              font-size: .8rem; } }
          .englishnew-hikaku-container-cv-copy:before {
            position: absolute;
            top: 50%;
            left: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/english/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .englishnew-hikaku-container-cv-copy:before {
                top: inherit;
                bottom: 0;
                transform: none;
                left: -1.1rem;
                width: 1rem; } }
          .englishnew-hikaku-container-cv-copy:after {
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/english/fukidashi_r.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .englishnew-hikaku-container-cv-copy:after {
                top: inherit;
                bottom: 0;
                transform: none;
                right: -1.1rem;
                width: 1rem; } }
        .englishnew-hikaku-container-cv-wrap {
          width: 100%; }
        .englishnew-hikaku-container-cv-btn {
          width: 90%; }
          @media only screen and (max-width: 767px) {
            .englishnew-hikaku-container-cv-btn {
              font-size: 1rem; } }
      .englishnew-hikaku-container-link {
        width: 90%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .englishnew-hikaku-container-link {
            width: 95%; } }
        .englishnew-hikaku-container-link a:hover {
          opacity: 1; }
        .englishnew-hikaku-container-link-btn {
          color: #000 !important;
          width: 100%;
          background-color: #fef159;
          display: flex;
          justify-content: center;
          gap: 0.2rem;
          align-items: center;
          border-radius: 30px;
          padding: .5rem 1rem;
          box-shadow: 0 8px 0 #877d02;
          animation-name: english-linkmove;
          animation-delay: 0s;
          /* アニメーションの開始時間指定 */
          animation-duration: 3s;
          /* アニメーション動作時間の指定 */
          animation-timing-function: linear;
          /* アニメーションの動き（一定）*/
          animation-iteration-count: infinite;
          /* アニメーションを繰り返す */ }
          @media only screen and (max-width: 767px) {
            .englishnew-hikaku-container-link-btn {
              border-radius: 40px; } }
@keyframes english-linkmove {
  0% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #877d02;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #877d02;
    transform: translatey(0); } }
          .englishnew-hikaku-container-link-btn-txt {
            color: #000;
            font-weight: bold;
            font-size: 1.1rem;
            text-align: center; }
            .englishnew-hikaku-container-link-btn-txt-big {
              font-size: 1.6rem; }
              @media only screen and (max-width: 767px) {
                .englishnew-hikaku-container-link-btn-txt-big {
                  font-size: 1.4rem; } }
      .englishnew-hikaku-container .border {
        border-left: 0.25rem solid #fff;
        border-right: 0.25rem solid #fff; }
        @media only screen and (max-width: 767px) {
          .englishnew-hikaku-container .border {
            border-left: 0.15rem solid #fff;
            border-right: 0.15rem solid #fff; } }
      .englishnew-hikaku-container .ttl {
        background-color: #446661;
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        text-align: center; }
      .englishnew-hikaku-container .monthly {
        grid-area: monthly; }
      .englishnew-hikaku-container .lesson {
        grid-area: lesson; }
      .englishnew-hikaku-container .from {
        grid-area: from; }
      .englishnew-hikaku-container .reserve {
        grid-area: reserve; }
      .englishnew-hikaku-container .feature {
        grid-area: feature; }
      .englishnew-hikaku-container .cam {
        grid-area: cam; }
      .englishnew-hikaku-container .cv {
        grid-area: cv; }
      .englishnew-hikaku-container .link {
        grid-area: link; }
      .englishnew-hikaku-container .anken1 {
        grid-area: anken1;
        border-left: none; }
        .englishnew-hikaku-container .anken1-monthly {
          grid-area: anken1-monthly;
          border-left: none; }
        .englishnew-hikaku-container .anken1-lesson {
          grid-area: anken1-lesson;
          border-left: none; }
        .englishnew-hikaku-container .anken1-from {
          grid-area: anken1-from;
          border-left: none; }
        .englishnew-hikaku-container .anken1-reserve {
          grid-area: anken1-reserve;
          border-left: none; }
        .englishnew-hikaku-container .anken1-feature {
          grid-area: anken1-feature;
          border-left: none; }
        .englishnew-hikaku-container .anken1-cam {
          grid-area: anken1-cam;
          border-left: none; }
        .englishnew-hikaku-container .anken1-cv {
          grid-area: anken1-cv;
          padding-bottom: 1rem;
          border-left: none; }
        .englishnew-hikaku-container .anken1-link {
          grid-area: anken1-link;
          padding: 1rem;
          border-left: none; }
      .englishnew-hikaku-container .anken2 {
        grid-area: anken2; }
        .englishnew-hikaku-container .anken2-monthly {
          grid-area: anken2-monthly; }
        .englishnew-hikaku-container .anken2-lesson {
          grid-area: anken2-lesson; }
        .englishnew-hikaku-container .anken2-from {
          grid-area: anken2-from; }
        .englishnew-hikaku-container .anken2-reserve {
          grid-area: anken2-reserve; }
        .englishnew-hikaku-container .anken2-feature {
          grid-area: anken2-feature; }
        .englishnew-hikaku-container .anken2-cam {
          grid-area: anken2-cam; }
        .englishnew-hikaku-container .anken2-cv {
          grid-area: anken2-cv;
          padding-bottom: 1rem; }
        .englishnew-hikaku-container .anken2-link {
          grid-area: anken2-link;
          padding: 1rem; }
      .englishnew-hikaku-container .anken3 {
        grid-area: anken3;
        border-right: none; }
        .englishnew-hikaku-container .anken3-monthly {
          grid-area: anken3-monthly;
          border-right: none; }
        .englishnew-hikaku-container .anken3-lesson {
          grid-area: anken3-lesson;
          border-right: none; }
        .englishnew-hikaku-container .anken3-from {
          grid-area: anken3-from;
          border-right: none; }
        .englishnew-hikaku-container .anken3-reserve {
          grid-area: anken3-reserve;
          border-right: none; }
        .englishnew-hikaku-container .anken3-feature {
          grid-area: anken3-feature;
          border-right: none; }
        .englishnew-hikaku-container .anken3-cam {
          grid-area: anken3-cam;
          border-right: none; }
        .englishnew-hikaku-container .anken3-cv {
          grid-area: anken3-cv;
          padding-bottom: 1rem;
          border-right: none; }
        .englishnew-hikaku-container .anken3-link {
          grid-area: anken3-link;
          padding: 1rem;
          border-right: none; }
  .englishnew-tab {
    margin: 2rem auto 0;
    max-width: 750px; }
    .englishnew-tab-list {
      margin-top: 1rem;
      max-width: 750px;
      display: flex;
      justify-content: center;
      align-items: end;
      gap: .2rem; }
      .englishnew-tab-list-item {
        width: 33%;
        height: 2.5rem;
        font-size: 1rem;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 20px 20px 0 0; }
        .englishnew-tab-list-item-everyday {
          background-color: #446661;
          color: #fff; }
        .englishnew-tab-list-item-business {
          background-color: #03294e;
          color: #fff; }
        .englishnew-tab-list-item-kids {
          background-color: #f9ef7b; }
      .englishnew-tab-list-item.active {
        font-size: 1.3rem;
        height: 3rem; }
        @media only screen and (max-width: 767px) {
          .englishnew-tab-list-item.active {
            font-size: 1rem; } }
    .englishnew-tab-content-everyday .englishnew-hikaku {
      margin-top: 0;
      border-top: 0.5rem solid #446661; }
    .englishnew-tab-content-business .englishnew-hikaku {
      margin-top: 0;
      border-top: 0.5rem solid #03294e; }
    .englishnew-tab-content-kids .englishnew-kidshikaku {
      margin-top: 0;
      border-top: 0.5rem solid #f9ef7b; }
      .englishnew-tab-content-kids .englishnew-kidshikaku-container {
        margin-top: 0; }
        .englishnew-tab-content-kids .englishnew-kidshikaku-container .ttl {
          background-color: #f9ef7b;
          color: #000; }
  .englishnew-kotsu {
    max-width: 750px;
    margin: 2rem auto; }
    .englishnew-kotsu-ttl {
      max-width: 300px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .englishnew-kotsu-ttl {
          max-width: 200px; } }
    .englishnew-kotsu-container {
      margin: -1rem auto 0;
      padding: 2rem 2rem 1rem;
      background-color: #fef9f5;
      border: 1px solid #446661;
      display: flex;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .englishnew-kotsu-container {
          padding: 2rem 1rem 1rem; } }
      .englishnew-kotsu-container-list {
        display: flex;
        justify-content: center;
        flex-direction: column;
        gap: .2rem; }
        @media only screen and (max-width: 767px) {
          .englishnew-kotsu-container-list {
            gap: .5rem; } }
        .englishnew-kotsu-container-list-item {
          display: flex;
          justify-content: left;
          align-items: center;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .englishnew-kotsu-container-list-item {
              justify-content: left; } }
          .englishnew-kotsu-container-list-item-maru {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/feature/english-new/english-good.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .englishnew-kotsu-container-list-item-maru {
                width: 10%; } }
          .englishnew-kotsu-container-list-item-txt {
            font-size: 1rem; }
            @media only screen and (max-width: 767px) {
              .englishnew-kotsu-container-list-item-txt {
                font-size: 1.1rem;
                line-height: 1.3; } }
            .englishnew-kotsu-container-list-item-txt .txt-big {
              font-size: 1.4rem;
              font-weight: bold; }
              @media only screen and (max-width: 767px) {
                .englishnew-kotsu-container-list-item-txt .txt-big {
                  font-size: 1.2rem; } }
  .englishnew .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .englishnew .ranking-flexwrap {
        flex-direction: column;
        gap: 0; } }
  .englishnew .ranking-title {
    background-color: #446661;
    color: #fff; }
    .englishnew .ranking-title:after {
      top: 98%;
      border-top: 20px solid #446661; }
    .englishnew .ranking-title-flex span {
      color: #000; }
    .englishnew .ranking-title-txt {
      color: #fff;
      font-size: 2.5rem; }
      @media only screen and (max-width: 767px) {
        .englishnew .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.8rem; } }
  .englishnew .ranking .englishnew-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #f2d9a4; }
  .englishnew .ranking .englishnew-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0; }
  .englishnew .ranking .englishnew-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #c9b5a2; }
  .englishnew .ranking .englishnew-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #8e90ad; }
  .englishnew .ranking .englishnew-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #df9fb6; }
  .englishnew .ranking .englishnew-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #df9fb6; }
  .englishnew .ranking .englishnew-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .englishnew .ranking .englishnew-ranking-list .ranking-list-box-cv-btn {
      width: 50%;
      margin-bottom: 1rem;
      font-size: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-cv-btn {
          width: 90%; } }
    .englishnew .ranking .englishnew-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .englishnew .ranking .englishnew-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem; }
      @media only screen and (max-width: 767px) {
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .englishnew .ranking .englishnew-ranking-list .ranking-list-box-wrapper {
      background-color: #fef9f5; }
      .englishnew .ranking .englishnew-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
    .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-ttl {
        background-color: #446661;
        padding: .2rem;
        text-align: center;
        color: #fff; }
      .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: center;
        gap: .2rem;
        flex-direction: column; }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-osusume li {
          width: 50%;
          margin: auto;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-osusume li {
              width: 93%; } }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-osusume li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #446661;
            border-radius: 50%;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-spec {
        margin: 1rem auto; }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-spec th {
          color: #fff;
          background-color: #446661;
          border: 1px solid #fef9f5; }
          @media only screen and (max-width: 767px) {
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-spec th {
              width: 19%;
              font-size: .7rem; } }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-spec td {
          background-color: #fff;
          border: 1px solid #fef9f5; }
          @media only screen and (max-width: 767px) {
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-spec td {
              padding: .2rem;
              font-size: .8rem; } }
      .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review {
        margin-bottom: 1rem; }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-inner {
          margin-top: .5rem; }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card {
          background-color: #fff;
          width: 100%;
          padding: 1.5rem 3rem;
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;
          gap: .5rem;
          max-height: 700px; }
          @media only screen and (max-width: 767px) {
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card {
              padding: 1.5rem 2rem;
              gap: 1rem; } }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card-img {
            width: 40%; }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card-comment {
            width: 100%; }
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card-comment p {
              font-size: 0.9rem !important; }
            @media only screen and (max-width: 767px) {
              .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card-comment {
                padding: 0 2rem; } }
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
              position: relative;
              display: inline-block;
              font-size: 1.8rem;
              margin-bottom: 1rem;
              line-height: 1.2; }
              .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                position: absolute;
                bottom: -0.5rem;
                left: 0;
                background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                content: "";
                height: 2px;
                width: 100%; }
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card-comment-link {
              display: block;
              font-size: 0.9rem;
              text-align: right;
              opacity: 0.5; }
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-review-card-comment-txt {
              margin-top: .5rem;
              line-height: 1.5; }
      .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point {
        text-align: left;
        margin: 1rem auto; }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-list {
          margin: 0 auto;
          padding: 1rem 2rem; }
          @media only screen and (max-width: 767px) {
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-list {
              padding: 1.5rem; } }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-list dt {
            margin-bottom: .2rem; }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: left;
          align-items: center;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-flex-check {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../img/feature/english/english_check.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-flex-check {
                width: 10%; } }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-flex-ttl {
            font-weight: bold;
            font-size: 1.2rem; }
            @media only screen and (max-width: 767px) {
              .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-flex-ttl {
                font-size: 1.1rem;
                line-height: 1.3; } }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.5;
          margin-bottom: 1rem; }
          @media only screen and (max-width: 767px) {
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-point-txt {
              font-size: .8rem; } }
      .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam {
        margin: 2rem auto 1rem; }
        @media only screen and (max-width: 767px) {
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam {
            margin: 1rem auto; } }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-ttl {
          background-color: #f9ef7b;
          color: #000;
          font-weight: bold; }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-content {
          width: 100%;
          background-color: #fff;
          padding: 1rem 2rem;
          text-align: center;
          min-height: 4rem;
          border-top: none;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: .5rem; }
          @media only screen and (max-width: 767px) {
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-content {
              padding: 1rem;
              flex-direction: column; } }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-content-txt {
            width: 34%; }
            @media only screen and (max-width: 767px) {
              .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-content-txt {
                width: 100%; } }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-content-img {
            width: 65%; }
            @media only screen and (max-width: 767px) {
              .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-content-img {
                width: 100%; } }
        .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-amazon {
          max-width: 500px;
          margin: 1rem auto; }
          @media only screen and (max-width: 767px) {
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-amazon {
              max-width: 350px; } }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-amazon-ttl {
            background-color: #c7c7c7;
            text-align: center;
            padding: .5rem;
            font-size: .9rem; }
          .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-amazon-content {
            display: none;
            padding: 1rem;
            background-color: #fff; }
            .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-amazon-content .kome {
              margin: 0;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-amazon-content .kome-inner {
                display: flex;
                flex-direction: column;
                gap: .2rem; }
                .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-amazon-content .kome-inner-ttl {
                  padding-left: 1rem;
                  position: relative; }
                  .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-amazon-content .kome-inner-ttl:before {
                    position: absolute;
                    top: 50%;
                    left: 5px;
                    transform: translateX(-50%);
                    content: '';
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-right: 5px solid transparent;
                    border-left: 5px solid transparent;
                    border-top: 5px solid #000;
                    border-bottom: 0; }
                .englishnew .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-amazon-content .kome-inner-txt {
                  font-size: .7rem;
                  line-height: 1.6;
                  padding-left: 1rem; }
  .englishnew-survey {
    margin-top: 2rem; }

.english_business_rank .englishnew-column-content {
  background-color: #f3f3f3; }
  .english_business_rank .englishnew-column-content-point-wrap-ttl {
    background-color: #c7c7c7; }
.english_business_rank .englishnew-hikaku-container .flex {
  background-color: #f3f3f3; }
.english_business_rank .englishnew-hikaku-container-list li:before {
  background-color: #03294e; }
.english_business_rank .englishnew-hikaku-container .ttl {
  background-color: #03294e; }
.english_business_rank .englishnew-kotsu-container {
  background-color: #f3f3f3;
  border: 1px solid #03294e; }
.english_business_rank .ranking-title {
  background-color: #03294e; }
  .english_business_rank .ranking-title:after {
    border-top: 20px solid #03294e; }
  .english_business_rank .ranking-title-txt {
    color: #fff; }
.english_business_rank .ranking .englishnew-ranking-list .ranking-list-box-wrapper {
  background-color: #f3f3f3; }
.english_business_rank .ranking .englishnew-ranking-list .ranking-list-box-inner-ttl {
  background-color: #03294e;
  color: #fff; }
.english_business_rank .ranking .englishnew-ranking-list .ranking-list-box-inner-point-flex-check {
  background: url(../img/feature/english-new/business/english_bs_check.png) no-repeat;
  background-size: contain; }
.english_business_rank .ranking .englishnew-ranking-list .ranking-list-box-inner-spec th {
  background-color: #03294e;
  color: #fff; }
.english_business_rank .ranking .englishnew-ranking-list .ranking-list-box-inner-cam-ttl {
  background-color: #fef159;
  color: #000;
  font-weight: bold; }

/*英会話（URL：〇〇_rank系）LP用*/
/* hokeiLP   feature　
----------------------------------------------------------------------------------------------*/
.zodai {
  color: #282829;
  font-size: .85rem; }
  .zodai-wrapper {
    padding: 0 .5rem; }
  .zodai a {
    transition: 0.3s; }
    .zodai a:hover {
      opacity: 0.7; }
  .zodai-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .zodai-ttl {
        margin: 1rem auto 0; } }
  .zodai-cv {
    margin: auto;
    text-align: center;
    display: inline-block;
    width: 70%; }
    .zodai-cv a:hover {
      opacity: 1; }
    .zodai-cv-copy {
      text-align: center;
      font-size: 1.02rem;
      font-weight: bold;
      margin: 1rem auto .5rem; }
      .zodai-cv-copy-inner {
        display: inline-block;
        position: relative; }
        .zodai-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .zodai-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .zodai-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 100%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.02rem;
      font-weight: bold;
      background-color: #cc3c14;
      box-shadow: 0 8px 0 #601c09;
      animation-name: hokei-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes hokei-cvmove {
  0% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #601c09;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); } }
      .zodai-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
  .zodai-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .zodai-link {
        margin: 1rem auto 1.5rem; } }
    .zodai-link-btn {
      width: 70%;
      display: inline-block;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .zodai-link-btn {
          width: 95%; } }
      .zodai-link-btn a:hover {
        opacity: 1; }
      .zodai-link-btn-inner {
        background-color: #ffe600;
        display: flex;
        justify-content: center;
        color: #282829 !important;
        gap: 0.2rem;
        align-items: center;
        border-radius: 30px;
        padding: .5rem 1rem;
        box-shadow: 0 8px 0 #4e4601;
        animation-name: hokei-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .zodai-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
@keyframes hokei-linkmove {
  0% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #4e4601;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); } }
        .zodai-link-btn-inner-txt {
          color: #282829;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .zodai-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .zodai-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .zodai .hokei-neotype-list {
    gap: inherit; }
    @media only screen and (max-width: 767px) {
      .zodai .hokei-neotype-list {
        flex-direction: unset;
        padding-bottom: 1rem; } }
    .zodai .hokei-neotype-list-inner {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.2);
      background-color: #f2f4fe; }
      .zodai .hokei-neotype-list-inner-ttl:after {
        background: url(../img/feature/hokei/zodai/neotype_line.png) no-repeat;
        background-size: contain; }
      .zodai .hokei-neotype-list-inner-content-spec-inner-big .hokei-neotype-list-inner-content-spec-inner-dt {
        background-color: #ffe600;
        color: #282829; }
      .zodai .hokei-neotype-list-inner-content-spec-inner-dt {
        background-color: #18278b; }
      .zodai .hokei-neotype-list-inner-content-point-check {
        background: url(../img/feature/hokei/zodai/check.png) no-repeat;
        background-size: contain; }
      .zodai .hokei-neotype-list-inner-content-cv-btn:hover {
        opacity: 1; }
  .zodai-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .zodai-type {
        margin: .5rem auto; } }
    .zodai-type-ttl {
      max-width: 500px;
      margin: auto; }
    .zodai-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .zodai-type-list {
          margin: 1rem 0 1.5rem; } }
      .zodai-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .zodai-type-list-inner {
            width: 100%; } }
        .zodai-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #18278b; }
          .zodai-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .zodai-type-list-inner-ttl-y {
            border: 0.1rem solid #ffe600;
            background: #ffe600;
            color: #282829; }
        .zodai-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border: 0.2rem solid #18278b;
          border-top: none;
          color: #282829;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          height: 12rem;
          text-align: center;
          font-size: .9rem;
          gap: .5rem; }
          @media only screen and (max-width: 767px) {
            .zodai-type-list-inner-content {
              height: auto; } }
          .zodai-type-list-inner-content-wrap {
            display: inline-block;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .zodai-type-list-inner-content-wrap {
                width: 90%; } }
            .zodai-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: 0 auto .5rem; }
              @media only screen and (max-width: 767px) {
                .zodai-type-list-inner-content-wrap .logo {
                  margin-bottom: 0;
                  z-index: 0; } }
            .zodai-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem;
              align-items: center; }
              .zodai-type-list-inner-content-wrap-flex-copy {
                width: 75%; }
                @media only screen and (max-width: 767px) {
                  .zodai-type-list-inner-content-wrap-flex-copy {
                    width: 80%; } }
              .zodai-type-list-inner-content-wrap-flex-cv {
                width: 25%; }
                .zodai-type-list-inner-content-wrap-flex-cv-btn {
                  display: flex;
                  justify-content: center;
                  width: 100%;
                  height: 50px;
                  align-items: center; }
                .zodai-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff; }
                .zodai-type-list-inner-content-wrap-flex-cv-copy {
                  font-size: 1rem;
                  margin: .5rem auto 0; }
          .zodai-type-list-inner-content-y {
            border: 0.1rem solid #ffe600;
            border-top: none; }
          .zodai-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .zodai-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .zodai-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .zodai-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
          .zodai-type-list-inner-content-link {
            position: relative; }
            .zodai-type-list-inner-content-link:before {
              position: absolute;
              top: 50%;
              left: -1.5rem;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 5px solid transparent;
              border-bottom: 5px solid transparent;
              border-left: 7.5px solid #282829;
              border-right: 0;
              transition: .3s; }
            .zodai-type-list-inner-content-link:after {
              position: absolute;
              top: 50%;
              right: -1.5rem;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 5px solid transparent;
              border-bottom: 5px solid transparent;
              border-right: 7.5px solid #282829;
              border-left: 0;
              transition: .3s; }
            .zodai-type-list-inner-content-link-txt {
              color: #282829; }
              .zodai-type-list-inner-content-link-txt .big {
                font-size: 1.2rem;
                color: #337ab7;
                font-weight: bold; }
            .zodai-type-list-inner-content-link:hover {
              opacity: 1 !important; }
              .zodai-type-list-inner-content-link:hover:before {
                left: -1rem;
                transition: .3s; }
              .zodai-type-list-inner-content-link:hover:after {
                right: -1rem;
                transition: .3s; }
      .zodai-type-list-column {
        gap: .5rem; }
        @media only screen and (max-width: 767px) {
          .zodai-type-list-column {
            margin-top: 1rem;
            flex-direction: column;
            gap: 1rem; } }
  .zodai-fact {
    background-color: #fefad3;
    position: relative;
    margin-bottom: 2rem; }
    .zodai-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: -1;
      border-left: 60px solid transparent;
      border-top: 40px solid #fefad3;
      border-bottom: 0; }
    .zodai-fact-wrapper {
      max-width: 500px;
      margin: 1rem auto;
      padding: .1rem 0 3rem; }
      @media only screen and (max-width: 767px) {
        .zodai-fact-wrapper {
          padding: .1rem .5rem 2rem; } }
      .zodai-fact-wrapper-container {
        display: flex;
        flex-direction: column;
        margin-top: -3rem; }
        @media only screen and (max-width: 767px) {
          .zodai-fact-wrapper-container {
            margin-top: -2rem; } }
        .zodai-fact-wrapper-container-inner {
          position: relative;
          width: 100%; }
          .zodai-fact-wrapper-container-inner-txtbox {
            width: 78%;
            background-color: #18278b;
            border-radius: 20px;
            padding: 1rem; }
            @media only screen and (max-width: 767px) {
              .zodai-fact-wrapper-container-inner-txtbox {
                width: 76%;
                padding: 1rem .5rem; } }
            .zodai-fact-wrapper-container-inner-txtbox-p {
              text-align: center;
              color: #fff !important; }
              @media only screen and (max-width: 767px) {
                .zodai-fact-wrapper-container-inner-txtbox-p {
                  font-size: .8rem; } }
              .zodai-fact-wrapper-container-inner-txtbox-p .big {
                color: #ffe600;
                font-size: 1.6rem;
                font-weight: bold; }
                @media only screen and (max-width: 767px) {
                  .zodai-fact-wrapper-container-inner-txtbox-p .big {
                    font-size: 1.2rem; } }
          .zodai-fact-wrapper-container-inner-doctor {
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            width: 8rem; }
            @media only screen and (max-width: 767px) {
              .zodai-fact-wrapper-container-inner-doctor {
                width: 6.5rem; } }
        .zodai-fact-wrapper-container-kome {
          font-size: .5rem;
          margin: .5rem auto;
          width: 100%; }
          .zodai-fact-wrapper-container-kome a {
            color: #282829;
            text-decoration: none;
            transition: .3s; }
          .zodai-fact-wrapper-container-kome a:hover {
            opacity: 0.7; }
  .zodai-season {
    margin: 1rem auto; }
    .zodai-season-list {
      display: flex;
      justify-content: center;
      gap: 1rem;
      max-width: 750px;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .zodai-season-list {
          flex-direction: column; } }
      .zodai-season-list-fukidashi {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem; }
        .zodai-season-list-fukidashi-inner {
          position: relative;
          font-weight: bold;
          font-size: 1rem; }
          .zodai-season-list-fukidashi-inner:before {
            position: absolute;
            top: 50%;
            left: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/hokei/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .zodai-season-list-fukidashi-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .zodai-season-list-fukidashi-inner:after {
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/hokei/fukidashi_r.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .zodai-season-list-fukidashi-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .zodai-season-list-inner {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .zodai-season-list-inner {
            width: 100%; } }
        .zodai-season-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #282829;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #ffe600;
          border: 2px solid #ffe600; }
          @media only screen and (max-width: 767px) {
            .zodai-season-list-inner-ttl {
              border: 1px solid #ffe600;
              padding: .5rem; } }
          .zodai-season-list-inner-ttl-big {
            font-size: 1.5rem; }
        .zodai-season-list-inner-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border: 2px solid #ffe600;
          border-top: none;
          color: #282829;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .zodai-season-list-inner-content {
              height: auto;
              border: 1px solid #ffe600; } }
          .zodai-season-list-inner-content-name {
            padding: .5rem; }
            .zodai-season-list-inner-content-name .logo {
              width: 70%;
              margin: auto; }
          .zodai-season-list-inner-content-wrap {
            width: 100%;
            padding: .5rem .5rem 1rem;
            display: flex;
            flex-direction: column;
            gap: .5rem 0;
            border-radius: 0 0 20px 20px;
            background-color: #f2f4fe; }
            @media only screen and (max-width: 767px) {
              .zodai-season-list-inner-content-wrap {
                min-height: inherit; } }
            .zodai-season-list-inner-content-wrap-txt .big {
              font-size: 1.6rem;
              font-weight: bold;
              padding: 0 .2rem; }
            .zodai-season-list-inner-content-wrap-txt .small {
              font-size: .6rem; }
            .zodai-season-list-inner-content-wrap-cv {
              margin: auto;
              width: 100%; }
              .zodai-season-list-inner-content-wrap-cv-inner {
                width: 70%; }
  .zodai-hikaku {
    max-width: 750px;
    margin: 1.5rem auto; }
    .zodai-hikaku-container {
      margin: 2rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 4px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "bigger bigger bigger" "anken1-bigger anken2-bigger anken3-bigger" "longer longer longer" "anken1-longer anken2-longer anken3-longer" "time time time" "anken1-time anken2-time anken3-time" "type type type" "anken1-type anken2-type anken3-type" "insurance insurance insurance" "anken1-insurance anken2-insurance anken3-insurance" "stuff stuff stuff" "anken1-stuff anken2-stuff anken3-stuff" "privacy privacy privacy" "anken1-privacy anken2-privacy anken3-privacy" "area area area" "anken1-area anken2-area anken3-area" "link link link" "anken1-link anken2-link anken3-link"; }
      .zodai-hikaku-container .flex {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        background-color: #f2f4fe;
        gap: .5rem;
        padding: .5rem; }
      .zodai-hikaku-container .ttl {
        color: #fff;
        font-size: .9rem;
        background-color: #18278b;
        font-weight: bold; }
      .zodai-hikaku-container .content {
        background-color: #f2fafc;
        padding: .8rem; }
        @media only screen and (max-width: 767px) {
          .zodai-hikaku-container .content {
            font-size: .9rem;
            padding: .5rem; } }
        .zodai-hikaku-container .content-inner {
          text-align: center;
          width: 100%; }
          .zodai-hikaku-container .content-inner-txt {
            font-size: .85rem; }
            @media only screen and (max-width: 767px) {
              .zodai-hikaku-container .content-inner-txt-mini {
                font-size: .7rem; } }
          .zodai-hikaku-container .content-inner-eval {
            width: 20%;
            margin: 0 auto .5rem; }
          .zodai-hikaku-container .content-inner .area-txt {
            font-size: 1.02rem;
            text-align: left;
            margin: 0 .5rem; }
            @media only screen and (max-width: 767px) {
              .zodai-hikaku-container .content-inner .area-txt {
                font-size: .765rem; } }
      .zodai-hikaku-container-cv {
        width: 100%; }
        .zodai-hikaku-container-cv-rank-ico {
          width: 20%;
          margin: 0 auto 0.5rem; }
          @media only screen and (max-width: 767px) {
            .zodai-hikaku-container-cv-rank-ico {
              width: 40%; } }
        .zodai-hikaku-container-cv-copy {
          text-align: center;
          font-size: .85rem;
          font-weight: bold;
          margin-bottom: .5rem; }
          .zodai-hikaku-container-cv-copy-inner {
            position: relative; }
            .zodai-hikaku-container-cv-copy-inner:before {
              display: none; }
            .zodai-hikaku-container-cv-copy-inner:after {
              display: none; }
        .zodai-hikaku-container-cv-btn {
          width: 80%; }
          @media only screen and (max-width: 767px) {
            .zodai-hikaku-container-cv-btn {
              width: 85%;
              font-size: .765rem;
              padding-top: .7rem;
              line-height: 1.3; } }
          .zodai-hikaku-container-cv-btn-sp {
            font-size: 0.935rem;
            display: block; }
      .zodai-hikaku-container .ico-rank {
        width: 15%;
        margin: 0 auto 0.2rem !important; }
        @media only screen and (max-width: 767px) {
          .zodai-hikaku-container .ico-rank {
            width: 30%; } }
      .zodai-hikaku-container .bnr {
        width: 80%;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .zodai-hikaku-container .bnr {
            width: 90%; } }
      .zodai-hikaku-container .name {
        text-align: center;
        font-weight: bold;
        line-height: 1.2; }
      .zodai-hikaku-container .txt-big {
        font-weight: bold;
        font-size: 1.02rem; }
      .zodai-hikaku-container .feature {
        grid-area: feature; }
      .zodai-hikaku-container .bigger {
        grid-area: bigger; }
      .zodai-hikaku-container .longer {
        grid-area: longer; }
      .zodai-hikaku-container .time {
        grid-area: time; }
      .zodai-hikaku-container .type {
        grid-area: type; }
      .zodai-hikaku-container .insurance {
        grid-area: insurance; }
      .zodai-hikaku-container .stuff {
        grid-area: stuff; }
      .zodai-hikaku-container .privacy {
        grid-area: privacy; }
      .zodai-hikaku-container .area {
        grid-area: area; }
      .zodai-hikaku-container .cv {
        grid-area: cv; }
      .zodai-hikaku-container .link {
        grid-area: link; }
      .zodai-hikaku-container .anken1 {
        grid-area: anken1;
        background-color: #fefad3;
        position: sticky;
        z-index: 1;
        top: 0; }
        .zodai-hikaku-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-bigger {
          grid-area: anken1-bigger;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-longer {
          grid-area: anken1-longer;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-time {
          grid-area: anken1-time;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-type {
          grid-area: anken1-type;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-insurance {
          grid-area: anken1-insurance;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-stuff {
          grid-area: anken1-stuff;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-privacy {
          grid-area: anken1-privacy;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-area {
          grid-area: anken1-area;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-cv {
          grid-area: anken1-cv;
          padding-bottom: 1rem;
          background-color: #fefad3; }
        .zodai-hikaku-container .anken1-link {
          grid-area: anken1-link;
          padding-bottom: 1rem;
          background-color: #fefad3; }
      .zodai-hikaku-container .anken2 {
        grid-area: anken2;
        position: sticky;
        z-index: 1;
        top: 0; }
        .zodai-hikaku-container .anken2-feature {
          grid-area: anken2-feature; }
        .zodai-hikaku-container .anken2-bigger {
          grid-area: anken2-bigger; }
        .zodai-hikaku-container .anken2-longer {
          grid-area: anken2-longer; }
        .zodai-hikaku-container .anken2-time {
          grid-area: anken2-time; }
        .zodai-hikaku-container .anken2-type {
          grid-area: anken2-type; }
        .zodai-hikaku-container .anken2-insurance {
          grid-area: anken2-insurance; }
        .zodai-hikaku-container .anken2-stuff {
          grid-area: anken2-stuff; }
        .zodai-hikaku-container .anken2-privacy {
          grid-area: anken2-privacy; }
        .zodai-hikaku-container .anken2-area {
          grid-area: anken2-area; }
        .zodai-hikaku-container .anken2-cv {
          grid-area: anken2-cv;
          padding-bottom: 1rem; }
        .zodai-hikaku-container .anken2-link {
          grid-area: anken2-link;
          padding-bottom: 1rem; }
      .zodai-hikaku-container .anken3 {
        grid-area: anken3;
        position: sticky;
        z-index: 1;
        top: 0; }
        .zodai-hikaku-container .anken3-feature {
          grid-area: anken3-feature; }
        .zodai-hikaku-container .anken3-bigger {
          grid-area: anken3-bigger; }
        .zodai-hikaku-container .anken3-longer {
          grid-area: anken3-longer; }
        .zodai-hikaku-container .anken3-time {
          grid-area: anken3-time; }
        .zodai-hikaku-container .anken3-type {
          grid-area: anken3-type; }
        .zodai-hikaku-container .anken3-insurance {
          grid-area: anken3-insurance; }
        .zodai-hikaku-container .anken3-stuff {
          grid-area: anken3-stuff; }
        .zodai-hikaku-container .anken3-privacy {
          grid-area: anken3-privacy; }
        .zodai-hikaku-container .anken3-area {
          grid-area: anken3-area; }
        .zodai-hikaku-container .anken3-cv {
          grid-area: anken3-cv;
          padding-bottom: 1rem; }
        .zodai-hikaku-container .anken3-link {
          grid-area: anken3-link;
          padding-bottom: 1rem; }
  .zodai-cure {
    max-width: 750px;
    margin: 0 auto; }
    .zodai-cure-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 0.4fr repeat(2, 1fr);
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "white bigger longer" "method bigger-method longer-method" "merit bigger-merit longer-merit" "demerit bigger-demerit longer-demerit"; }
      @media only screen and (max-width: 767px) {
        .zodai-cure-container {
          grid-template-columns: 0.2fr repeat(2, 1fr); } }
      .zodai-cure-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        background-color: #f2f4fe; }
      .zodai-cure-container .ttl {
        background-color: #18278b;
        font-weight: bold;
        color: #fff;
        font-size: 1rem; }
        @media only screen and (max-width: 767px) {
          .zodai-cure-container .ttl {
            padding: .2rem;
            font-size: .9rem;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl; } }
      .zodai-cure-container-inner {
        width: 100%; }
        .zodai-cure-container-inner-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .zodai-cure-container-inner-txt {
              font-size: .9rem; } }
      .zodai-cure-container-list {
        display: flex;
        flex-direction: column;
        gap: .2rem;
        width: 100%; }
        .zodai-cure-container-list-merit {
          padding-left: 1.4rem;
          position: relative;
          line-height: 1.3; }
          .zodai-cure-container-list-merit:before {
            position: absolute;
            content: '';
            width: 1rem;
            height: 1rem;
            display: inline-block;
            background: url(../img/feature/hokei/hokei-good.png) no-repeat;
            background-size: contain;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
        .zodai-cure-container-list-demerit {
          padding-left: 1.4rem;
          position: relative;
          line-height: 1.3; }
          .zodai-cure-container-list-demerit:before {
            position: absolute;
            content: '';
            width: 1rem;
            height: 1rem;
            display: inline-block;
            background: url(../img/feature/hokei/hokei-bad.png) no-repeat;
            background-size: contain;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
      .zodai-cure-container .white {
        grid-area: white; }
      .zodai-cure-container .method {
        grid-area: method; }
      .zodai-cure-container .merit {
        grid-area: merit; }
      .zodai-cure-container .demerit {
        grid-area: demerit; }
      .zodai-cure-container .bigger {
        grid-area: bigger;
        font-weight: bold;
        font-size: 1rem; }
        .zodai-cure-container .bigger-method {
          grid-area: bigger-method; }
        .zodai-cure-container .bigger-merit {
          grid-area: bigger-merit; }
        .zodai-cure-container .bigger-demerit {
          grid-area: bigger-demerit; }
      .zodai-cure-container .longer {
        grid-area: longer;
        font-weight: bold;
        font-size: 1rem; }
        .zodai-cure-container .longer-method {
          grid-area: longer-method; }
        .zodai-cure-container .longer-merit {
          grid-area: longer-merit; }
        .zodai-cure-container .longer-demerit {
          grid-area: longer-demerit; }
    .zodai-cure-sankaku {
      max-width: 400px;
      margin: 0 auto -1rem; }
  .zodai-osusume {
    max-width: 750px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .zodai-osusume {
        padding: 0 .5rem; } }
    .zodai-osusume-list {
      margin-top: 1rem; }
      .zodai-osusume-list-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .5rem; }
        .zodai-osusume-list-item-txt {
          text-align: center; }
    .zodai-osusume-sankaku {
      max-width: 500px;
      margin: 1rem auto; }
    .zodai-osusume-ketsuron {
      margin: 1rem auto 0;
      max-width: 500px; }
      .zodai-osusume-ketsuron-list {
        display: flex;
        justify-content: center;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .zodai-osusume-ketsuron-list {
            flex-direction: column; } }
        .zodai-osusume-ketsuron-list-wrap-txt {
          text-align: center;
          margin-top: .2rem; }
        @media only screen and (max-width: 767px) {
          .zodai-osusume-ketsuron-list-wrap-img {
            width: 80%;
            margin: auto; } }
      .zodai-osusume-ketsuron-strong {
        margin: 2rem auto; }
        .zodai-osusume-ketsuron-strong-cv {
          width: 100%;
          display: flex;
          justify-content: center;
          flex-direction: column; }
          .zodai-osusume-ketsuron-strong-cv-name {
            margin: 0.5rem auto;
            width: 40%; }
            @media only screen and (max-width: 767px) {
              .zodai-osusume-ketsuron-strong-cv-name {
                width: 65%; } }
          .zodai-osusume-ketsuron-strong-cv-wrap {
            width: 50%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .zodai-osusume-ketsuron-strong-cv-wrap {
                width: 100%; } }
        .zodai-osusume-ketsuron-strong-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .zodai-osusume-ketsuron-strong-txt {
              margin-top: .5rem; } }
          .zodai-osusume-ketsuron-strong-txt-wrap {
            position: relative;
            font-weight: bold;
            font-size: 1.2rem;
            display: inline-block;
            line-height: 1.3; }
            .zodai-osusume-ketsuron-strong-txt-wrap:before {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: -2rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/hokei/fukidashi_l.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .zodai-osusume-ketsuron-strong-txt-wrap:before {
                  transform: none;
                  bottom: 0;
                  top: inherit; } }
            .zodai-osusume-ketsuron-strong-txt-wrap:after {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: -2rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/hokei/fukidashi_r.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .zodai-osusume-ketsuron-strong-txt-wrap:after {
                  transform: none;
                  bottom: 0;
                  top: inherit; } }
          .zodai-osusume-ketsuron-strong-txt-name {
            font-size: 2rem;
            font-weight: bold; }
        .zodai-osusume-ketsuron-strong-img {
          margin: 1rem auto; }
  .zodai .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .zodai .ranking-flexwrap {
        flex-direction: column;
        gap: 0; } }
  .zodai .ranking-title {
    background-color: #18278b; }
    @media only screen and (max-width: 767px) {
      .zodai .ranking-title {
        padding: 1.5rem .5rem; } }
    .zodai .ranking-title:after {
      top: 98%;
      border-top: 20px solid #18278b; }
    .zodai .ranking-title-flex span {
      color: #18278b; }
    .zodai .ranking-title-txt {
      color: #fff;
      font-size: 1.7rem; }
      @media only screen and (max-width: 767px) {
        .zodai .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.445rem; } }
    .zodai .ranking-title-img {
      max-width: 400px;
      margin: 0 auto; }
  .zodai .ranking .zodai-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #fefad3;
    border-radius: 10px; }
  .zodai .ranking .zodai-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #bdb6c1;
    border-radius: 10px; }
  .zodai .ranking .zodai-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #80610d;
    border-radius: 10px; }
  .zodai .ranking .zodai-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #1d215c;
    border-radius: 10px; }
  .zodai .ranking .zodai-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #bf406d;
    border-radius: 10px; }
  .zodai .ranking .zodai-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #bf406d;
    border-radius: 10px; }
  .zodai .ranking .zodai-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 2rem; }
    .zodai .ranking .zodai-ranking-list .ranking-list-box-cv {
      margin: 0 auto 1rem; }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-cv-copy {
        margin: 1.5rem auto .5rem;
        text-align: center; }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-cv-btn {
        width: 50%;
        margin-bottom: 1rem;
        font-size: 1.275rem;
        opacity: 1; }
        @media only screen and (max-width: 767px) {
          .zodai .ranking .zodai-ranking-list .ranking-list-box-cv-btn {
            width: 90%;
            font-size: 1.105rem; } }
    .zodai .ranking .zodai-ranking-list .ranking-list-box-ttl {
      padding: 1rem 1rem .5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .zodai .ranking .zodai-ranking-list .ranking-list-box-ttl {
          margin-top: 0;
          font-size: 1.105rem;
          padding: 1rem .5rem .5rem; } }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-ttl-wrap {
        text-align: left; }
        .zodai .ranking .zodai-ranking-list .ranking-list-box-ttl-wrap-copy {
          font-size: 1.02rem;
          margin-bottom: -0.3rem; }
          @media only screen and (max-width: 767px) {
            .zodai .ranking .zodai-ranking-list .ranking-list-box-ttl-wrap-copy {
              font-size: .765rem;
              margin-bottom: 0;
              font-weight: normal;
              line-height: 1.4; } }
    .zodai .ranking .zodai-ranking-list .ranking-list-box-ico {
      position: static;
      transform: none;
      width: 70px; }
    .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper {
      background-color: #f2f4fe; }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
        .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner {
          display: flex;
          align-items: center;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner {
              flex-direction: column; } }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-bnr {
            width: 40%; }
            @media only screen and (max-width: 767px) {
              .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-bnr {
                width: 100%; } }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-bnr img {
              margin: auto; }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point {
            text-align: left;
            margin: 0 auto;
            width: 59%; }
            @media only screen and (max-width: 767px) {
              .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point {
                width: 100%; } }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point-ttl {
              background-color: #ffe600;
              color: #282829;
              font-weight: bold;
              padding: .2rem;
              text-align: center; }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point-list {
              margin: 0 auto;
              padding: 1rem 2rem;
              display: flex;
              flex-direction: column;
              gap: 0.5rem; }
              @media only screen and (max-width: 767px) {
                .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point-list {
                  padding: 1rem 1.5rem; } }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point-flex {
              display: flex;
              justify-content: left;
              align-items: center;
              font-weight: 700;
              gap: .5rem;
              font-weight: normal; }
              @media only screen and (max-width: 767px) {
                .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point-flex {
                  justify-content: left; } }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point-flex-check {
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(../img/feature/hokei/hokei_check.png) no-repeat;
                background-size: contain; }
                @media only screen and (max-width: 767px) {
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point-flex-check {
                    width: 10%; } }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point-flex-ttl {
                width: 90%;
                line-height: 1.4; }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-point-txt {
              line-height: 1.5;
              margin-bottom: 1rem; }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-spec {
            width: 59%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: .5rem;
            margin: 0; }
            @media only screen and (max-width: 767px) {
              .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-spec {
                width: 100%; } }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-spec-item {
              display: flex; }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-spec-item-ttl {
                width: 30%;
                background-color: #18278b;
                color: #fff;
                font-weight: bold;
                padding: .5rem;
                display: flex;
                justify-content: center;
                align-items: center; }
                @media only screen and (max-width: 767px) {
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-spec-item-ttl {
                    font-size: .765rem; } }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-wrapper-width-inner-spec-item-txt {
                width: 70%;
                background-color: #fff;
                padding: .5rem; }
    .zodai .ranking .zodai-ranking-list .ranking-list-box-inner {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .zodai .ranking .zodai-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-ttl {
        background-color: #18278b;
        padding: .2rem;
        text-align: center;
        color: #fff; }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: center;
        gap: .2rem;
        flex-direction: column; }
        .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-osusume li {
          width: 40%;
          margin: auto;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-osusume li {
              width: 93%; } }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-osusume li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #18278b;
            border-radius: 50%;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-spec {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: .5rem;
        margin: 0; }
        @media only screen and (max-width: 767px) {
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-spec {
            width: 100%;
            flex-wrap: nowrap;
            flex-direction: column; } }
        .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-spec-item {
          display: flex;
          width: 49%; }
          @media only screen and (max-width: 767px) {
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-spec-item {
              width: 100%; } }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-spec-item-ttl {
            width: 30%;
            background-color: #18278b;
            color: #fff;
            font-weight: bold;
            padding: .5rem;
            display: flex;
            justify-content: center;
            align-items: center; }
            @media only screen and (max-width: 767px) {
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-spec-item-ttl {
                font-size: .765rem; } }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-spec-item-txt {
            width: 70%;
            background-color: #fff;
            padding: .5rem; }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop {
        width: 60%;
        margin: 1.5rem auto; }
        @media only screen and (max-width: 767px) {
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop {
            width: 90%; } }
        .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-ttl {
          background-color: #ffe600;
          color: #282829;
          position: relative;
          padding: .5rem;
          text-align: center;
          cursor: pointer; }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-ttl:before {
            position: absolute;
            top: 50%;
            left: 20%;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: #282829 transparent transparent transparent;
            display: inline-block;
            pointer-events: none; }
            @media only screen and (max-width: 767px) {
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-ttl:before {
                left: .5rem; } }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-ttl:after {
            position: absolute;
            top: 50%;
            right: 20%;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: #282829 transparent transparent transparent;
            display: inline-block;
            pointer-events: none; }
            @media only screen and (max-width: 767px) {
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-ttl:after {
                right: .5rem; } }
        .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-content {
          display: none; }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-content-list {
            margin: 0;
            padding: 1.5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-content-list {
                padding: 1.5rem 1rem; } }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
              display: flex;
              justify-content: center; }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                background-color: #ffe600;
                font-weight: bold;
                padding: .5rem;
                width: 24%;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center; }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                background-color: #fefad3;
                padding: .5rem;
                width: 76%; }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point {
        margin: 1.5rem auto; }
        @media only screen and (max-width: 767px) {
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point {
            margin-bottom: 1rem; } }
        .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content {
          display: flex;
          flex-direction: column;
          gap: 1rem;
          align-items: center;
          padding-top: 1rem; }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item {
            box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
            background-color: #fff;
            padding: 1rem 0;
            border-radius: 10px;
            width: 100%; }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-ttl {
              position: relative;
              background-color: #f2f4fe;
              padding: .5rem; }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: -25px;
                z-index: 1;
                width: 7rem; }
                @media only screen and (max-width: 767px) {
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                    left: -15px;
                    width: 6.5rem; } }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                font-size: 1rem;
                line-height: 1.3;
                padding-left: 5.5rem;
                display: inline-block;
                font-weight: normal; }
                @media only screen and (max-width: 767px) {
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                    font-size: .9rem; } }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                  font-size: 1.8rem;
                  font-weight: bold; }
                  @media only screen and (max-width: 767px) {
                    .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                      font-size: 1.2rem; } }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner {
              padding: 1rem; }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-img {
                margin-bottom: 1rem; }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex {
                display: flex;
                gap: 5px;
                margin-bottom: 1rem;
                align-items: center;
                justify-content: center; }
                @media only screen and (max-width: 767px) {
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex {
                    gap: .5rem; } }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                  width: 220px; }
                  @media only screen and (max-width: 767px) {
                    .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                      width: 145px; } }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-fukidashi {
                display: flex;
                gap: 1rem;
                margin: 1rem auto;
                align-items: center;
                justify-content: center; }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-fukidashi-img {
                  width: 15%; }
                  @media only screen and (max-width: 767px) {
                    .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-fukidashi-img {
                      width: 25%; } }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-fukidashi-right {
                  width: 84%;
                  background-color: #f2f4fe;
                  border-radius: 10px;
                  padding: 1rem;
                  position: relative;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  @media only screen and (max-width: 767px) {
                    .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-fukidashi-right {
                      width: 74%; } }
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-fukidashi-right:before {
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent;
                    border-right: 20px solid #f2f4fe;
                    border-left: 0;
                    position: absolute;
                    content: '';
                    top: 50%;
                    left: -1rem;
                    transform: translateY(-50%); }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-fukidashi-left {
                  width: 84%;
                  background-color: #fefad3;
                  border-radius: 10px;
                  padding: 1rem;
                  position: relative;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  @media only screen and (max-width: 767px) {
                    .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-fukidashi-left {
                      width: 74%; } }
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-fukidashi-left:before {
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent;
                    border-left: 20px solid #fefad3;
                    border-right: 0;
                    position: absolute;
                    content: '';
                    top: 50%;
                    right: -1rem;
                    transform: translateY(-50%); }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-kome {
                text-align: right;
                font-size: .5rem;
                padding: .2rem 1rem 0 0; }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-kome-margin {
                  margin-top: -.5rem; }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-inner-kome a {
                  color: #606060; }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-flex {
              display: flex;
              gap: 1rem;
              padding: 1rem;
              align-items: center; }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                width: 20%; }
                @media only screen and (max-width: 767px) {
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                    width: 30%; } }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                width: 79%; }
                @media only screen and (max-width: 767px) {
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                    width: 69%; } }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-wrapper {
              padding: 1.5rem 0;
              max-width: 600px;
              margin: 0 auto;
              display: flex;
              flex-direction: column;
              gap: 1rem; }
              @media only screen and (max-width: 767px) {
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-wrapper {
                  padding: 1rem; } }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex {
                display: flex;
                gap: .5rem;
                align-items: center;
                justify-content: center; }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex-img {
                  width: 35%; }
                  @media only screen and (max-width: 767px) {
                    .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex-img {
                      width: 44%; } }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex-txt {
                  width: 64%; }
                  @media only screen and (max-width: 767px) {
                    .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex-txt {
                      width: 55%; } }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex2 {
                display: flex;
                gap: .5rem;
                align-items: center;
                justify-content: center; }
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex2-img {
                  width: 49.5%; }
      .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review {
        margin-top: 1.5rem; }
        .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner {
          margin: 1rem 0;
          display: flex;
          flex-direction: column;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner {
              gap: .5rem; } }
          .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner-card {
            background-color: #fff;
            position: relative;
            display: flex;
            align-items: center;
            gap: 1rem;
            border-radius: 10px;
            padding: 1rem; }
            @media only screen and (max-width: 767px) {
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner-card {
                gap: .5rem; } }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner-card-img {
              width: 20%; }
              @media only screen and (max-width: 767px) {
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner-card-img {
                  width: 24%; } }
            .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner-card-comment {
              width: 79%; }
              @media only screen and (max-width: 767px) {
                .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                  width: 75%; } }
              .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                height: auto; }
                @media only screen and (max-width: 767px) {
                  .zodai .ranking .zodai-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                    font-size: 13px !important; } }
  .zodai-survey {
    margin-top: 2rem; }

.hokeisearch {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .hokeisearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .hokeisearch .only-pc {
      display: none; } }
  .hokeisearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #000;
    font-size: .765rem; }
    @media only screen and (max-width: 767px) {
      .hokeisearch select {
        font-size: .68rem;
        height: 3rem; } }
  .hokeisearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .hokeisearch-form {
        gap: .5rem; } }
    .hokeisearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .hokeisearch-form-wrap-sankaku {
        position: relative;
        width: 45%; }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-wrap-sankaku {
            width: 48%; } }
        .hokeisearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #000 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .hokeisearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .hokeisearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .hokeisearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .hokeisearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .hokeisearch-form-submit-txt {
        text-align: center;
        font-size: 0.765rem;
        line-height: 1.2;
        position: relative; }
        .hokeisearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .hokeisearch-form-submit-txt:before {
              display: none; } }
        .hokeisearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .hokeisearch-form-submit-txt:after {
              display: none; } }
      .hokeisearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.105rem; }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .hokeisearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.hokeikekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .hokeikekka-sort {
      flex-direction: column; } }
  .hokeikekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .hokeikekka-sort-now {
        width: 100%; } }
    .hokeikekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .hokeikekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .hokeikekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .hokeikekka-sort-form {
        width: 100%; } }
    .hokeikekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .hokeikekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.zodai-type .swiper-pagination-bullet.swiper-pagination-bullet-active, .zodai-neotype .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #18278b; }

.zodai-ranking .ranking-list-box-inner-review .swiper-button-prev, .zodai-ranking .ranking-list-box-inner-review .swiper-button-next {
  color: #18278b; }
.zodai-ranking .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #18278b; }

/*包茎（増大・長茎）LP用*/
/* kimonoLP   feature　
----------------------------------------------------------------------------------------------*/
.kimono {
  color: #333333;
  font-size: 1.1rem; }
  .kimono .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .kimono img {
    margin: auto; }
  .kimono-wrapper {
    padding: 0 .5rem; }
  .kimono a {
    transition: 0.3s; }
    .kimono a:hover {
      opacity: 0.7; }
  .kimono-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .kimono-ttl {
        margin: 1rem auto 0; } }
  .kimono-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .kimono-cv a:hover {
      opacity: 1; }
    .kimono-cv-copy {
      text-align: center;
      font-size: 1.3rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .kimono-cv-copy-inner {
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .kimono-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .kimono-cv-copy-inner .small {
          font-size: .8rem; }
        .kimono-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/kimono/fukidashi_l.png) no-repeat;
          background-size: contain;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .kimono-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .kimono-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -1.5rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/kimono/fukidashi_r.png) no-repeat;
          background-position: center;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .kimono-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .kimono-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.3rem;
      font-weight: bold;
      background-color: #eb6238;
      box-shadow: 0 8px 0 #632918;
      animation-name: kimono-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .kimono-cv-btn a {
        width: 100%;
        display: inline-block; }
      .kimono-cv-btn a:hover {
        opacity: 1; }
@keyframes kimono-cvmove {
  0% {
    box-shadow: 0 8px 0 #632918;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #632918;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #632918;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #632918;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #632918;
    transform: translatey(0); } }
  .kimono-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .kimono-link {
        margin: 1rem auto 1.5rem; } }
    .kimono-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .kimono-link-btn {
          width: 95%; } }
      .kimono-link-btn a:hover {
        opacity: 1; }
      .kimono-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.3rem;
        color: #333333;
        text-decoration: none;
        font-weight: bold;
        background-color: #ffea80;
        box-shadow: 0 8px 0 #7c6d22;
        animation-name: kimono-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .kimono-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .kimono-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .kimono-link-btn-inner a:hover {
          opacity: 1; }
@keyframes kimono-linkmove {
  0% {
    box-shadow: 0 8px 0 #7c6d22;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #7c6d22;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #7c6d22;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #7c6d22;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #7c6d22;
    transform: translatey(0); } }
        .kimono-link-btn-inner-txt {
          color: #333333;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .kimono-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .kimono-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .kimono-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .kimono-type {
        margin: .5rem auto; } }
    .kimono-type-ttl {
      max-width: 500px;
      margin: auto; }
    .kimono-type-list {
      margin-top: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .kimono-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: 1rem; } }
      .kimono-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .kimono-type-list-inner {
            width: 100%; } }
        .kimono-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #333333;
          font-size: 1.1rem;
          border-radius: 20px 20px 0 0;
          background: #a6b570; }
          .kimono-type-list-inner-ttl-big {
            font-size: 1.6rem; }
          .kimono-type-list-inner-ttl-y {
            background-color: #ffea80; }
          .kimono-type-list-inner-ttl-g {
            background-color: #c7c7c7; }
          .kimono-type-list-inner-ttl-b {
            background-color: #333333;
            color: #fff; }
        .kimono-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #333333;
          border: none;
          background-color: #f3f3f3;
          border-radius: 0 0 20px 20px;
          height: 10rem;
          text-align: center;
          font-size: 1.1rem; }
          @media only screen and (max-width: 767px) {
            .kimono-type-list-inner-content {
              height: auto;
              padding: 1rem;
              font-size: 1rem; } }
          .kimono-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .kimono-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .kimono-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .kimono-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .kimono-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .kimono-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .kimono-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .kimono-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .kimono-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .kimono-type-list-inner-copy {
          width: 75%; }
        .kimono-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .kimono-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .kimono-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .kimono-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .kimono-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .kimono-type-list-inner-cv-txt {
            color: #fff; }
          .kimono-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .kimono-type-kome {
      opacity: .5;
      font-size: 0.7rem;
      text-align: right;
      margin: -.5rem auto;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .kimono-type-kome {
          font-size: .5rem;
          text-align: center;
          margin: 0; } }
  .kimono-point {
    margin-top: 1rem; }
    .kimono-point-ttl {
      margin: 0 auto; }
    .kimono-point-list {
      margin-top: 1rem; }
  .kimono-top3 {
    margin: 2rem auto; }
    .kimono-top3-container {
      margin: 1rem auto;
      max-width: 750px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 4px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "star star star" "anken1-star anken2-star anken3-star" "money money money" "anken1-money anken2-money anken3-money" "achieve achieve achieve" "anken1-achieve anken2-achieve anken3-achieve" "howto howto howto" "anken1-howto anken2-howto anken3-howto" "staff staff staff" "anken1-staff anken2-staff anken3-staff" "fee fee fee" "anken1-fee anken2-fee anken3-fee" "cancel cancel cancel" "anken1-cancel anken2-cancel anken3-cancel" "acce acce acce" "anken1-acce anken2-acce anken3-acce" "crothing crothing crothing" "anken1-crothing anken2-crothing anken3-crothing" "area area area" "anken1-area anken2-area anken3-area" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "link link link" "anken1-link anken2-link anken3-link"; }
      @media only screen and (max-width: 767px) {
        .kimono-top3-container {
          position: relative; } }
      .kimono-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .kimono-top3-container .ttl {
        background-color: #a6b570;
        color: #fff;
        font-weight: bold;
        font-size: 1rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .kimono-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .2rem;
        justify-content: center; }
        .kimono-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .kimono-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .kimono-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .kimono-top3-container-inner .bnr {
              width: 80%; } }
        .kimono-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .kimono-top3-container-inner .eval {
          width: 5rem;
          margin: auto; }
        .kimono-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .kimono-top3-container-inner-txt {
          font-size: 1rem;
          text-align: center;
          line-height: 1.4; }
      .kimono-top3-container-list li {
        position: relative;
        padding-left: 1rem;
        font-size: .9rem; }
        .kimono-top3-container-list li:before {
          position: absolute;
          display: inline-block;
          width: .5rem;
          height: .5rem;
          background-color: #a6b570;
          border-radius: 50%;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          content: ''; }
      @media only screen and (max-width: 767px) {
        .kimono-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .kimono-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .kimono-top3-container .star {
        grid-area: star; }
      .kimono-top3-container .money {
        grid-area: money; }
      .kimono-top3-container .achieve {
        grid-area: achieve; }
      .kimono-top3-container .howto {
        grid-area: howto; }
      .kimono-top3-container .staff {
        grid-area: staff; }
      .kimono-top3-container .fee {
        grid-area: fee; }
      .kimono-top3-container .cancel {
        grid-area: cancel; }
      .kimono-top3-container .acce {
        grid-area: acce; }
      .kimono-top3-container .crothing {
        grid-area: crothing; }
      .kimono-top3-container .area {
        grid-area: area; }
      .kimono-top3-container .cam {
        grid-area: cam; }
      .kimono-top3-container .link {
        grid-area: link; }
      .kimono-top3-container .anken1 {
        grid-area: anken1;
        position: sticky;
        top: 0;
        z-index: 1; }
        .kimono-top3-container .anken1-star {
          grid-area: anken1-star; }
        .kimono-top3-container .anken1-money {
          grid-area: anken1-money; }
        .kimono-top3-container .anken1-achieve {
          grid-area: anken1-achieve; }
        .kimono-top3-container .anken1-howto {
          grid-area: anken1-howto; }
        .kimono-top3-container .anken1-staff {
          grid-area: anken1-staff; }
        .kimono-top3-container .anken1-fee {
          grid-area: anken1-fee; }
        .kimono-top3-container .anken1-cancel {
          grid-area: anken1-cancel; }
        .kimono-top3-container .anken1-acce {
          grid-area: anken1-acce; }
        .kimono-top3-container .anken1-crothing {
          grid-area: anken1-crothing; }
        .kimono-top3-container .anken1-area {
          grid-area: anken1-area; }
        .kimono-top3-container .anken1-cam {
          grid-area: anken1-cam; }
        .kimono-top3-container .anken1-link {
          grid-area: anken1-link; }
      .kimono-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1; }
        .kimono-top3-container .anken2-star {
          grid-area: anken2-star; }
        .kimono-top3-container .anken2-money {
          grid-area: anken2-money; }
        .kimono-top3-container .anken2-achieve {
          grid-area: anken2-achieve; }
        .kimono-top3-container .anken2-howto {
          grid-area: anken2-howto; }
        .kimono-top3-container .anken2-staff {
          grid-area: anken2-staff; }
        .kimono-top3-container .anken2-fee {
          grid-area: anken2-fee; }
        .kimono-top3-container .anken2-cancel {
          grid-area: anken2-cancel; }
        .kimono-top3-container .anken2-acce {
          grid-area: anken2-acce; }
        .kimono-top3-container .anken2-crothing {
          grid-area: anken2-crothing; }
        .kimono-top3-container .anken2-area {
          grid-area: anken2-area; }
        .kimono-top3-container .anken2-cam {
          grid-area: anken2-cam; }
        .kimono-top3-container .anken2-link {
          grid-area: anken2-link; }
      .kimono-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1; }
        .kimono-top3-container .anken3-star {
          grid-area: anken3-star; }
        .kimono-top3-container .anken3-money {
          grid-area: anken3-money; }
        .kimono-top3-container .anken3-achieve {
          grid-area: anken3-achieve; }
        .kimono-top3-container .anken3-howto {
          grid-area: anken3-howto; }
        .kimono-top3-container .anken3-staff {
          grid-area: anken3-staff; }
        .kimono-top3-container .anken3-fee {
          grid-area: anken3-fee; }
        .kimono-top3-container .anken3-cancel {
          grid-area: anken3-cancel; }
        .kimono-top3-container .anken3-acce {
          grid-area: anken3-acce; }
        .kimono-top3-container .anken3-crothing {
          grid-area: anken3-crothing; }
        .kimono-top3-container .anken3-area {
          grid-area: anken3-area; }
        .kimono-top3-container .anken3-cam {
          grid-area: anken3-cam; }
        .kimono-top3-container .anken3-link {
          grid-area: anken3-link; }
    .kimono-top3-presents {
      text-align: right;
      font-size: .8rem;
      color: #808080;
      max-width: 750px;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .kimono-top3-presents {
          font-size: .6rem;
          text-align: center;
          margin: -0.5rem auto 0 !important; } }
  .kimono-column {
    margin: 1rem auto;
    max-width: 750px; }
    .kimono-column-content {
      margin: .5rem auto;
      padding: 1.5rem;
      background-color: #f3f3f3;
      display: flex;
      justify-content: center;
      gap: 1rem;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .kimono-column-content {
          padding: 1.5rem 1rem; } }
      .kimono-column-content-txt {
        text-align: center; }
        .kimono-column-content-txt-big {
          font-size: 1.2rem;
          font-weight: bold; }
        .kimono-column-content-txt-sankaku {
          position: relative; }
          .kimono-column-content-txt-sankaku:before {
            position: absolute;
            content: '';
            bottom: -2rem;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-right: 40px solid transparent;
            border-left: 40px solid transparent;
            border-top: 25px solid #a6b570;
            border-bottom: 0; }
      .kimono-column-content-img {
        max-width: 500px;
        margin: 0 auto; }
  .kimono-season {
    margin: 0 auto; }
    .kimono-season-list {
      display: flex;
      justify-content: center;
      max-width: 700px;
      gap: 1rem;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .kimono-season-list {
          flex-direction: column; } }
      .kimono-season-list-fukidashi {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem; }
        .kimono-season-list-fukidashi-inner {
          position: relative;
          font-weight: bold;
          font-size: 1.1rem; }
          .kimono-season-list-fukidashi-inner:before {
            position: absolute;
            top: 50%;
            left: -1.8rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/kimono/fukidashi_l.png) no-repeat;
            background-size: contain;
            background-position: center; }
            @media only screen and (max-width: 767px) {
              .kimono-season-list-fukidashi-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .kimono-season-list-fukidashi-inner:after {
            position: absolute;
            top: 50%;
            right: -1.8rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/kimono/fukidashi_r.png) no-repeat;
            background-size: contain;
            background-position: center; }
            @media only screen and (max-width: 767px) {
              .kimono-season-list-fukidashi-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .kimono-season-list-inner {
        width: 100%; }
        .kimono-season-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #333333;
          font-size: 1.1rem;
          border-radius: 20px 20px 0 0;
          background: #ffea80; }
          @media only screen and (max-width: 767px) {
            .kimono-season-list-inner-ttl {
              padding: .5rem; } }
          .kimono-season-list-inner-ttl-big {
            font-size: 1.5rem; }
        .kimono-season-list-inner-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border-top: none;
          color: #333333;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          text-align: center;
          font-size: 1rem; }
          @media only screen and (max-width: 767px) {
            .kimono-season-list-inner-content {
              height: auto; } }
          .kimono-season-list-inner-content-name {
            padding: .5rem;
            background-color: #fdf7d9;
            width: 100%;
            display: inline-block; }
            .kimono-season-list-inner-content-name a {
              margin: auto;
              display: inline-block; }
            .kimono-season-list-inner-content-name .logo {
              width: 65%;
              margin: auto; }
          .kimono-season-list-inner-content-wrap {
            width: 100%;
            padding: .5rem .5rem 1rem;
            display: flex;
            flex-direction: column;
            gap: .5rem 0;
            border-radius: 0 0 20px 20px;
            background-color: #f3f3f3; }
            @media only screen and (max-width: 767px) {
              .kimono-season-list-inner-content-wrap {
                min-height: inherit; } }
            .kimono-season-list-inner-content-wrap-txt .big {
              font-size: 1.5rem;
              font-weight: bold;
              padding: 0 .2rem; }
            .kimono-season-list-inner-content-wrap-txt .small {
              font-size: .8rem; }
            .kimono-season-list-inner-content-wrap-cv {
              width: 60%;
              margin: auto; }
              @media only screen and (max-width: 767px) {
                .kimono-season-list-inner-content-wrap-cv {
                  width: 80%; } }
        .kimono-season-list-inner-cv {
          width: 80%;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .kimono-season-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .kimono-season-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .kimono-season-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .kimono-season-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .kimono-season-list-inner-cv-txt {
            color: #fff; }
          .kimono-season-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .kimono-season-kome {
      opacity: .5;
      font-size: 0.7rem;
      text-align: right;
      margin: -.5rem auto 1rem;
      max-width: 700px; }
      @media only screen and (max-width: 767px) {
        .kimono-season-kome {
          font-size: .5rem;
          margin: 0 auto 1rem; } }
  .kimono .ranking-title {
    z-index: 0;
    background-color: #a6b570;
    position: relative; }
    .kimono .ranking-title-year {
      color: #a6b570;
      position: absolute;
      font-size: 1.3rem;
      top: 1rem;
      left: 50%;
      font-size: 1.7rem;
      transform: translateX(-55%); }
      @media only screen and (max-width: 767px) {
        .kimono .ranking-title-year {
          font-size: 1.3rem;
          transform: translateX(-54%); } }
    .kimono .ranking-title-img {
      display: inline-block;
      max-width: 500px;
      margin: auto; }
    .kimono .ranking-title:after {
      top: 100%;
      border-top: 20px solid #a6b570; }
  .kimono .ranking .kimono-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .kimono .ranking .kimono-ranking {
        padding: 0 .5rem; } }
    .kimono .ranking .kimono-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #ffea80; }
    .kimono .ranking .kimono-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .kimono .ranking .kimono-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #80610d; }
    .kimono .ranking .kimono-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .kimono .ranking .kimono-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .kimono .ranking .kimono-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f3f3;
      border-radius: 20px; }
      .kimono .ranking .kimono-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .kimono .ranking .kimono-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .kimono .ranking .kimono-ranking-list .ranking-list-box-cv2 {
        width: 100%; }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-cv2-btn {
          width: 50%;
          height: auto;
          line-height: 1.2;
          padding: 1rem;
          border-radius: 50px; }
          @media only screen and (max-width: 767px) {
            .kimono .ranking .kimono-ranking-list .ranking-list-box-cv2-btn {
              width: 90%; } }
      .kimono .ranking .kimono-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .kimono .ranking .kimono-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .kimono .ranking .kimono-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .kimono .ranking .kimono-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .kimono .ranking .kimono-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .kimono .ranking .kimono-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap {
          display: flex;
          justify-content: center;
          gap: 2rem; }
          @media only screen and (max-width: 767px) {
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap {
              gap: 1.5rem; } }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi {
            background-color: #fdf7d9;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 1rem;
            width: 70%;
            position: relative;
            z-index: 1; }
            @media only screen and (max-width: 767px) {
              .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi {
                padding: .5rem; } }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi:after {
              position: absolute;
              display: inline-block;
              content: '';
              z-index: 2;
              top: 50%;
              right: -14px;
              transform: translateY(-50%);
              z-index: 0;
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 8px solid transparent;
              border-bottom: 8px solid transparent;
              border-left: 17px solid #fdf7d9;
              border-right: 0; }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap-fukidashi-txt {
              text-align: center;
              font-size: .8rem; }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap-cv {
            width: 29%; }
            @media only screen and (max-width: 767px) {
              .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap-cv {
                width: 35%; } }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap-cv-btn {
              width: 100%;
              font-size: 1.4rem; }
              @media only screen and (max-width: 767px) {
                .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-fukidashiwrap-cv-btn {
                  font-size: .9rem; } }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-ttl {
          background-color: #a6b570;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-osusume-content-inner {
              padding-left: 1.5rem; }
              .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-osusume-content-inner-ttl {
                position: relative;
                font-size: 1.2rem; }
                .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-osusume-content-inner-ttl:before {
                  position: absolute;
                  top: 50%;
                  left: -1.5rem;
                  transform: translateY(-50%);
                  display: inline-block;
                  width: 1.2rem;
                  height: 1.2rem;
                  content: '';
                  background: url(../img/feature/kimono/kimono_check.png) no-repeat;
                  background-size: contain; }
              .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-osusume-content-inner-txt {
                font-size: 1rem; }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto;
          border: none; }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-specbox th {
            background-color: #a6b570;
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f3f3; }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f3f3;
            border-bottom: 0.5rem solid #f3f3f3;
            font-size: 1rem;
            padding: .5rem; }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-specbox-eval {
            width: 20%;
            display: inline-block; }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-specbox-kome {
            text-align: right;
            font-size: .7rem;
            color: #333333;
            max-width: 750px;
            margin: -1.8rem auto 1rem !important; }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-inner {
          margin-top: .5rem; }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card {
          background-color: #fff;
          width: 100%;
          padding: 1.5rem 3rem;
          box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
          display: flex;
          justify-content: space-between;
          flex-direction: column;
          align-items: center;
          gap: .5rem;
          max-height: 700px; }
          @media only screen and (max-width: 767px) {
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card {
              padding: 1.5rem 2rem;
              gap: 1rem; } }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card-img {
            width: 40%; }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card-comment {
            width: 100%; }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card-comment p {
              font-size: 1rem !important; }
            @media only screen and (max-width: 767px) {
              .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card-comment {
                padding: 0 2rem; } }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
              position: relative;
              display: inline-block;
              font-size: 1.8rem;
              margin-bottom: 1rem;
              line-height: 1.2; }
              .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                position: absolute;
                bottom: -0.5rem;
                left: 0;
                background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                content: "";
                height: 2px;
                width: 100%; }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card-comment-link {
              display: block;
              font-size: 0.9rem;
              text-align: right;
              opacity: 0.5; }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-review-card-comment-txt {
              margin-top: .5rem;
              line-height: 1.5; }
        .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-cam {
          margin: 1rem auto;
          max-width: 500px; }
          @media only screen and (max-width: 767px) {
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-cam {
              margin: 1rem auto; } }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-cam-ttl {
            background-color: #ffea80;
            color: #333333;
            font-weight: bold; }
          .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-cam-content {
            position: relative;
            width: 100%;
            background-color: #fff;
            padding: 1rem 2rem;
            text-align: center;
            min-height: 4rem;
            border-top: none;
            font-size: 1rem; }
            @media only screen and (max-width: 767px) {
              .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-cam-content {
                padding: 1rem 3.5rem; } }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-cam-content:before {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: 1rem;
              display: inline-block;
              width: 3em;
              height: 3rem;
              content: '';
              background: url(../img/feature/kimono/gift_icon.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-cam-content:before {
                  left: .5rem; } }
            .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-cam-content:after {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: 1rem;
              display: inline-block;
              width: 3em;
              height: 3rem;
              content: '';
              background: url(../img/feature/kimono/gift_icon.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .kimono .ranking .kimono-ranking-list .ranking-list-box-inner-cam-content:after {
                  right: .5rem; } }
  .kimono-survey {
    margin-top: 2rem;
    font-size: 1rem; }
  .kimono-kiji {
    max-width: 750px;
    margin: 0 auto; }
    .kimono-kiji-mv {
      margin: 0 auto 1rem; }
      .kimono-kiji-mv-txt {
        font-size: 1.4rem;
        padding: 1rem;
        text-align: center;
        border: 4px solid #a396b2;
        margin: 0 auto 1rem; }
        @media only screen and (max-width: 767px) {
          .kimono-kiji-mv-txt {
            font-size: 1.4rem;
            padding: .5rem; } }
        .kimono-kiji-mv-txt-big {
          font-size: 1.6rem;
          color: #a396b2;
          display: block; }
      .kimono-kiji-mv-img {
        margin: 1rem auto; }
    .kimono-kiji-link {
      max-width: 750px;
      margin: .5rem auto 1.5rem; }
      .kimono-kiji-link-btn {
        display: flex;
        justify-content: center;
        margin: auto;
        padding: 1rem 2rem;
        border-radius: 50px;
        width: 65%;
        margin: auto;
        background-color: #a6b570;
        box-shadow: 0 8px 0 #495032; }
        @media only screen and (max-width: 767px) {
          .kimono-kiji-link-btn {
            width: 90%; } }
        .kimono-kiji-link-btn:hover {
          opacity: 1 !important;
          box-shadow: none;
          transform: translatey(8px); }
    .kimono-kiji-type {
      margin: -1rem auto 0; }
      @media only screen and (max-width: 767px) {
        .kimono-kiji-type {
          padding: 0 .5rem; } }
      .kimono-kiji-type-ttl {
        max-width: 500px;
        margin: auto; }
      .kimono-kiji-type-list {
        max-width: 500px;
        margin: .5rem auto 0;
        flex-direction: column;
        gap: 1rem; }
        .kimono-kiji-type-list-inner {
          width: 100%; }
          .kimono-kiji-type-list-inner-ttl {
            padding: 1rem .5rem;
            text-align: center;
            font-weight: bold;
            color: #fff;
            font-size: 1rem;
            border-radius: 20px 20px 0 0;
            background: #a6b570; }
            .kimono-kiji-type-list-inner-ttl-big {
              font-size: 1.5rem; }
            .kimono-kiji-type-list-inner-ttl-y {
              background-color: #ffea80;
              color: #333333; }
            .kimono-kiji-type-list-inner-ttl-g {
              background-color: #c7c7c7;
              color: #333333; }
            .kimono-kiji-type-list-inner-ttl-p {
              background-color: #a396b2; }
          .kimono-kiji-type-list-inner-content {
            padding: 1.5rem .5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: #333333;
            background-color: #f3f3f3;
            border: none;
            border-radius: 0 0 20px 20px;
            height: auto;
            text-align: center;
            font-size: .9rem; }
            @media only screen and (max-width: 767px) {
              .kimono-kiji-type-list-inner-content {
                padding: 1rem;
                height: auto; } }
            .kimono-kiji-type-list-inner-content-wrap {
              display: flex;
              flex-direction: column;
              gap: .5rem;
              max-width: 350px;
              margin: auto;
              width: 100%; }
              .kimono-kiji-type-list-inner-content-wrap .logo {
                width: 80%;
                margin: auto;
                position: inherit; }
                @media only screen and (max-width: 767px) {
                  .kimono-kiji-type-list-inner-content-wrap .logo {
                    width: 65%; } }
              .kimono-kiji-type-list-inner-content-wrap-flex {
                display: flex;
                gap: .5rem; }
                .kimono-kiji-type-list-inner-content-wrap-flex-link {
                  width: 25%;
                  border-radius: 20px;
                  background-color: #c7c7c7;
                  line-height: 45px;
                  margin-top: 5px;
                  box-shadow: 0 3px 0 #757575; }
                  .kimono-kiji-type-list-inner-content-wrap-flex-link:hover {
                    box-shadow: 0 0 0 0;
                    margin: 8px 0 -3px;
                    opacity: 1 !important;
                    transition: .2s; }
                  .kimono-kiji-type-list-inner-content-wrap-flex-link-txt {
                    color: #333333 !important;
                    font-weight: bold;
                    font-size: 1rem; }
                .kimono-kiji-type-list-inner-content-wrap-flex-cv {
                  height: 45px;
                  line-height: 45px; }
                  .kimono-kiji-type-list-inner-content-wrap-flex-cv-txt {
                    color: #fff;
                    font-size: 1.3rem;
                    display: block; }
              .kimono-kiji-type-list-inner-content-wrap .kome {
                display: flex;
                flex-direction: column;
                margin: .2rem auto; }
                .kimono-kiji-type-list-inner-content-wrap .kome-item {
                  font-size: .7rem;
                  text-align: center; }
            .kimono-kiji-type-list-inner-content-copy {
              width: 100%;
              display: flex;
              justify-content: center;
              align-items: center; }
    .kimono-kiji-fact {
      background-color: #fdf7d9;
      position: relative;
      margin: 2rem auto;
      padding: .1rem 0 1rem; }
      @media only screen and (max-width: 767px) {
        .kimono-kiji-fact {
          padding: .1rem .5rem 1rem; } }
      .kimono-kiji-fact:before {
        position: absolute;
        bottom: -1.5rem;
        left: 50%;
        transform: translateX(-50%);
        display: inline-block;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 60px solid transparent;
        z-index: -1;
        border-left: 60px solid transparent;
        border-top: 40px solid #fdf7d9;
        border-bottom: 0; }
      .kimono-kiji-fact-inner {
        max-width: 600px;
        margin: 1rem auto; }
        .kimono-kiji-fact-inner-ttl {
          margin: 0 auto; }
        .kimono-kiji-fact-inner-img {
          margin: 1rem auto; }
        .kimono-kiji-fact-inner-kome {
          text-align: right;
          font-size: .7rem;
          margin: .5rem auto; }
          .kimono-kiji-fact-inner-kome a {
            color: #333333; }
        .kimono-kiji-fact-inner-txt {
          text-align: center;
          margin: 1rem auto;
          line-height: 1.5; }
          .kimono-kiji-fact-inner-txt .big {
            font-size: 1.4rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .kimono-kiji-fact-inner-txt .big {
                font-size: 1.2rem; } }
    .kimono-kiji-index {
      max-width: 500px;
      margin: 1rem auto;
      border: 4px solid #c7c7c7;
      padding: 1rem;
      display: flex;
      flex-direction: column;
      background-color: #f3f3f3;
      gap: .2rem; }
      .kimono-kiji-index-ttl {
        font-size: 1.6rem;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .kimono-kiji-index-ttl {
            font-size: 1.4rem; } }
      .kimono-kiji-index-item {
        padding-left: 2rem;
        position: relative; }
        .kimono-kiji-index-item:before {
          position: absolute;
          display: inline-block;
          width: 4px;
          height: 4px;
          border-radius: 50px;
          background-color: #c7c7c7;
          content: '';
          top: 50%;
          left: 1rem;
          transform: translateY(-50%); }
    .kimono-kiji-ttl {
      margin: 2rem auto 1.5rem; }
    .kimono-kiji-subttl {
      position: relative;
      margin: 2rem auto;
      text-align: center;
      display: flex;
      justify-content: center;
      font-size: 1.6rem; }
      @media only screen and (max-width: 767px) {
        .kimono-kiji-subttl {
          font-size: 1.4rem; } }
      .kimono-kiji-subttl:before {
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #a396b2;
        content: ''; }
      .kimono-kiji-subttl-big {
        font-weight: bold;
        font-size: 2rem;
        color: #a396b2; }
        @media only screen and (max-width: 767px) {
          .kimono-kiji-subttl-big {
            font-size: 1.7rem; } }
    .kimono-kiji-txt {
      font-size: 1.2rem;
      line-height: 1.7;
      margin-top: 1rem; }
      @media only screen and (max-width: 767px) {
        .kimono-kiji-txt {
          font-size: 1.1rem;
          padding: 0 .5rem; } }
      .kimono-kiji-txt-small {
        font-size: 1rem; }
        @media only screen and (max-width: 767px) {
          .kimono-kiji-txt-small {
            font-size: .9rem; } }
    .kimono-kiji-img {
      margin: 1.5rem auto;
      max-width: 500px; }
    .kimono-kiji-kome {
      font-size: 1rem;
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .kimono-kiji-kome {
          padding: 0 .5rem; } }
      .kimono-kiji-kome-mini {
        font-size: .8rem; }
    .kimono-kiji-container {
      margin: 1rem auto .5rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "product y2020 y2024" "product-1 y2020-1 y2024-1" "product-2 y2020-2 y2024-2" "product-3 y2020-3 y2024-3" "product-4 y2020-4 y2024-4" "product-5 y2020-5 y2024-5"; }
      @media only screen and (max-width: 767px) {
        .kimono-kiji-container {
          grid-template-columns: .8fr 1fr 1fr;
          margin: 2rem auto .5rem; } }
      .kimono-kiji-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1.2rem;
        background-color: #f3f3f3;
        padding: .5rem; }
      .kimono-kiji-container .ttl {
        background-color: #a6b570;
        color: #fff;
        font-weight: bold;
        font-size: 1.1rem; }
      .kimono-kiji-container .attention {
        background-color: #fdf7d9;
        color: #eb6238;
        font-weight: bold; }
      .kimono-kiji-container .product {
        grid-area: product; }
        .kimono-kiji-container .product-1 {
          grid-area: product-1; }
        .kimono-kiji-container .product-2 {
          grid-area: product-2; }
        .kimono-kiji-container .product-3 {
          grid-area: product-3; }
        .kimono-kiji-container .product-4 {
          grid-area: product-4; }
        .kimono-kiji-container .product-5 {
          grid-area: product-5; }
      .kimono-kiji-container .y2020 {
        grid-area: y2020; }
        .kimono-kiji-container .y2020-1 {
          grid-area: y2020-1; }
        .kimono-kiji-container .y2020-2 {
          grid-area: y2020-2; }
        .kimono-kiji-container .y2020-3 {
          grid-area: y2020-3; }
        .kimono-kiji-container .y2020-4 {
          grid-area: y2020-4; }
        .kimono-kiji-container .y2020-5 {
          grid-area: y2020-5; }
      .kimono-kiji-container .y2024 {
        grid-area: y2024;
        color: #333333;
        position: relative;
        border: 4px solid #eb6238;
        border-bottom: none; }
        @media only screen and (max-width: 767px) {
          .kimono-kiji-container .y2024 {
            padding-right: 3rem;
            border: 2px solid #eb6238;
            border-bottom: none; } }
        .kimono-kiji-container .y2024:before {
          position: absolute;
          top: -2rem;
          right: 0;
          content: '';
          background: url(../img/feature/kimono/kiji/uri_batch.png) no-repeat;
          width: 4rem;
          height: 4rem;
          background-size: contain;
          display: inline-block; }
        .kimono-kiji-container .y2024-1 {
          grid-area: y2024-1;
          border-right: 4px solid #eb6238;
          border-left: 4px solid #eb6238; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-container .y2024-1 {
              border-left: 2px solid #eb6238;
              border-right: 2px solid #eb6238; } }
        .kimono-kiji-container .y2024-2 {
          grid-area: y2024-2;
          border-right: 4px solid #eb6238;
          border-left: 4px solid #eb6238; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-container .y2024-2 {
              border-left: 2px solid #eb6238;
              border-right: 2px solid #eb6238; } }
        .kimono-kiji-container .y2024-3 {
          grid-area: y2024-3;
          border-right: 4px solid #eb6238;
          border-left: 4px solid #eb6238; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-container .y2024-3 {
              border-left: 2px solid #eb6238;
              border-right: 2px solid #eb6238; } }
        .kimono-kiji-container .y2024-4 {
          grid-area: y2024-4;
          border-right: 4px solid #eb6238;
          border-left: 4px solid #eb6238; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-container .y2024-4 {
              border-left: 2px solid #eb6238;
              border-right: 2px solid #eb6238; } }
        .kimono-kiji-container .y2024-5 {
          grid-area: y2024-5;
          border: 4px solid #eb6238;
          border-top: none; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-container .y2024-5 {
              border: 2px solid #eb6238;
              border-top: none; } }
    .kimono-kiji-suggest {
      margin: 0 auto; }
      .kimono-kiji-suggest-ttl {
        font-weight: bold;
        text-align: center;
        padding-bottom: 3rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 2rem; }
        .kimono-kiji-suggest-ttl-inner {
          position: relative; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-suggest-ttl-inner {
              margin-right: 4rem; } }
          .kimono-kiji-suggest-ttl-inner:before {
            position: absolute;
            right: -6rem;
            top: -1.5rem;
            width: 6rem;
            height: 6rem;
            display: inline-block;
            content: '';
            background: url(../img/feature/kimono/kiji/ichioshi_batch.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .kimono-kiji-suggest-ttl-inner:before {
                width: 4rem;
                height: 4rem;
                right: -4rem; } }
        .kimono-kiji-suggest-ttl-chevron {
          position: absolute;
          width: 28px;
          height: 8px;
          top: 1.8rem;
          opacity: 0;
          transform: scale3d(0.5, 0.5, 0.5);
          animation: move 3s ease-out infinite; }
          .kimono-kiji-suggest-ttl-chevron:first-child {
            animation: move 3s ease-out 1s infinite; }
          .kimono-kiji-suggest-ttl-chevron:nth-child(2) {
            animation: move 3s ease-out 2s infinite; }
          .kimono-kiji-suggest-ttl-chevron:before, .kimono-kiji-suggest-ttl-chevron:after {
            content: ' ';
            position: absolute;
            top: 0;
            height: 100%;
            width: 51%;
            background: #a396b2; }
          .kimono-kiji-suggest-ttl-chevron:before {
            left: 0;
            transform: skew(0deg, 30deg); }
          .kimono-kiji-suggest-ttl-chevron:after {
            right: 0;
            width: 50%;
            transform: skew(0deg, -30deg); }
@keyframes move {
  25% {
    opacity: 1; }
  33% {
    opacity: 1;
    transform: translateY(30px); }
  67% {
    opacity: 1;
    transform: translateY(40px); }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5); } }
      .kimono-kiji-suggest-img {
        margin: 1.5rem auto;
        width: 100%; }
      .kimono-kiji-suggest-message {
        font-size: 2rem;
        font-weight: bold;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .kimono-kiji-suggest-message {
            font-size: 1.4rem;
            padding: 0 .5rem; } }
      .kimono-kiji-suggest-osusume {
        margin: 1rem auto; }
        .kimono-kiji-suggest-osusume-ttl {
          background-color: #a6b570;
          padding: 1rem;
          color: #fff;
          font-size: 1.4rem;
          text-align: center; }
        .kimono-kiji-suggest-osusume-content {
          border: 4px solid #a6b570;
          background-color: #fff;
          display: flex;
          flex-direction: column;
          gap: .5rem;
          margin: 0;
          padding: 1rem 2rem; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-suggest-osusume-content {
              padding: 1rem; } }
          .kimono-kiji-suggest-osusume-content-inner {
            padding-left: 1.5rem; }
            .kimono-kiji-suggest-osusume-content-inner-ttl {
              position: relative;
              font-size: 1.4rem; }
              .kimono-kiji-suggest-osusume-content-inner-ttl:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/kimono/kimono_check.png) no-repeat;
                background-size: contain; }
            .kimono-kiji-suggest-osusume-content-inner-txt {
              font-size: 1.2rem;
              line-height: 1.6; }
              @media only screen and (max-width: 767px) {
                .kimono-kiji-suggest-osusume-content-inner-txt {
                  font-size: 1.1rem; } }
      .kimono-kiji-suggest-point {
        margin: 1rem auto; }
        .kimono-kiji-suggest-point-content {
          background-color: #f3f3f3;
          display: flex;
          flex-direction: column;
          gap: .8rem;
          margin: 0;
          padding: 1rem 2rem; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-suggest-point-content {
              padding: 1rem; } }
          .kimono-kiji-suggest-point-content-inner {
            padding-left: 1.5rem; }
            .kimono-kiji-suggest-point-content-inner-ttl {
              position: relative;
              font-size: 1.4rem; }
              .kimono-kiji-suggest-point-content-inner-ttl:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/kimono/kiji/kimono_black_check.png) no-repeat;
                background-size: contain; }
            .kimono-kiji-suggest-point-content-inner-txt {
              font-size: 1.1rem;
              line-height: 1.5; }
      .kimono-kiji-suggest-cv {
        width: 100%; }
        .kimono-kiji-suggest-cv-copy {
          margin: 1rem auto .5rem; }
        .kimono-kiji-suggest-cv-btn {
          height: auto;
          padding: 1rem;
          line-height: 1.4;
          border-radius: 100px;
          width: 60%; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-suggest-cv-btn {
              width: 80%; } }
    .kimono-kiji-swiper {
      max-width: 450px;
      margin: 0 auto .5rem; }
    .kimono-kiji-swiperg {
      max-width: 460px;
      height: 400px; }
      @media only screen and (max-width: 767px) {
        .kimono-kiji-swiperg {
          margin-top: -.5rem; } }
    .kimono-kiji-list {
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      .kimono-kiji-list-item-ttl {
        font-size: 1.6rem;
        cursor: pointer;
        padding: .5rem 1rem;
        background-color: rgba(163, 150, 178, 0.1);
        transition: .1s;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .kimono-kiji-list-item-ttl {
            font-size: 1.4rem;
            padding: .5rem; } }
        .kimono-kiji-list-item-ttl:hover {
          background-color: rgba(163, 150, 178, 0.3); }
        .kimono-kiji-list-item-ttl-tate {
          font-size: 1.6rem; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-list-item-ttl-tate {
              font-size: 1.4rem;
              padding: 0 .5rem; } }
        .kimono-kiji-list-item-ttl-num {
          font-size: 2rem;
          color: #a396b2;
          font-weight: bold;
          padding-right: 1rem; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-list-item-ttl-num {
              padding-right: .5rem; } }
        .kimono-kiji-list-item-ttl .plus {
          position: relative;
          width: 23px;
          height: 23px;
          display: block;
          transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
          cursor: pointer;
          will-change: transform; }
          .kimono-kiji-list-item-ttl .plus:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 75%;
            height: 3px;
            border-radius: 10px;
            background: #a396b2;
            display: block; }
          .kimono-kiji-list-item-ttl .plus:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 3px;
            height: 75%;
            border-radius: 10px;
            background: #a396b2;
            display: block;
            transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
            will-change: transform; }
        .kimono-kiji-list-item-ttl.active .plus:after {
          transform: translate(-50%, -50%) rotate(90deg); }
        .kimono-kiji-list-item-ttl-01 {
          position: relative;
          padding-bottom: 4px;
          text-align: center;
          font-size: 1.6rem; }
          @media only screen and (max-width: 767px) {
            .kimono-kiji-list-item-ttl-01 {
              font-size: 1.4rem; } }
          .kimono-kiji-list-item-ttl-01:before {
            position: absolute;
            bottom: 4px;
            left: 0;
            width: 100%;
            height: 4px;
            background-color: #a396b2;
            content: ''; }
      .kimono-kiji-list-item-content {
        display: none; }
    .kimono-kiji-example {
      max-width: 500px;
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: .2rem;
      padding: 1rem;
      border: 4px solid #c7c7c7;
      background-color: #f3f3f3; }
      .kimono-kiji-example-ttl {
        font-size: 1.1rem;
        font-weight: bold; }
      .kimono-kiji-example-item {
        position: relative;
        padding-left: 1rem;
        font-size: 1.1rem; }
        .kimono-kiji-example-item:before {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          width: 4px;
          height: 4px;
          border-radius: 50px;
          background-color: #c7c7c7;
          content: ''; }
    .kimono-kiji-point {
      display: flex;
      gap: 1rem;
      justify-content: center;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .kimono-kiji-point {
          padding: 0 .5rem;
          gap: .5rem; } }
      .kimono-kiji-point-img {
        width: 30%; }
      .kimono-kiji-point-txt {
        width: 69%;
        font-size: 1.2rem; }
        @media only screen and (max-width: 767px) {
          .kimono-kiji-point-txt {
            font-size: 1.1rem; } }
    .kimono-kiji-top3-container {
      grid-template-areas: "anken1 anken2 anken3" "star star star" "anken1-star anken2-star anken3-star" "howto howto howto" "anken1-howto anken2-howto anken3-howto" "fee fee fee" "anken1-fee anken2-fee anken3-fee" "cancel cancel cancel" "anken1-cancel anken2-cancel anken3-cancel" "acce acce acce" "anken1-acce anken2-acce anken3-acce" "crothing crothing crothing" "anken1-crothing anken2-crothing anken3-crothing" "achieve achieve achieve" "anken1-achieve anken2-achieve anken3-achieve" "area area area" "anken1-area anken2-area anken3-area" "cam cam cam" "anken1-cam anken2-cam anken3-cam"; }

.kimonosearch {
  max-width: 1020px;
  margin: auto;
  padding: .5rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .kimonosearch {
      padding: .5rem; } }
  .kimonosearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .kimonosearch .only-pc {
      display: none; } }
  .kimonosearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2rem;
    color: #c7c7c7;
    font-size: .7rem; }
    @media only screen and (max-width: 767px) {
      .kimonosearch select {
        height: 1.6rem;
        padding: .2rem; } }
  .kimonosearch-form {
    display: flex;
    gap: .3rem; }
    @media only screen and (max-width: 767px) {
      .kimonosearch-form {
        gap: .5rem; } }
    .kimonosearch-form-wrap {
      display: flex;
      gap: .3rem;
      width: 87%;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .kimonosearch-form-wrap {
          width: 79%;
          flex-wrap: wrap; } }
      .kimonosearch-form-wrap-sankaku {
        position: relative;
        width: 16%; }
        @media only screen and (max-width: 767px) {
          .kimonosearch-form-wrap-sankaku {
            width: 48%; } }
        .kimonosearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .kimonosearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .kimonosearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .kimonosearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .kimonosearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .kimonosearch-form-submit {
      position: relative;
      width: 12%;
      text-align: center;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .kimonosearch-form-submit {
          width: 20%; } }
      .kimonosearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .kimonosearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .kimonosearch-form-submit-txt:before {
              display: none; } }
        .kimonosearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .kimonosearch-form-submit-txt:after {
              display: none; } }
      .kimonosearch-form-submit input {
        margin: 0 auto;
        padding: .4rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .kimonosearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .kimonosearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .kimonosearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.kimonokekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .kimonokekka-sort {
      flex-direction: column; } }
  .kimonokekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .kimonokekka-sort-now {
        width: 100%; } }
    .kimonokekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .kimonokekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .kimonokekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .kimonokekka-sort-form {
        width: 100%; } }
    .kimonokekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .kimonokekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.kimonokekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .kimonokekka-none-button {
      width: 70%; } }
  .kimonokekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .kimonokekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .kimonokekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .kimonokekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .kimonokekka-none-button-wrap a:hover {
        color: #808080; }

.kimono-point .swiper-button-prev, .kimono-point .swiper-button-next {
  color: #a6b570; }
.kimono-point .swiper-button-next:after, .kimono-point .swiper-button-prev:after {
  font-size: 2.5rem; }
.kimono-point .swiper-pagination-bullet {
  color: #a6b570;
  border: 1px solid #fff;
  box-sizing: content-box; }
.kimono-point .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #a6b570;
  border: 1px solid #fff;
  box-sizing: content-box; }
.kimono-kiji-swiper .swiper-button-prev, .kimono-kiji-swiper .swiper-button-next {
  color: #a396b2; }
.kimono-kiji-swiper .swiper-button-next:after, .kimono-kiji-swiper .swiper-button-prev:after {
  font-size: 2.5rem; }
.kimono-kiji-swiper .swiper-pagination-bullet {
  color: #a396b2;
  border: 1px solid #fff;
  box-sizing: content-box; }
.kimono-kiji-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #a396b2;
  border: 1px solid #fff;
  box-sizing: content-box; }
.kimono .ranking-list-box-inner-review .swiper-button-prev, .kimono .ranking-list-box-inner-review .swiper-button-next {
  color: #a6b570; }
.kimono .ranking-list-box-inner-review .swiper-button-next:after, .kimono .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.kimono .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #a6b570;
  border: 1px solid #fff;
  box-sizing: content-box; }
.kimono .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #a6b570;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*着物買取LP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.slimming {
  color: #231815; }
  @media only screen and (max-width: 767px) {
    .slimming {
      font-size: .9rem; } }
  .slimming .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .slimming .newlp-mainvisual {
    max-width: 1000px; }
  .slimming img {
    margin: auto; }
  .slimming-wrapper {
    padding: 0 .5rem; }
  .slimming a {
    transition: 0.3s; }
    .slimming a:hover {
      opacity: 0.7; }
  .slimming-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .slimming-ttl {
        margin: 1rem auto 0; } }
  .slimming-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .slimming-cv a:hover {
      opacity: 1; }
    .slimming-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .slimming-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .slimming-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .slimming-cv-copy-inner .small {
          font-size: 1rem; }
        .slimming-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/slimming/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .slimming-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .slimming-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/slimming/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .slimming-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .slimming-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #e73a56;
      box-shadow: 0 8px 0 #601824;
      animation-name: slimming-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .slimming-cv-btn {
          width: 100%; } }
      .slimming-cv-btn a {
        width: 100%;
        display: inline-block; }
      .slimming-cv-btn a:hover {
        opacity: 1; }
@keyframes slimming-cvmove {
  0% {
    box-shadow: 0 8px 0 #601824;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #601824;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #601824;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #601824;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #601824;
    transform: translatey(0); } }
  .slimming-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .slimming-link {
        margin: 1rem auto 1.5rem; } }
    .slimming-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .slimming-link-btn {
          width: 95%; } }
      .slimming-link-btn a:hover {
        opacity: 1; }
      .slimming-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #231815;
        text-decoration: none;
        font-weight: bold;
        background-color: #f3ec35;
        box-shadow: 0 8px 0 #575100;
        animation-name: slimming-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .slimming-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .slimming-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .slimming-link-btn-inner a:hover {
          opacity: 1; }
@keyframes slimming-linkmove {
  0% {
    box-shadow: 0 8px 0 #575100;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #575100;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #575100;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #575100;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #575100;
    transform: translatey(0); } }
        .slimming-link-btn-inner-txt {
          color: #231815;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .slimming-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .slimming-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .slimming-jump {
    max-width: 400px;
    margin: 1rem auto;
    display: flex;
    justify-content: center; }
    .slimming-jump a:hover {
      opacity: 1;
      box-shadow: none;
      transition: .3s;
      transform: translatey(8px); }
      .slimming-jump a:hover img {
        opacity: 1; }
    .slimming-jump-btn {
      padding: 1rem;
      width: 100%;
      border-radius: 50px;
      overflow: hidden;
      color: #fff !important;
      display: flex;
      justify-content: center;
      text-decoration: none;
      font-weight: bold;
      background-color: #f6fafd;
      box-shadow: 0 8px 0 #5d5f61;
      transition: .3s; }
      .slimming-jump-btn-img {
        width: 90%;
        display: inline-block; }
  .slimming-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .slimming-type {
        margin: .5rem auto; } }
    .slimming-type-ttl {
      max-width: 500px;
      margin: auto; }
    .slimming-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .slimming-type-list {
          flex-direction: column;
          gap: 1rem; } }
      .slimming-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .slimming-type-list-inner {
            width: 100%; } }
        .slimming-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #41a5a1; }
          .slimming-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .slimming-type-list-inner-ttl-y {
            background-color: #f3ec35;
            color: #231815; }
          .slimming-type-list-inner-ttl-b {
            background-color: #231815; }
          .slimming-type-list-inner-ttl-br {
            background-color: #6f3700; }
        .slimming-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #231815;
          border: none;
          background-color: #f3f3f3;
          border-radius: 0 0 20px 20px;
          height: 12rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .slimming-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .slimming-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .slimming-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .slimming-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .slimming-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .slimming-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .slimming-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .slimming-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .slimming-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .slimming-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .slimming-type-list-inner-copy {
          width: 75%; }
        .slimming-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .slimming-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .slimming-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .slimming-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .slimming-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .slimming-type-list-inner-cv-txt {
            color: #fff; }
          .slimming-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .slimming-type-kome {
      opacity: .5;
      font-size: 0.9rem;
      text-align: right;
      margin: -.5rem auto 1rem;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .slimming-type-kome {
          font-size: .8rem;
          text-align: center;
          margin: 0; } }
  .slimming-intro {
    max-width: 750px;
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .slimming-intro {
        padding: 0 .5rem; } }
    .slimming-intro-wrap {
      position: relative; }
      .slimming-intro-wrap::before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 12rem;
        height: 12rem;
        display: inline-block;
        z-index: -1;
        content: '';
        background: url(../img/feature/slimming/intro_img1.png) no-repeat;
        background-size: contain;
        background-position: center; }
        @media only screen and (max-width: 767px) {
          .slimming-intro-wrap::before {
            display: none; } }
      .slimming-intro-wrap::after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 12rem;
        height: 12rem;
        display: inline-block;
        z-index: -1;
        content: '';
        background: url(../img/feature/slimming/intro_img2.png) no-repeat;
        background-size: contain;
        background-position: center; }
        @media only screen and (max-width: 767px) {
          .slimming-intro-wrap::after {
            display: none; } }
      .slimming-intro-wrap-txt {
        text-align: center;
        margin: 1rem auto; }
        .slimming-intro-wrap-txt .big {
          font-size: 2rem;
          font-weight: bold;
          line-height: 1.3; }
        .slimming-intro-wrap-txt .cooling {
          color: #41a5a1; }
        .slimming-intro-wrap-txt .suction {
          color: #6f3700; }
      .slimming-intro-wrap-img {
        display: flex;
        justify-content: center;
        margin: -1rem auto;
        width: 80%; }
  .slimming-fact {
    background-color: #e7fffe;
    margin: 0rem auto 3rem;
    position: relative;
    padding-top: .1rem; }
    .slimming-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: -1;
      border-left: 60px solid transparent;
      border-top: 40px solid #e7fffe;
      border-bottom: 0; }
    .slimming-fact-container {
      position: relative;
      margin: 1rem auto;
      padding-bottom: 2rem; }
      .slimming-fact-container-ttl {
        position: absolute;
        top: .5rem;
        left: 50%;
        transform: translateX(-50%);
        width: 90%; }
      .slimming-fact-container-img {
        margin: 0 auto;
        max-width: 500px; }
  .slimming-top3 {
    margin: 2rem auto; }
    .slimming-top3-container {
      position: relative;
      max-width: 750px;
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 4px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "cost cost cost" "anken1-cost anken2-cost anken3-cost" "machine machine machine" "anken1-machine anken2-machine anken3-machine" "inj inj inj" "anken1-inj anken2-inj anken3-inj" "pill pill pill" "anken1-pill anken2-pill anken3-pill" "meal meal meal" "anken1-meal anken2-meal anken3-meal" "parts parts parts" "anken1-parts anken2-parts anken3-parts" "men men men" "anken1-men anken2-men anken3-men" "number number number" "anken1-number anken2-number anken3-number" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      .slimming-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .slimming-top3-container .ttl {
        background-color: #41a5a1;
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .slimming-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .slimming-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .slimming-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .slimming-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .slimming-top3-container-inner .bnr {
              width: 80%; } }
        .slimming-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .slimming-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .slimming-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .slimming-top3-container-inner-txt {
              font-size: .8rem; } }
        .slimming-top3-container-inner-list {
          width: 85%;
          margin: 0 auto;
          display: flex;
          flex-direction: column;
          gap: .2rem; }
          @media only screen and (max-width: 767px) {
            .slimming-top3-container-inner-list {
              width: 95%; } }
          .slimming-top3-container-inner-list li {
            position: relative;
            padding-left: .8rem;
            line-height: 1.3;
            font-size: .9rem; }
            @media only screen and (max-width: 767px) {
              .slimming-top3-container-inner-list li {
                font-size: .8rem; } }
            .slimming-top3-container-inner-list li:before {
              position: absolute;
              content: '';
              display: inline-block;
              width: 6px;
              height: 6px;
              background-color: #41a5a1;
              border-radius: 50px;
              top: 50%;
              left: 0;
              transform: translateY(-50%); }
      @media only screen and (max-width: 767px) {
        .slimming-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .slimming-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .slimming-top3-container .cost {
        grid-area: cost; }
      .slimming-top3-container .machine {
        grid-area: machine; }
      .slimming-top3-container .inj {
        grid-area: inj; }
      .slimming-top3-container .pill {
        grid-area: pill; }
      .slimming-top3-container .meal {
        grid-area: meal; }
      .slimming-top3-container .parts {
        grid-area: parts; }
      .slimming-top3-container .men {
        grid-area: men; }
      .slimming-top3-container .number {
        grid-area: number; }
      .slimming-top3-container .cam {
        grid-area: cam; }
      .slimming-top3-container .osusume {
        grid-area: osusume; }
      .slimming-top3-container .cv {
        grid-area: cv; }
      .slimming-top3-container .link {
        grid-area: link; }
      .slimming-top3-container .anken1 {
        grid-area: anken1;
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #fffee4; }
        .slimming-top3-container .anken1-cost {
          grid-area: anken1-cost;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-machine {
          grid-area: anken1-machine;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-inj {
          grid-area: anken1-inj;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-pill {
          grid-area: anken1-pill;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-meal {
          grid-area: anken1-meal;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-parts {
          grid-area: anken1-parts;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-men {
          grid-area: anken1-men;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-number {
          grid-area: anken1-number;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-osusume {
          grid-area: anken1-osusume;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-cv {
          grid-area: anken1-cv;
          background-color: #fffee4; }
        .slimming-top3-container .anken1-link {
          grid-area: anken1-link;
          background-color: #fffee4; }
      .slimming-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1; }
        .slimming-top3-container .anken2-cost {
          grid-area: anken2-cost; }
        .slimming-top3-container .anken2-machine {
          grid-area: anken2-machine; }
        .slimming-top3-container .anken2-inj {
          grid-area: anken2-inj; }
        .slimming-top3-container .anken2-pill {
          grid-area: anken2-pill; }
        .slimming-top3-container .anken2-meal {
          grid-area: anken2-meal; }
        .slimming-top3-container .anken2-parts {
          grid-area: anken2-parts; }
        .slimming-top3-container .anken2-men {
          grid-area: anken2-men; }
        .slimming-top3-container .anken2-number {
          grid-area: anken2-number; }
        .slimming-top3-container .anken2-cam {
          grid-area: anken2-cam; }
        .slimming-top3-container .anken2-osusume {
          grid-area: anken2-osusume; }
        .slimming-top3-container .anken2-cv {
          grid-area: anken2-cv; }
        .slimming-top3-container .anken2-link {
          grid-area: anken2-link; }
      .slimming-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #faf6f2; }
        .slimming-top3-container .anken3-cost {
          grid-area: anken3-cost;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-machine {
          grid-area: anken3-machine;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-inj {
          grid-area: anken3-inj;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-pill {
          grid-area: anken3-pill;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-meal {
          grid-area: anken3-meal;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-parts {
          grid-area: anken3-parts;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-men {
          grid-area: anken3-men;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-number {
          grid-area: anken3-number;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-cam {
          grid-area: anken3-cam;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-osusume {
          grid-area: anken3-osusume;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-cv {
          grid-area: anken3-cv;
          background-color: #faf6f2; }
        .slimming-top3-container .anken3-link {
          grid-area: anken3-link;
          background-color: #faf6f2; }
    .slimming-top3-wrap {
      grid-template-areas: "anken1-choise anken2-choise anken3-choise" "anken1-sankaku anken2-sankaku anken3-sankaku" "anken1-recommend anken2-recommend anken3-recommend" "anken1 anken2 anken3" "cost cost cost" "anken1-cost anken2-cost anken3-cost" "machine machine machine" "anken1-machine anken2-machine anken3-machine" "inj inj inj" "anken1-inj anken2-inj anken3-inj" "pill pill pill" "anken1-pill anken2-pill anken3-pill" "meal meal meal" "anken1-meal anken2-meal anken3-meal" "parts parts parts" "anken1-parts anken2-parts anken3-parts" "men men men" "anken1-men anken2-men anken3-men" "number number number" "anken1-number anken2-number anken3-number" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "cv cv cv" "anken1-cv anken2-cv anken3-cv" "link link link" "anken1-link anken2-link anken3-link"; }
      .slimming-top3-wrap .choise {
        display: flex;
        justify-content: center; }
        .slimming-top3-wrap .choise-list {
          display: flex;
          flex-direction: column;
          gap: .3rem;
          width: 100%; }
          .slimming-top3-wrap .choise-list-item {
            position: relative;
            padding: .5rem .5rem .5rem 1.8rem;
            border-radius: 25px;
            font-size: .9rem;
            line-height: 1.3;
            background-color: #fffee4; }
            .slimming-top3-wrap .choise-list-item:before {
              position: absolute;
              top: 50%;
              left: .7rem;
              transform: translateY(-50%);
              display: inline-block;
              width: .8rem;
              height: .8rem;
              background: url(../img/feature/slimming/check_1.png) no-repeat;
              background-size: contain;
              content: ''; }
      .slimming-top3-wrap .sankaku {
        height: 2rem;
        position: relative; }
        .slimming-top3-wrap .sankaku:before {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          content: '';
          display: inline-block;
          width: 0;
          height: 0;
          border-style: solid;
          border-right: 15px solid transparent;
          border-left: 15px solid transparent;
          border-top: 15px solid #f3ec35;
          border-bottom: 0; }
      .slimming-top3-wrap .recommend {
        padding-bottom: 1.5rem; }
        .slimming-top3-wrap .recommend-fukidashi {
          position: relative;
          background-color: #fffee4;
          border-radius: 25px;
          padding: .5rem;
          display: flex;
          flex-direction: column;
          gap: .5rem;
          justify-content: center;
          text-align: center;
          min-height: 9rem; }
          .slimming-top3-wrap .recommend-fukidashi:before {
            position: absolute;
            bottom: -14px;
            left: 50%;
            transform: translate(-50%);
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
            border-top: 15px solid #fffee4;
            border-bottom: 0; }
          .slimming-top3-wrap .recommend-fukidashi-txt {
            line-height: 1.3; }
            .slimming-top3-wrap .recommend-fukidashi-txt-big {
              font-size: 1.4rem;
              font-weight: bold; }
              @media only screen and (max-width: 767px) {
                .slimming-top3-wrap .recommend-fukidashi-txt-big {
                  font-size: 1rem; } }
      .slimming-top3-wrap .anken1-choise {
        grid-area: anken1-choise; }
      .slimming-top3-wrap .anken1-sankaku {
        grid-area: anken1-sankaku; }
      .slimming-top3-wrap .anken1-recommend {
        grid-area: anken1-recommend; }
      .slimming-top3-wrap .anken2-choise {
        grid-area: anken2-choise; }
        .slimming-top3-wrap .anken2-choise .choise-list-item {
          background-color: #f3f3f3; }
          .slimming-top3-wrap .anken2-choise .choise-list-item:before {
            background: url(../img/feature/slimming/check_2.png) no-repeat;
            background-size: contain; }
      .slimming-top3-wrap .anken2-sankaku {
        grid-area: anken2-sankaku; }
        .slimming-top3-wrap .anken2-sankaku:before {
          border-style: solid;
          border-right: 15px solid transparent;
          border-left: 15px solid transparent;
          border-top: 15px solid #bdb6c1;
          border-bottom: 0; }
      .slimming-top3-wrap .anken2-recommend {
        grid-area: anken2-recommend; }
        .slimming-top3-wrap .anken2-recommend .recommend-fukidashi {
          background-color: #f3f3f3; }
          .slimming-top3-wrap .anken2-recommend .recommend-fukidashi:before {
            border-style: solid;
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
            border-top: 15px solid #f3f3f3;
            border-bottom: 0; }
      .slimming-top3-wrap .anken3-choise {
        grid-area: anken3-choise; }
        .slimming-top3-wrap .anken3-choise .choise-list-item {
          background-color: #faf6f2; }
          .slimming-top3-wrap .anken3-choise .choise-list-item:before {
            background: url(../img/feature/slimming/check_3.png) no-repeat;
            background-size: contain; }
      .slimming-top3-wrap .anken3-sankaku {
        grid-area: anken3-sankaku; }
        .slimming-top3-wrap .anken3-sankaku:before {
          border-style: solid;
          border-right: 15px solid transparent;
          border-left: 15px solid transparent;
          border-top: 15px solid #80610d;
          border-bottom: 0; }
      .slimming-top3-wrap .anken3-recommend {
        grid-area: anken3-recommend; }
        .slimming-top3-wrap .anken3-recommend .recommend-fukidashi {
          background-color: #faf6f2; }
          .slimming-top3-wrap .anken3-recommend .recommend-fukidashi:before {
            border-style: solid;
            border-right: 15px solid transparent;
            border-left: 15px solid transparent;
            border-top: 15px solid #faf6f2;
            border-bottom: 0; }
  .slimming-osusume {
    max-width: 500px;
    margin: auto; }
    .slimming-osusume-content {
      background-color: #f3f3f3;
      border: 3px solid #231815;
      padding: 1rem;
      margin-top: -0.2rem; }
      .slimming-osusume-content-list {
        width: 65%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: .4rem; }
        @media only screen and (max-width: 767px) {
          .slimming-osusume-content-list {
            width: 85%; } }
        .slimming-osusume-content-list-item {
          padding-left: 2rem;
          position: relative; }
          .slimming-osusume-content-list-item:before {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/slimming/slimming_check.png) no-repeat;
            background-size: contain; }
  .slimming-column {
    margin: 1rem auto;
    max-width: 750px; }
    .slimming-column-content {
      margin: .5rem auto;
      padding: 1.5rem;
      background-color: #f3f3f3;
      display: flex;
      justify-content: center;
      gap: 1rem;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .slimming-column-content {
          padding: 1.5rem 1rem; } }
      .slimming-column-content-txt {
        text-align: center; }
        .slimming-column-content-txt-big {
          font-size: 1.2rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .slimming-column-content-txt-big {
              font-size: 1rem; } }
        .slimming-column-content-txt-superbig {
          font-size: 1.8rem;
          font-weight: bold;
          color: #e73a56; }
          @media only screen and (max-width: 767px) {
            .slimming-column-content-txt-superbig {
              font-size: 1.2rem; } }
    .slimming-column-01 {
      max-width: 750px;
      margin: 0 auto; }
      .slimming-column-01-content {
        margin: 1rem auto 0;
        display: flex;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .slimming-column-01-content {
            flex-direction: column; } }
        .slimming-column-01-content-img {
          width: 40%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .slimming-column-01-content-img {
              width: 80%; } }
        .slimming-column-01-content-txt {
          width: 60%; }
          @media only screen and (max-width: 767px) {
            .slimming-column-01-content-txt {
              width: 100%;
              text-align: center; } }
      .slimming-column-01-txt {
        margin: -1rem 0 1rem;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .slimming-column-01-txt {
            margin-top: 0; } }
      .slimming-column-01-container {
        margin: 1rem auto;
        display: grid;
        grid-template-columns: .4fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        gap: 4px;
        grid-auto-flow: row;
        grid-template-areas: "white iryo salon gym" "rebound iryo-rebound salon-rebound gym-rebound" "effect iryo-effect salon-effect gym-effect" "costp iryo-costp salon-costp gym-costp"; }
        @media only screen and (max-width: 767px) {
          .slimming-column-01-container {
            grid-template-columns: .2fr 1fr .8fr .8fr; } }
        .slimming-column-01-container .flex {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          gap: .5rem;
          padding: .5rem .2rem;
          background-color: #f3f3f3; }
        .slimming-column-01-container .ttl {
          background-color: #41a5a1;
          color: #fff;
          font-weight: bold;
          font-size: .9rem;
          padding: .5rem .2rem;
          text-align: center;
          line-height: 1.2; }
          @media only screen and (max-width: 767px) {
            .slimming-column-01-container .ttl {
              font-size: .8rem;
              -ms-writing-mode: tb-rl;
              writing-mode: vertical-rl; } }
        .slimming-column-01-container-inner {
          width: 100%;
          display: flex;
          justify-content: center; }
          .slimming-column-01-container-inner-img {
            width: 80%;
            margin: 0 auto;
            display: block; }
            @media only screen and (max-width: 767px) {
              .slimming-column-01-container-inner-img {
                width: 100%; } }
          .slimming-column-01-container-inner-txt {
            width: 100%;
            font-size: 1rem;
            text-align: center;
            line-height: 1.2; }
            @media only screen and (max-width: 767px) {
              .slimming-column-01-container-inner-txt {
                font-size: .8rem; } }
            .slimming-column-01-container-inner-txt-maru {
              background: url(../img/feature/slimming/slimming-good-op.png) no-repeat;
              background-size: contain;
              background-position: center;
              width: 100%;
              display: flex;
              height: 3.5rem;
              align-items: center; }
            .slimming-column-01-container-inner-txt-sankaku {
              background: url(../img/feature/slimming/slimming-notgood-op.png) no-repeat;
              background-size: contain;
              background-position: center;
              width: 100%;
              display: flex;
              height: 3.5rem;
              align-items: center; }
        .slimming-column-01-container .white {
          grid-area: white; }
        .slimming-column-01-container .rebound {
          grid-area: rebound; }
        .slimming-column-01-container .effect {
          grid-area: effect; }
        .slimming-column-01-container .costp {
          grid-area: costp; }
        .slimming-column-01-container .iryo {
          grid-area: iryo; }
          .slimming-column-01-container .iryo-rebound {
            grid-area: iryo-rebound; }
          .slimming-column-01-container .iryo-effect {
            grid-area: iryo-effect; }
          .slimming-column-01-container .iryo-costp {
            grid-area: iryo-costp; }
        .slimming-column-01-container .salon {
          grid-area: salon;
          font-weight: bold;
          font-size: 1.2rem; }
          @media only screen and (max-width: 767px) {
            .slimming-column-01-container .salon {
              font-size: .9rem; } }
          .slimming-column-01-container .salon-rebound {
            grid-area: salon-rebound; }
          .slimming-column-01-container .salon-effect {
            grid-area: salon-effect; }
          .slimming-column-01-container .salon-costp {
            grid-area: salon-costp; }
        .slimming-column-01-container .gym {
          grid-area: gym; }
          .slimming-column-01-container .gym-rebound {
            grid-area: gym-rebound; }
          .slimming-column-01-container .gym-effect {
            grid-area: gym-effect; }
          .slimming-column-01-container .gym-costp {
            grid-area: gym-costp; }
    .slimming-column-03-content {
      margin: 1rem auto; }
      .slimming-column-03-content-container {
        display: grid;
        margin: 1rem auto;
        grid-template-columns: .4fr 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        gap: 4px;
        grid-auto-flow: row;
        grid-template-areas: "white cool ems hifu radio" "effect cool-effect ems-effect hifu-effect radio-effect" "surgery cool-surgery ems-surgery hifu-surgery radio-surgery" "downtime cool-downtime ems-downtime hifu-downtime radio-downtime" "osusume cool-osusume ems-osusume hifu-osusume radio-osusume"; }
        @media only screen and (max-width: 767px) {
          .slimming-column-03-content-container {
            grid-template-columns: 6rem repeat(4, 11rem);
            grid-template-rows: 5rem repeat(4, 4rem); } }
        .slimming-column-03-content-container .flex {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          gap: .5rem;
          padding: .5rem .2rem;
          background-color: #f3f3f3; }
        .slimming-column-03-content-container .ttl {
          background-color: #41a5a1;
          color: #fff;
          font-weight: bold;
          font-size: .9rem;
          padding: .5rem .2rem;
          text-align: center;
          line-height: 1.2; }
        .slimming-column-03-content-container-inner {
          display: flex;
          justify-content: center;
          align-items: center; }
          .slimming-column-03-content-container-inner-img {
            width: 60%;
            margin: 0 auto;
            display: inline-block; }
        .slimming-column-03-content-container .white {
          grid-area: white; }
        .slimming-column-03-content-container .effect {
          grid-area: effect; }
        .slimming-column-03-content-container .surgery {
          grid-area: surgery; }
        .slimming-column-03-content-container .downtime {
          grid-area: downtime; }
        .slimming-column-03-content-container .osusume {
          grid-area: osusume; }
        .slimming-column-03-content-container .cool {
          grid-area: cool; }
          .slimming-column-03-content-container .cool-effect {
            grid-area: cool-effect; }
          .slimming-column-03-content-container .cool-surgery {
            grid-area: cool-surgery; }
          .slimming-column-03-content-container .cool-downtime {
            grid-area: cool-downtime; }
          .slimming-column-03-content-container .cool-osusume {
            grid-area: cool-osusume; }
        .slimming-column-03-content-container .ems {
          grid-area: ems; }
          .slimming-column-03-content-container .ems-effect {
            grid-area: ems-effect; }
          .slimming-column-03-content-container .ems-surgery {
            grid-area: ems-surgery; }
          .slimming-column-03-content-container .ems-downtime {
            grid-area: ems-downtime; }
          .slimming-column-03-content-container .ems-osusume {
            grid-area: ems-osusume; }
        .slimming-column-03-content-container .hifu {
          grid-area: hifu; }
          .slimming-column-03-content-container .hifu-effect {
            grid-area: hifu-effect; }
          .slimming-column-03-content-container .hifu-surgery {
            grid-area: hifu-surgery; }
          .slimming-column-03-content-container .hifu-downtime {
            grid-area: hifu-downtime; }
          .slimming-column-03-content-container .hifu-osusume {
            grid-area: hifu-osusume; }
        .slimming-column-03-content-container .radio {
          grid-area: radio; }
          .slimming-column-03-content-container .radio-effect {
            grid-area: radio-effect; }
          .slimming-column-03-content-container .radio-surgery {
            grid-area: radio-surgery; }
          .slimming-column-03-content-container .radio-downtime {
            grid-area: radio-downtime; }
          .slimming-column-03-content-container .radio-osusume {
            grid-area: radio-osusume; }
      .slimming-column-03-content-swiper {
        margin: 1rem auto; }
        @media only screen and (max-width: 767px) {
          .slimming-column-03-content-swiper {
            margin: 0 auto 1rem; } }
        .slimming-column-03-content-swiper-list {
          max-width: 750px;
          margin: 0 auto;
          display: flex;
          gap: 1rem;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .slimming-column-03-content-swiper-list {
              gap: 0;
              justify-content: left; } }
          .slimming-column-03-content-swiper-list-item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .slimming-column-03-content-swiper-list-item {
                min-height: 12rem; } }
            @media only screen and (max-width: 767px) {
              .slimming-column-03-content-swiper-list-item-img {
                width: 70%;
                margin: 0 auto; } }
            @media only screen and (max-width: 767px) {
              .slimming-column-03-content-swiper-list-item-img-big {
                width: 100%; } }
            .slimming-column-03-content-swiper-list-item-txt {
              font-weight: bold; }
      .slimming-column-03-content-kome {
        text-align: right;
        font-size: .8rem;
        margin: -1rem 0 1rem; }
    .slimming-column-04-content-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: .5fr 1fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "pill pill-ry pill-meto pill-zeni pill-cana" "inj inj-glp1 inj-melt white white2"; }
      @media only screen and (max-width: 767px) {
        .slimming-column-04-content-container {
          grid-template-columns: 6rem repeat(4, 12rem);
          grid-template-rows: repeat(2, 8rem); } }
      .slimming-column-04-content-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem; }
      .slimming-column-04-content-container-inner {
        width: 100%;
        display: flex;
        gap: .5rem;
        flex-direction: column; }
        .slimming-column-04-content-container-inner-name {
          text-align: center;
          font-weight: bold; }
        .slimming-column-04-content-container-inner-img {
          width: 80%;
          margin: 0 auto; }
        .slimming-column-04-content-container-inner-ttl {
          width: 80%;
          margin: 0 auto;
          background-color: #759291;
          color: #fff;
          font-weight: bold;
          text-align: center; }
          .slimming-column-04-content-container-inner-ttl-inj {
            background-color: #94b2c8; }
        .slimming-column-04-content-container-inner-txt {
          text-align: center;
          font-size: .9rem; }
      .slimming-column-04-content-container .pill {
        grid-area: pill;
        background-color: #41a5a1;
        color: #fff; }
        .slimming-column-04-content-container .pill-ry {
          grid-area: pill-ry;
          background-color: #d9edec; }
        .slimming-column-04-content-container .pill-meto {
          grid-area: pill-meto;
          background-color: #d9edec; }
        .slimming-column-04-content-container .pill-zeni {
          grid-area: pill-zeni;
          background-color: #d9edec; }
        .slimming-column-04-content-container .pill-cana {
          grid-area: pill-cana;
          background-color: #d9edec; }
      .slimming-column-04-content-container .inj {
        grid-area: inj;
        background-color: #acdbff; }
        .slimming-column-04-content-container .inj-glp1 {
          grid-area: inj-glp1;
          background-color: #f6fafd; }
        .slimming-column-04-content-container .inj-melt {
          grid-area: inj-melt;
          background-color: #f6fafd; }
      .slimming-column-04-content-container .white {
        grid-area: white;
        background-color: #f3f3f3; }
      .slimming-column-04-content-container .white2 {
        grid-area: white2;
        background-color: #f3f3f3; }
    .slimming-column-05-content {
      max-width: 750px;
      margin: 1rem auto; }
      .slimming-column-05-content-img {
        margin: 1rem auto; }
  .slimming .ranking-title {
    z-index: 0;
    background-color: #231815; }
    .slimming .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .slimming .ranking-title:after {
      top: 100%;
      border-top: 20px solid #231815; }
  .slimming .ranking-ttl {
    margin: -1rem auto -1.5rem; }
  .slimming .ranking .slimming-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .slimming .ranking .slimming-ranking {
        padding: 0 .5rem; } }
    .slimming .ranking .slimming-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #f3ec35; }
    .slimming .ranking .slimming-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .slimming .ranking .slimming-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #80610d; }
    .slimming .ranking .slimming-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .slimming .ranking .slimming-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .slimming .ranking .slimming-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f3f3;
      border-radius: 20px; }
      .slimming .ranking .slimming-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .slimming .ranking .slimming-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .slimming .ranking .slimming-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .slimming .ranking .slimming-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .slimming .ranking .slimming-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .slimming .ranking .slimming-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .slimming .ranking .slimming-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-wrapper-inner-secondttl {
            text-align: center;
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .slimming .ranking .slimming-ranking-list .ranking-list-box-wrapper-inner-secondttl {
                font-size: .8rem;
                text-align: center; } }
      .slimming .ranking .slimming-ranking-list .ranking-list-box-list {
        margin: -3rem auto 0;
        gap: .5rem;
        max-width: 900px;
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .slimming .ranking .slimming-ranking-list .ranking-list-box-list {
            flex-wrap: wrap; } }
        @media only screen and (max-width: 767px) {
          .slimming .ranking .slimming-ranking-list .ranking-list-box-list-img {
            width: 48%; } }
      .slimming .ranking .slimming-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-ttl {
          background-color: #41a5a1;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-bnr {
          max-width: 300px; }
          @media only screen and (max-width: 767px) {
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-bnr {
              max-width: inherit; } }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #f3ec35;
            color: #231815; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/slimming/slimming_check_y.png) no-repeat;
                background-size: contain; }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam {
              margin: 1rem auto; } }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .2rem;
            margin: 0;
            padding: 1rem 2rem; }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam-content-list {
              width: 50%;
              margin: 0 auto; }
              @media only screen and (max-width: 767px) {
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam-content-list {
                  width: 100%; } }
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam-content-list li {
                position: relative;
                padding-left: .8rem;
                line-height: 1.5;
                font-size: .9rem; }
                @media only screen and (max-width: 767px) {
                  .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam-content-list li {
                    font-size: .8rem; } }
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam-content-list li:before {
                  position: absolute;
                  content: '';
                  display: inline-block;
                  width: 6px;
                  height: 6px;
                  background-color: #f3ec35;
                  border-radius: 50px;
                  top: 50%;
                  left: 0;
                  transform: translateY(-50%); }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam-content-kome {
              font-size: .6rem;
              line-height: 1.5;
              width: 50%;
              margin: auto; }
              @media only screen and (max-width: 767px) {
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-cam-content-kome {
                  width: 100%; } }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-specbox th {
            background-color: #41a5a1;
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f3f3; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f3f3;
            border-bottom: 0.5rem solid #f3f3f3;
            font-size: .8rem;
            padding: .5rem; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-specbox-list {
            text-align: left; }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-specbox-list li {
              position: relative;
              padding-left: 1rem;
              line-height: 1.3; }
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-specbox-list li:before {
                position: absolute;
                content: '';
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 6px;
                height: 6px;
                background-color: #41a5a1;
                border-radius: 50px; }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column {
          margin: 1rem auto; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-sec {
            margin-top: 1rem; }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-sec-txt {
              text-align: center; }
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-sec-txt .big {
                font-size: 1.4rem; }
                @media only screen and (max-width: 767px) {
                  .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-sec-txt .big {
                    font-size: 1.1rem; } }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-swiper {
            padding-bottom: 2rem; }
            @media only screen and (max-width: 767px) {
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-swiper {
                padding-bottom: 1.5rem; } }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-swiper-list {
              transition-timing-function: linear; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-com {
            display: flex;
            gap: 1rem;
            align-items: center;
            margin: 1rem auto 0; }
            @media only screen and (max-width: 767px) {
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-com {
                gap: .5rem; } }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-com-img {
              width: 30%; }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-com-inner {
              width: 69%; }
              @media only screen and (max-width: 767px) {
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-com-inner-txt {
                  font-size: .8rem; } }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-com-kome {
              font-size: .7rem;
              text-align: right; }
              @media only screen and (max-width: 767px) {
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-com-kome {
                  font-size: .6rem; } }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-flex {
            align-items: center;
            display: flex;
            justify-content: center;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-column-flex {
                flex-direction: column; } }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-review {
          margin: 1rem auto;
          padding-bottom: 1.5rem; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-review-list-item {
            padding: 1rem; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-review-kome {
            font-size: .6rem;
            text-align: right; }
            @media only screen and (max-width: 767px) {
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-review-kome {
                font-size: .5rem; } }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #c7c7c7;
            color: #222222;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #222222 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #222222 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #c7c7c7;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-kome {
          max-width: 500px;
          margin: 1rem auto; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-kome-ttl {
            background-color: #231815;
            color: #fff;
            padding: .5rem;
            text-align: center;
            display: flex;
            justify-content: center; }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-kome-ttl-txt {
              position: relative;
              font-weight: bold; }
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-kome-ttl-txt:before {
                position: absolute;
                top: 50%;
                left: -1.9rem;
                transform: translateY(-50%);
                content: '';
                display: inline-block;
                pointer-events: none;
                background: url(../img/feature/slimming/attention.png) no-repeat;
                background-position: center;
                background-size: contain;
                width: 1.5rem;
                height: 1.5rem; }
              .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-kome-ttl-txt:after {
                position: absolute;
                top: 50%;
                right: -1.9rem;
                transform: translateY(-50%);
                content: '';
                display: inline-block;
                pointer-events: none;
                background: url(../img/feature/slimming/attention.png) no-repeat;
                background-position: center;
                background-size: contain;
                width: 1.5rem;
                height: 1.5rem; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-kome-content {
            background-color: #fff;
            padding: 1rem; }
            .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-kome-content-txt {
              line-height: 1.5;
              font-size: 1rem; }
        .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .slimming .ranking .slimming-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .slimming-survey {
    margin-top: 2rem; }

.slimmingsearch {
  max-width: 1000px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .slimmingsearch {
      padding: .5rem; } }
  .slimmingsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .slimmingsearch .only-pc {
      display: none; } }
  .slimmingsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .slimmingsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .slimmingsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .slimmingsearch-form {
        gap: .5rem; } }
    .slimmingsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .slimmingsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .slimmingsearch-form-wrap-sankaku {
            width: 48%; } }
        .slimmingsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .slimmingsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .slimmingsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .slimmingsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .slimmingsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .slimmingsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .slimmingsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .slimmingsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .slimmingsearch-form-submit-txt:before {
              display: none; } }
        .slimmingsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .slimmingsearch-form-submit-txt:after {
              display: none; } }
      .slimmingsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .slimmingsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .slimmingsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .slimmingsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.slimmingkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .slimmingkekka-sort {
      flex-direction: column; } }
  .slimmingkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .slimmingkekka-sort-now {
        width: 100%; } }
    .slimmingkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .slimmingkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .slimmingkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .slimmingkekka-sort-form {
        width: 100%; } }
    .slimmingkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .slimmingkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.slimmingkekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .slimmingkekka-none-button {
      width: 70%; } }
  .slimmingkekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .slimmingkekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .slimmingkekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .slimmingkekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .slimmingkekka-none-button-wrap a:hover {
        color: #808080; }

.slimming .slimming-column-03-content-swiper .swiper-pagination-bullet {
  color: #41a5a1;
  border: 1px solid #fff;
  box-sizing: content-box; }
.slimming .slimming-column-03-content-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #41a5a1;
  border: 1px solid #fff;
  box-sizing: content-box; }
.slimming .ranking-list-box-inner-column-swiper .swiper-pagination-bullet {
  color: #41a5a1;
  border: 1px solid #fff;
  box-sizing: content-box; }
.slimming .ranking-list-box-inner-column-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #41a5a1;
  border: 1px solid #fff;
  box-sizing: content-box; }
.slimming .ranking-list-box-inner-review .swiper-button-prev:after {
  padding-right: 1.5rem; }
.slimming .ranking-list-box-inner-review .swiper-button-next:after {
  padding-left: 1.5rem; }
.slimming .ranking-list-box-inner-review .swiper-button-prev, .slimming .ranking-list-box-inner-review .swiper-button-next {
  color: #41a5a1; }
.slimming .ranking-list-box-inner-review .swiper-button-next:after, .slimming .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.slimming .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #41a5a1;
  border: 1px solid #fff;
  box-sizing: content-box; }
.slimming .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #41a5a1;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*医療痩身LP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.marriage {
  color: #313131; }
  @media only screen and (max-width: 767px) {
    .marriage {
      font-size: .9rem; } }
  .marriage .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .marriage img {
    margin: auto; }
  .marriage-wrapper {
    padding: 0 .5rem; }
  .marriage a {
    transition: 0.3s; }
    .marriage a:hover {
      opacity: 0.7; }
  .marriage-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .marriage-ttl {
        margin: 1rem auto 0; } }
  .marriage-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 80%; }
    @media only screen and (max-width: 767px) {
      .marriage-cv {
        width: 90%; } }
    .marriage-cv a:hover {
      opacity: 1; }
    .marriage-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .marriage-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .marriage-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .marriage-cv-copy-inner .small {
          font-size: 1rem; }
        .marriage-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/marriage/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .marriage-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .marriage-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/marriage/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .marriage-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .marriage-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #d20447;
      box-shadow: 0 8px 0 #5d0320;
      animation-name: marriage-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .marriage-cv-btn {
          width: 100%; } }
      .marriage-cv-btn a {
        width: 100%;
        display: inline-block; }
      .marriage-cv-btn a:hover {
        opacity: 1; }
      .marriage-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes marriage-cvmove {
  0% {
    box-shadow: 0 8px 0 #5d0320;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #5d0320;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #5d0320;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #5d0320;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #5d0320;
    transform: translatey(0); } }
  .marriage-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .marriage-link {
        margin: 1rem auto 1.5rem; } }
    .marriage-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .marriage-link-btn {
          width: 95%; } }
      .marriage-link-btn a:hover {
        opacity: 1; }
      .marriage-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #313131;
        text-decoration: none;
        font-weight: bold;
        background-color: #e8db04;
        box-shadow: 0 8px 0 #464200;
        animation-name: marriage-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .marriage-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .marriage-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .marriage-link-btn-inner a:hover {
          opacity: 1; }
@keyframes marriage-linkmove {
  0% {
    box-shadow: 0 8px 0 #464200;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #464200;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #464200;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #464200;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #464200;
    transform: translatey(0); } }
        .marriage-link-btn-inner-txt {
          color: #222222;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .marriage-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .marriage-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .marriage-kome {
    max-width: 750px;
    margin: 0 auto; }
    .marriage-kome-item {
      opacity: .7;
      font-size: .7rem;
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .marriage-kome-item {
          text-align: left; } }
  .marriage-what-ttl {
    margin-bottom: 1rem; }
  .marriage-what-txt {
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .marriage-what-txt {
        text-align: left; } }
    .marriage-what-txt-big {
      font-size: 1.4rem; }
      @media only screen and (max-width: 767px) {
        .marriage-what-txt-big {
          font-size: 1.2rem; } }
  .marriage-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .marriage-type {
        margin: .5rem auto; } }
    .marriage-type-ttl {
      max-width: 500px;
      margin: auto; }
    .marriage-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .marriage-type-list {
          flex-direction: column;
          gap: 1rem; } }
      .marriage-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .marriage-type-list-inner {
            width: 100%; } }
        .marriage-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #3ca5c6; }
          .marriage-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .marriage-type-list-inner-ttl-y {
            background-color: #e8db04;
            color: #313131; }
          .marriage-type-list-inner-ttl-b {
            background-color: #313131; }
          .marriage-type-list-inner-ttl-r {
            background-color: #b5073c; }
        .marriage-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #231815;
          border: none;
          background-color: #f3f3f3;
          border-radius: 0 0 20px 20px;
          height: 13rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .marriage-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .marriage-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .marriage-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .marriage-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .marriage-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .marriage-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .marriage-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .marriage-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .marriage-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .marriage-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .marriage-type-list-inner-copy {
          width: 75%; }
        .marriage-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .marriage-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .marriage-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .marriage-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .marriage-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .marriage-type-list-inner-cv-txt {
            color: #fff; }
          .marriage-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .marriage-type-kome {
      max-width: none; }
  .marriage-reason-inner {
    padding-bottom: 1.3rem;
    margin-top: 1rem; }
    .marriage-reason-inner-list-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: .5rem; }
      @media only screen and (max-width: 767px) {
        .marriage-reason-inner-list-item-img {
          width: 90%;
          margin: auto; } }
      .marriage-reason-inner-list-item-txt {
        text-align: center; }
  .marriage-reason-txt {
    text-align: center;
    color: #313131; }
    .marriage-reason-txt-big {
      font-size: 2rem;
      color: #d20447;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .marriage-reason-txt-big {
          font-size: 1.5rem; } }
  .marriage-merit-container {
    display: grid;
    max-width: 750px;
    margin: 1rem auto;
    grid-template-columns: .3fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 4px;
    grid-auto-flow: row;
    grid-template-areas: "white anken1 anken2 anken3" "goal anken1-goal anken2-goal anken3-goal" "serious anken1-serious anken2-serious anken3-serious" "trust anken1-trust anken2-trust anken3-trust" "cost anken1-cost anken2-cost anken3-cost"; }
    .marriage-merit-container .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: .5rem;
      padding: .5rem .2rem;
      background-color: #f3f3f3; }
    .marriage-merit-container .ttl {
      background-color: #aca9a9;
      color: #fff;
      font-weight: bold;
      font-size: .9rem;
      padding: .5rem .2rem;
      text-align: center;
      line-height: 1.2; }
    .marriage-merit-container-txt {
      text-align: center;
      font-size: .8rem; }
      .marriage-merit-container-txt .big {
        font-weight: bold;
        font-size: 1.1rem; }
    .marriage-merit-container .white {
      grid-area: white; }
    .marriage-merit-container .cost {
      grid-area: cost; }
    .marriage-merit-container .serious {
      grid-area: serious; }
    .marriage-merit-container .trust {
      grid-area: trust; }
    .marriage-merit-container .goal {
      grid-area: goal; }
    .marriage-merit-container .anken1 {
      grid-area: anken1;
      background-color: #ffe4ed; }
      .marriage-merit-container .anken1-cost {
        grid-area: anken1-cost;
        background-color: #ffe4ed; }
      .marriage-merit-container .anken1-serious {
        grid-area: anken1-serious;
        background-color: #ffe4ed; }
      .marriage-merit-container .anken1-trust {
        grid-area: anken1-trust;
        background-color: #ffe4ed; }
      .marriage-merit-container .anken1-goal {
        grid-area: anken1-goal;
        background-color: #ffe4ed; }
    .marriage-merit-container .anken2 {
      grid-area: anken2; }
      .marriage-merit-container .anken2-cost {
        grid-area: anken2-cost; }
      .marriage-merit-container .anken2-serious {
        grid-area: anken2-serious; }
      .marriage-merit-container .anken2-trust {
        grid-area: anken2-trust; }
      .marriage-merit-container .anken2-goal {
        grid-area: anken2-goal; }
    .marriage-merit-container .anken3 {
      grid-area: anken3; }
      .marriage-merit-container .anken3-cost {
        grid-area: anken3-cost; }
      .marriage-merit-container .anken3-serious {
        grid-area: anken3-serious; }
      .marriage-merit-container .anken3-trust {
        grid-area: anken3-trust; }
      .marriage-merit-container .anken3-goal {
        grid-area: anken3-goal; }
  .marriage-intro {
    max-width: 500px;
    margin: 1rem auto; }
    .marriage-intro-txt {
      text-align: center; }
  .marriage-fact {
    background: linear-gradient(180deg, #fff 0%, #c2c2c2 100%);
    position: relative;
    margin-bottom: 2.5rem; }
    .marriage-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: -1;
      border-left: 60px solid transparent;
      border-top: 40px solid #c2c2c2;
      border-bottom: 0; }
    .marriage-fact-inner {
      max-width: 750px;
      margin: 1rem auto; }
      .marriage-fact-inner-ttl {
        max-width: 600px; }
      .marriage-fact-inner-list {
        display: flex;
        gap: 1rem;
        margin: 1.5rem auto; }
        @media only screen and (max-width: 767px) {
          .marriage-fact-inner-list {
            flex-direction: column;
            margin: 1rem auto; } }
        .marriage-fact-inner-list-wrap {
          width: 49%;
          padding: 1rem;
          background-color: #fff;
          border-radius: 10px;
          box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .marriage-fact-inner-list-wrap {
              width: 95%;
              margin: 0 auto; } }
          .marriage-fact-inner-list-wrap-ttl {
            width: 80%;
            margin: 0 auto; }
          .marriage-fact-inner-list-wrap-content {
            background: url(../img//feature/marriage/marriage-good-bg.png) no-repeat;
            background-size: contain;
            background-position: center; }
            .marriage-fact-inner-list-wrap-content-txt {
              text-align: center; }
              .marriage-fact-inner-list-wrap-content-txt-big {
                font-size: 1.4rem;
                color: #d20447;
                font-weight: bold;
                line-height: 1.4; }
              .marriage-fact-inner-list-wrap-content-txt .big {
                font-size: 1.6rem;
                color: #fff;
                font-weight: bold;
                line-height: 1.4; }
            .marriage-fact-inner-list-wrap-content-list {
              width: 30%;
              margin: 0 auto .5rem; }
              .marriage-fact-inner-list-wrap-content-list-item {
                position: relative;
                padding-left: 1rem; }
                .marriage-fact-inner-list-wrap-content-list-item:before {
                  position: absolute;
                  display: inline-block;
                  top: 50%;
                  transform: translateY(-50%);
                  left: 0;
                  width: 5px;
                  height: 5px;
                  border-radius: 50px;
                  content: '';
                  background-color: #d20447; }
          .marriage-fact-inner-list-wrap-img {
            width: 80%; }
          .marriage-fact-inner-list-wrap-app {
            background-color: #3ca5c6; }
            .marriage-fact-inner-list-wrap-app .marriage-fact-inner-list-wrap-ttl {
              width: 90%; }
            .marriage-fact-inner-list-wrap-app .marriage-fact-inner-list-wrap-content {
              background: url(../img/feature/marriage/marriage-bad-bg.png) no-repeat;
              background-size: contain;
              background-position: center; }
            .marriage-fact-inner-list-wrap-app .marriage-fact-inner-list-wrap-img {
              width: 100%; }
      .marriage-fact-inner-com {
        display: flex;
        gap: .5rem;
        padding-bottom: 2rem;
        align-items: center;
        max-width: 500px;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .marriage-fact-inner-com {
            padding: 0 .5rem 2rem; } }
        .marriage-fact-inner-com-content {
          width: 74%;
          text-align: center; }
        .marriage-fact-inner-com-img {
          width: 25%; }
  .marriage-3type {
    max-width: 1000px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .marriage-3type {
        padding-bottom: 1rem; } }
    .marriage-3type-list {
      margin: 1rem auto; }
      .marriage-3type-list-item-inner {
        position: relative;
        background-color: #f3f3f3;
        padding: 1rem;
        display: flex;
        margin-bottom: 2.5rem;
        flex-direction: column;
        gap: .5rem;
        min-height: 34rem;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .marriage-3type-list-item-inner {
            min-height: auto; } }
        .marriage-3type-list-item-inner:before {
          position: absolute;
          bottom: -30px;
          left: 50%;
          z-index: -1;
          display: inline-block;
          content: '';
          width: 0;
          height: 0;
          transform: translateX(-50%);
          border-style: solid;
          border-right: 25px solid transparent;
          border-left: 25px solid transparent;
          border-top: 25px solid #d20447;
          border-bottom: 0; }
        .marriage-3type-list-item-inner-fact {
          margin-bottom: 1rem; }
          .marriage-3type-list-item-inner-fact:before {
            display: none; }
        .marriage-3type-list-item-inner-ttl {
          width: 80%;
          margin: auto;
          height: 16rem;
          display: flex; }
          @media only screen and (max-width: 767px) {
            .marriage-3type-list-item-inner-ttl {
              height: auto; } }
          .marriage-3type-list-item-inner-ttl-big {
            width: 95%; }
        .marriage-3type-list-item-inner-txt {
          text-align: center;
          line-height: 1.5; }
        .marriage-3type-list-item-inner-osusume {
          background-color: #fff;
          padding: 1rem;
          display: flex;
          flex-direction: column;
          gap: .2rem; }
          .marriage-3type-list-item-inner-osusume-ttl {
            text-align: center; }
            @media only screen and (max-width: 767px) {
              .marriage-3type-list-item-inner-osusume-ttl {
                font-size: 1rem; } }
          .marriage-3type-list-item-inner-osusume-point {
            position: relative;
            padding-left: 1rem; }
            .marriage-3type-list-item-inner-osusume-point:before {
              position: absolute;
              display: inline-block;
              top: 50%;
              transform: translateY(-50%);
              left: 0;
              width: 5px;
              height: 5px;
              border-radius: 50px;
              content: '';
              background-color: #313131; }
      .marriage-3type-list-item-suggest {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        .marriage-3type-list-item-suggest-ttl {
          text-align: center;
          line-height: 1.4; }
          .marriage-3type-list-item-suggest-ttl .big {
            display: block;
            font-size: 1.4rem; }
  .marriage-osusume {
    max-width: 750px;
    margin: 1rem auto; }
    .marriage-osusume-txt {
      text-align: center; }
      .marriage-osusume-txt .big {
        font-size: 1.6rem;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .marriage-osusume-txt .big {
            font-size: 1.3rem; } }
    .marriage-osusume-logo {
      display: flex;
      justify-content: center;
      margin: .5rem auto 1rem; }
    .marriage-osusume-link {
      margin: .5rem auto;
      display: flex;
      justify-content: center;
      text-align: center;
      width: 40%; }
      @media only screen and (max-width: 767px) {
        .marriage-osusume-link {
          width: 70%; } }
  .marriage-select {
    margin: 1rem auto;
    background-color: #b5073c;
    padding: 1rem 0; }
    .marriage-select-ttl {
      max-width: 500px;
      margin: 0 auto; }
    .marriage-select-container {
      max-width: 750px;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .marriage-select-container {
          padding: 0 1rem; } }
      .marriage-select-container-list-item {
        background-color: #fff; }
        .marriage-select-container-list-item-ttl {
          background-color: #3ca5c6;
          padding: 1rem;
          height: 5rem;
          display: flex;
          justify-content: center; }
          @media only screen and (max-width: 767px) {
            .marriage-select-container-list-item-ttl {
              height: auto; } }
          .marriage-select-container-list-item-ttl-img1 {
            display: flex; }
            @media only screen and (max-width: 767px) {
              .marriage-select-container-list-item-ttl-img1 {
                width: 90%; } }
          .marriage-select-container-list-item-ttl-img2 {
            width: 70%; }
            @media only screen and (max-width: 767px) {
              .marriage-select-container-list-item-ttl-img2 {
                width: 60%; } }
          .marriage-select-container-list-item-ttl-img3 {
            width: 70%; }
            @media only screen and (max-width: 767px) {
              .marriage-select-container-list-item-ttl-img3 {
                width: 60%; } }
        .marriage-select-container-list-item-content {
          padding: 1rem;
          height: 24rem;
          display: flex;
          flex-direction: column;
          gap: .5rem; }
          @media only screen and (max-width: 767px) {
            .marriage-select-container-list-item-content {
              height: auto; } }
          .marriage-select-container-list-item-content-txt {
            font-size: .9rem; }
  @media only screen and (max-width: 767px) {
    .marriage-flow {
      padding: 0 1rem; } }
  .marriage-flow-img {
    max-width: 750px;
    margin: 1rem auto; }
  .marriage-top3 {
    margin: 2rem auto; }
    .marriage-top3-container {
      position: relative;
      max-width: 750px;
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "number number number" "anken1-number anken2-number anken3-number" "support support support" "anken1-support anken2-support anken3-support" "admissionfee admissionfee admissionfee" "anken1-admissionfee anken2-admissionfee anken3-admissionfee" "monthly monthly monthly" "anken1-monthly anken2-monthly anken3-monthly" "age age age" "anken1-age anken2-age anken3-age" "tenpo tenpo tenpo" "anken1-tenpo anken2-tenpo anken3-tenpo" "link link link" "anken1-link anken2-link anken3-link"; }
      .marriage-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .marriage-top3-container .ttl {
        background-color: #b5073c;
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .marriage-top3-container .ttl-b {
        background-color: #3ca5c6;
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .marriage-top3-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .marriage-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .marriage-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .marriage-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .marriage-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .marriage-top3-container-inner .bnr {
              width: 80%; } }
        .marriage-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .marriage-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .marriage-top3-container-inner-star {
          width: 50%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .marriage-top3-container-inner-star {
              width: 75%; } }
        .marriage-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .marriage-top3-container-inner-txt {
              font-size: .8rem; } }
      .marriage-top3-container-cv {
        width: 90%; }
        @media only screen and (max-width: 767px) {
          .marriage-top3-container-cv {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .marriage-top3-container-cv-btn {
            width: 100%;
            font-size: 1rem; } }
      .marriage-top3-container .feature {
        grid-area: feature; }
      .marriage-top3-container .admissionfee {
        grid-area: admissionfee; }
      .marriage-top3-container .monthly {
        grid-area: monthly; }
      .marriage-top3-container .number {
        grid-area: number; }
      .marriage-top3-container .support {
        grid-area: support; }
      .marriage-top3-container .age {
        grid-area: age; }
      .marriage-top3-container .tenpo {
        grid-area: tenpo; }
      .marriage-top3-container .link {
        grid-area: link; }
      .marriage-top3-container .anken1 {
        grid-area: anken1;
        position: sticky;
        top: 0;
        border-right: 2px solid #fff;
        z-index: 1; }
        .marriage-top3-container .anken1-feature {
          grid-area: anken1-feature;
          border-right: 2px solid #fff; }
        .marriage-top3-container .anken1-admissionfee {
          grid-area: anken1-admissionfee;
          border-right: 2px solid #fff; }
        .marriage-top3-container .anken1-monthly {
          grid-area: anken1-monthly;
          border-right: 2px solid #fff; }
        .marriage-top3-container .anken1-number {
          grid-area: anken1-number;
          border-right: 2px solid #fff; }
        .marriage-top3-container .anken1-support {
          grid-area: anken1-support;
          border-right: 2px solid #fff; }
        .marriage-top3-container .anken1-age {
          grid-area: anken1-age;
          border-right: 2px solid #fff; }
        .marriage-top3-container .anken1-tenpo {
          grid-area: anken1-tenpo;
          border-right: 2px solid #fff; }
        .marriage-top3-container .anken1-link {
          grid-area: anken1-link;
          border-right: 2px solid #fff; }
      .marriage-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        border-right: 2px solid #fff;
        border-left: 2px solid #fff;
        z-index: 1; }
        .marriage-top3-container .anken2-feature {
          grid-area: anken2-feature;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken2-admissionfee {
          grid-area: anken2-admissionfee;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken2-monthly {
          grid-area: anken2-monthly;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken2-number {
          grid-area: anken2-number;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken2-support {
          grid-area: anken2-support;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken2-age {
          grid-area: anken2-age;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken2-tenpo {
          grid-area: anken2-tenpo;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken2-link {
          grid-area: anken2-link;
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
      .marriage-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        border-left: 2px solid #fff;
        z-index: 1; }
        .marriage-top3-container .anken3-feature {
          grid-area: anken3-feature;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken3-admissionfee {
          grid-area: anken3-admissionfee;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken3-monthly {
          grid-area: anken3-monthly;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken3-number {
          grid-area: anken3-number;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken3-support {
          grid-area: anken3-support;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken3-age {
          grid-area: anken3-age;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken3-tenpo {
          grid-area: anken3-tenpo;
          border-left: 2px solid #fff; }
        .marriage-top3-container .anken3-link {
          grid-area: anken3-link;
          border-left: 2px solid #fff; }
  .marriage-suggest {
    max-width: 750px;
    margin: 1rem auto 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .marriage-suggest {
        padding: 0 1rem; } }
    .marriage-suggest-txt {
      line-height: 1.4;
      text-align: center; }
      .marriage-suggest-txt-big {
        font-size: 1.6rem;
        display: block; }
    .marriage-suggest-img {
      max-width: 500px;
      margin: 0 auto; }
  .marriage .ranking-title {
    z-index: 0;
    background-color: #b5073c; }
    .marriage .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .marriage .ranking-title:after {
      top: 100%;
      border-top: 20px solid #b5073c; }
  .marriage .ranking .marriage-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .marriage .ranking .marriage-ranking {
        padding: 0 .5rem; } }
    .marriage .ranking .marriage-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #e8db04; }
    .marriage .ranking .marriage-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .marriage .ranking .marriage-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #80610d; }
    .marriage .ranking .marriage-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .marriage .ranking .marriage-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .marriage .ranking .marriage-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f3f3;
      border-radius: 20px; }
      .marriage .ranking .marriage-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .marriage .ranking .marriage-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .marriage .ranking .marriage-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .marriage .ranking .marriage-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .marriage .ranking .marriage-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .marriage .ranking .marriage-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .marriage .ranking .marriage-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .marriage .ranking .marriage-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-ttl {
          background-color: #b5073c;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #e8db04;
            color: #313131; }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/slimming/slimming_check_y.png) no-repeat;
                background-size: contain; }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-osusume-kome {
            margin: -.5rem auto .5rem; }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-specbox th {
            background-color: #b5073c;
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f3f3; }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f3f3;
            border-bottom: 0.5rem solid #f3f3f3;
            font-size: .8rem;
            padding: .5rem; }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-cam-ttl {
          background-color: #e8db04;
          color: #313131; }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point {
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point {
              margin-bottom: 1rem; } }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            padding-top: 1rem; }
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item {
              box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
              background-color: #fff;
              padding: 1rem 0;
              border-radius: 10px;
              width: 100%; }
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-ttl {
                position: relative;
                background-color: #ffe4ed;
                padding: .5rem; }
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  left: -25px;
                  z-index: 1;
                  width: 7rem; }
                  @media only screen and (max-width: 767px) {
                    .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                      left: -15px;
                      width: 6.5rem; } }
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                  font-size: 1rem;
                  line-height: 1.3;
                  padding-left: 5.5rem;
                  display: inline-block;
                  font-weight: normal; }
                  @media only screen and (max-width: 767px) {
                    .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                      font-size: .9rem; } }
                  .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                    font-size: 1.8rem;
                    font-weight: bold; }
                    @media only screen and (max-width: 767px) {
                      .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                        font-size: 1.2rem; } }
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-inner {
                padding: 1rem; }
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-inner-img {
                  margin-bottom: 1rem; }
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex {
                  display: flex;
                  gap: 5px;
                  margin-bottom: 1rem;
                  align-items: center;
                  justify-content: center; }
                  @media only screen and (max-width: 767px) {
                    .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex {
                      gap: .5rem; } }
                  .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                    width: 220px; }
                    @media only screen and (max-width: 767px) {
                      .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                        width: 145px; } }
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-flex {
                display: flex;
                gap: 1rem;
                padding: 1rem;
                align-items: center; }
                @media only screen and (max-width: 767px) {
                  .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-flex {
                    padding: 1rem 1rem 0; } }
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                  width: 35%; }
                  @media only screen and (max-width: 767px) {
                    .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                      width: 50%; } }
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                  width: 64%; }
                  @media only screen and (max-width: 767px) {
                    .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                      width: 49%; } }
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-content-item-img {
                padding: 0 1rem; }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-txt {
            text-align: center;
            margin-top: 1rem; }
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-txt .big {
              font-size: 1.2rem;
              font-weight: bold; }
              @media only screen and (max-width: 767px) {
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-3point-txt .big {
                  font-size: 1.1rem; } }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #aca9a9;
            color: #fff;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #313131 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #313131 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #aca9a9;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0;
            display: flex;
            flex-direction: column;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner {
                gap: .5rem; } }
            .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner-card {
              background-color: #fff;
              position: relative;
              display: flex;
              align-items: center;
              gap: 1rem;
              border-radius: 10px;
              padding: 1rem; }
              @media only screen and (max-width: 767px) {
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner-card {
                  gap: .5rem; } }
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner-card-img {
                width: 20%; }
                @media only screen and (max-width: 767px) {
                  .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner-card-img {
                    width: 24%; } }
              .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                width: 79%; }
                @media only screen and (max-width: 767px) {
                  .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                    width: 75%; } }
                .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                  height: auto; }
                  @media only screen and (max-width: 767px) {
                    .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                      font-size: 13px !important; } }
        .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .marriage .ranking .marriage-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .marriage-survey {
    margin-top: 2rem; }

.marriagesearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .marriagesearch {
      padding: .5rem; } }
  .marriagesearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .marriagesearch .only-pc {
      display: none; } }
  .marriagesearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .marriagesearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .marriagesearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .marriagesearch-form {
        gap: .5rem; } }
    .marriagesearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .marriagesearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .marriagesearch-form-wrap-sankaku {
            width: 48%; } }
        .marriagesearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .marriagesearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .marriagesearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .marriagesearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .marriagesearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .marriagesearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .marriagesearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .marriagesearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .marriagesearch-form-submit-txt:before {
              display: none; } }
        .marriagesearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .marriagesearch-form-submit-txt:after {
              display: none; } }
      .marriagesearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .marriagesearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .marriagesearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .marriagesearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.marriagekekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .marriagekekka-sort {
      flex-direction: column; } }
  .marriagekekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .marriagekekka-sort-now {
        width: 100%; } }
    .marriagekekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .marriagekekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .marriagekekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .marriagekekka-sort-form {
        width: 100%; } }
    .marriagekekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .marriagekekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.marriagekekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .marriagekekka-none-button {
      width: 70%; } }
  .marriagekekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .marriagekekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .marriagekekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .marriagekekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .marriagekekka-none-button-wrap a:hover {
        color: #808080; }

.marriage .marriage-reason-inner .swiper-button-prev, .marriage .marriage-reason-inner .swiper-button-next {
  color: #3ca5c6; }
.marriage .marriage-reason-inner .swiper-button-next:after {
  font-size: 2rem;
  padding-right: 1rem; }
.marriage .marriage-reason-inner .swiper-button-prev:after {
  font-size: 2rem;
  padding-left: 1rem; }
.marriage .marriage-reason-inner .swiper-pagination-bullet {
  color: #3ca5c6;
  border: 1px solid #fff;
  box-sizing: content-box; }
.marriage .marriage-reason-inner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #3ca5c6;
  border: 1px solid #fff;
  box-sizing: content-box; }
.marriage .marriage-3type .swiper-pagination-bullet {
  color: #d20447;
  border: 1px solid #fff;
  box-sizing: content-box; }
.marriage .marriage-3type .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #d20447;
  border: 1px solid #fff;
  box-sizing: content-box; }
.marriage .marriage-select-container .swiper-button-prev, .marriage .marriage-select-container .swiper-button-next {
  color: #3ca5c6; }
.marriage .marriage-select-container .swiper-button-next:after {
  font-size: 2rem;
  padding-right: 1rem; }
.marriage .marriage-select-container .swiper-button-prev:after {
  font-size: 2rem;
  padding-left: 1rem; }
.marriage .marriage-select-container .swiper-pagination-bullet {
  color: #3ca5c6;
  border: 1px solid #fff;
  box-sizing: content-box; }
.marriage .marriage-select-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #3ca5c6;
  border: 1px solid #fff;
  box-sizing: content-box; }
.marriage .ranking-list-box-inner-review .swiper-button-prev, .marriage .ranking-list-box-inner-review .swiper-button-next {
  color: #b5073c; }
.marriage .ranking-list-box-inner-review .swiper-button-next:after, .marriage .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.marriage .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #b5073c;
  border: 1px solid #fff;
  box-sizing: content-box; }
.marriage .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #b5073c;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*結婚相談所LP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.factoring {
  color: #1c1c1c; }
  @media only screen and (max-width: 767px) {
    .factoring {
      font-size: .9rem; } }
  .factoring .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .factoring img {
    margin: auto; }
  .factoring-wrapper {
    padding: 0 .5rem; }
  .factoring a {
    transition: 0.3s; }
    .factoring a:hover {
      opacity: 0.7; }
  .factoring-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .factoring-ttl {
        margin: 1rem auto; } }
  .factoring-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .factoring-cv {
        width: 90%; } }
    .factoring-cv a:hover {
      opacity: 1; }
    .factoring-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .factoring-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .factoring-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .factoring-cv-copy-inner .small {
          font-size: 1rem; }
        .factoring-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/factoring/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .factoring-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .factoring-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/factoring/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .factoring-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .factoring-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #ff4200;
      box-shadow: 0 8px 0 #6b1c00;
      animation-name: factoring-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .factoring-cv-btn {
          width: 100%; } }
      .factoring-cv-btn a {
        width: 100%;
        display: inline-block; }
      .factoring-cv-btn a:hover {
        opacity: 1; }
      .factoring-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes factoring-cvmove {
  0% {
    box-shadow: 0 8px 0 #6b1c00;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6b1c00;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6b1c00;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6b1c00;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6b1c00;
    transform: translatey(0); } }
  .factoring-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .factoring-link {
        margin: 1rem auto 1.5rem; } }
    .factoring-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .factoring-link-btn {
          width: 95%; } }
      .factoring-link-btn a:hover {
        opacity: 1; }
      .factoring-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #1c1c1c;
        text-decoration: none;
        font-weight: bold;
        background-color: #fffd03;
        box-shadow: 0 8px 0 #929400;
        animation-name: factoring-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .factoring-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .factoring-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .factoring-link-btn-inner a:hover {
          opacity: 1; }
@keyframes factoring-linkmove {
  0% {
    box-shadow: 0 8px 0 #929400;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #929400;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #929400;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #929400;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #929400;
    transform: translatey(0); } }
        .factoring-link-btn-inner-txt {
          color: #1c1c1c;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .factoring-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .factoring-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .factoring-cover {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.9); }
    .factoring-cover-contents {
      margin: 6rem auto 0;
      padding: 2rem;
      max-width: 800px;
      background-color: #fff;
      border-radius: 20px; }
      @media only screen and (max-width: 767px) {
        .factoring-cover-contents {
          margin: 3rem .5rem 0;
          padding: 2rem 1rem; } }
      .factoring-cover-contents-ttl {
        font-size: 1.5rem;
        text-align: center;
        color: #1c1c1c;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .factoring-cover-contents-ttl {
            font-size: 1.3rem; } }
      .factoring-cover-contents-sub {
        color: #1c1c1c;
        text-align: center;
        font-size: 1rem;
        margin-top: .2rem; }
      .factoring-cover-contents-select {
        margin-top: 1.5rem;
        display: flex;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .factoring-cover-contents-select {
            flex-direction: column; } }
  .factoring-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .factoring-type {
        margin: .5rem auto; } }
    .factoring-type-ttl {
      max-width: 500px;
      margin: auto; }
    .factoring-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .factoring-type-list {
          flex-direction: column;
          gap: 1.5rem;
          margin-top: 2rem; } }
      .factoring-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .factoring-type-list-inner {
            width: 100%; } }
        .factoring-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #ff6d00;
          position: relative; }
          .factoring-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .factoring-type-list-inner-ttl-y {
            background-color: #fffd03;
            color: #1c1c1c; }
          .factoring-type-list-inner-ttl-s {
            background-color: #febc9a; }
          .factoring-type-list-inner-ttl-o {
            background-color: #ff872e; }
          .factoring-type-list-inner-ttl .ichioshi {
            position: absolute;
            width: 10rem;
            height: 3.5rem;
            content: '';
            display: inline-block;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            background: url(../img/feature/factoring/type_fukidashi.png) no-repeat;
            background-position: center;
            background-size: contain; }
          .factoring-type-list-inner-ttl .ico-rank1 {
            position: absolute;
            width: 3rem;
            height: 2rem;
            content: '';
            display: inline-block;
            top: -1rem;
            left: 50%;
            transform: translateX(-50%);
            background: url(../img/feature/factoring/ico-rank1.png) no-repeat;
            background-position: center;
            background-size: contain; }
          .factoring-type-list-inner-ttl .ico-rank2 {
            position: absolute;
            width: 3rem;
            height: 2rem;
            content: '';
            display: inline-block;
            top: -1rem;
            left: 50%;
            transform: translateX(-50%);
            background: url(../img/feature/factoring/ico-rank2.png) no-repeat;
            background-position: center;
            background-size: contain; }
          .factoring-type-list-inner-ttl .ico-rank3 {
            position: absolute;
            width: 3rem;
            height: 2rem;
            content: '';
            display: inline-block;
            top: -1rem;
            left: 50%;
            transform: translateX(-50%);
            background: url(../img/feature/factoring/ico-rank3.png) no-repeat;
            background-position: center;
            background-size: contain; }
        .factoring-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #1c1c1c;
          border: none;
          background-color: #fef6f2;
          border-radius: 0 0 20px 20px;
          height: 12rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .factoring-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .factoring-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            width: 100%; }
            .factoring-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .factoring-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .factoring-type-list-inner-content-wrap-flex {
              display: flex;
              gap: .5rem; }
              .factoring-type-list-inner-content-wrap-flex-link {
                width: 30%;
                border-radius: 20px;
                background-color: #f3f3f3;
                line-height: 45px;
                margin-top: 5px;
                box-shadow: 0 3px 0 #1c1c1c; }
                .factoring-type-list-inner-content-wrap-flex-link:hover {
                  box-shadow: 0 0 0 0;
                  margin: 8px 0 -3px;
                  opacity: 1 !important;
                  transition: .2s; }
                .factoring-type-list-inner-content-wrap-flex-link-txt {
                  color: #1c1c1c !important;
                  font-weight: bold;
                  font-size: 1rem; }
              .factoring-type-list-inner-content-wrap-flex-cv {
                height: 45px;
                line-height: 45px;
                width: 69%; }
                .factoring-type-list-inner-content-wrap-flex-cv-btn {
                  width: 100% !important;
                  padding: 0.5rem !important; }
                .factoring-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff;
                  font-size: 1.2rem;
                  display: block; }
                  @media only screen and (max-width: 767px) {
                    .factoring-type-list-inner-content-wrap-flex-cv-txt {
                      font-size: 1.3rem; } }
        .factoring-type-list-inner-copy {
          width: 75%; }
        .factoring-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .factoring-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .factoring-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .factoring-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .factoring-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .factoring-type-list-inner-cv-txt {
            color: #fff; }
          .factoring-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .factoring-fact {
    background-color: #fef6f2;
    margin: 0rem auto 3rem;
    position: relative;
    padding-top: 1rem; }
    .factoring-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: 0;
      border-left: 60px solid transparent;
      border-top: 40px solid #fef6f2;
      border-bottom: 0; }
    .factoring-fact-ttl {
      max-width: 500px;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .factoring-fact-ttl {
          padding: 0 .5rem; } }
    .factoring-fact-container {
      margin: 1rem auto;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .factoring-fact-container {
          padding: 0 .5rem 1rem; } }
      .factoring-fact-container-img {
        margin: 0 auto;
        max-width: 500px; }
      .factoring-fact-container-kome {
        font-size: .6rem;
        text-align: right;
        max-width: 500px;
        margin: .5rem auto; }
        @media only screen and (max-width: 767px) {
          .factoring-fact-container-kome {
            font-size: .5rem; } }
        .factoring-fact-container-kome-left {
          text-align: left;
          margin: .2rem auto 0; }
        .factoring-fact-container-kome a {
          text-decoration: none;
          color: #1c1c1c;
          transition: .3s; }
        .factoring-fact-container-kome a:hover {
          opacity: 0.7; }
      .factoring-fact-container-txt {
        margin-top: .5rem;
        text-align: center;
        line-height: 1.5;
        color: #1c1c1c !important; }
        .factoring-fact-container-txt-big {
          font-size: 1.5rem;
          font-weight: bold;
          color: #ff6d00; }
          @media only screen and (max-width: 767px) {
            .factoring-fact-container-txt-big {
              font-size: 1.3rem; } }
        .factoring-fact-container-txt .big {
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .factoring-fact-container-txt .big {
              font-size: 1.3rem; } }
  .factoring-top3 {
    margin: 2rem auto; }
    .factoring-top3-container {
      max-width: 750px;
      margin: 0 auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "mintime mintime mintime" "anken1-mintime anken2-mintime anken3-mintime" "fund fund fund" "anken1-fund anken2-fund anken3-fund" "commission commission commission" "anken1-commission anken2-commission anken3-commission" "howto howto howto" "anken1-howto anken2-howto anken3-howto" "contract contract contract" "anken1-contract anken2-contract anken3-contract" "doc doc doc" "anken1-doc anken2-doc anken3-doc" "exam exam exam" "anken1-exam anken2-exam anken3-exam" "achieve achieve achieve" "anken1-achieve anken2-achieve anken3-achieve" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "link link link" "anken1-link anken2-link anken3-link"; }
      .factoring-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #fef6f2; }
      .factoring-top3-container .ttl {
        background: linear-gradient(90deg, #febc9a 0%, #ff872e 50%, #ff6d00 100%);
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .factoring-top3-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .factoring-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .factoring-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .factoring-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container-inner .bnr {
              width: 80%; } }
        .factoring-top3-container-inner .anken {
          font-weight: bold;
          text-align: center; }
        .factoring-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .factoring-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container-inner-txt {
              font-size: .8rem; } }
      @media only screen and (max-width: 767px) {
        .factoring-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .factoring-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .factoring-top3-container .mintime {
        grid-area: mintime; }
      .factoring-top3-container .fund {
        grid-area: fund; }
      .factoring-top3-container .commission {
        grid-area: commission; }
      .factoring-top3-container .howto {
        grid-area: howto; }
      .factoring-top3-container .contract {
        grid-area: contract; }
      .factoring-top3-container .doc {
        grid-area: doc; }
      .factoring-top3-container .exam {
        grid-area: exam; }
      .factoring-top3-container .achieve {
        grid-area: achieve; }
      .factoring-top3-container .cam {
        grid-area: cam; }
      .factoring-top3-container .link {
        grid-area: link; }
      .factoring-top3-container .anken1 {
        grid-area: anken1;
        background-color: #ffffdc;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .factoring-top3-container .anken1 {
            border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-mintime {
          grid-area: anken1-mintime;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-mintime {
              border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-fund {
          grid-area: anken1-fund;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-fund {
              border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-commission {
          grid-area: anken1-commission;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-commission {
              border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-howto {
          grid-area: anken1-howto;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-howto {
              border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-contract {
          grid-area: anken1-contract;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-contract {
              border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-doc {
          grid-area: anken1-doc;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-doc {
              border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-exam {
          grid-area: anken1-exam;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-exam {
              border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-achieve {
          grid-area: anken1-achieve;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-achieve {
              border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-cam {
              border-right: 2px solid #fff; } }
        .factoring-top3-container .anken1-link {
          grid-area: anken1-link;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken1-link {
              border-right: 2px solid #fff; } }
      .factoring-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .factoring-top3-container .anken2 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-mintime {
          grid-area: anken2-mintime;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-mintime {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-fund {
          grid-area: anken2-fund;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-fund {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-commission {
          grid-area: anken2-commission;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-commission {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-howto {
          grid-area: anken2-howto;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-howto {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-contract {
          grid-area: anken2-contract;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-contract {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-doc {
          grid-area: anken2-doc;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-doc {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-exam {
          grid-area: anken2-exam;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-exam {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-achieve {
          grid-area: anken2-achieve;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-achieve {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-cam {
          grid-area: anken2-cam;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-cam {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken2-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .factoring-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .factoring-top3-container .anken3 {
            border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-mintime {
          grid-area: anken3-mintime;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-mintime {
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-fund {
          grid-area: anken3-fund;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-fund {
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-commission {
          grid-area: anken3-commission;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-commission {
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-howto {
          grid-area: anken3-howto;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-howto {
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-contract {
          grid-area: anken3-contract;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-contract {
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-doc {
          grid-area: anken3-doc;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-doc {
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-exam {
          grid-area: anken3-exam;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-exam {
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-achieve {
          grid-area: anken3-achieve;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-achieve {
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-cam {
          grid-area: anken3-cam;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-cam {
              border-left: 2px solid #fff; } }
        .factoring-top3-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-container .anken3-link {
              border-left: 2px solid #fff; } }
    .factoring-top3-wrapper {
      margin: 1rem auto;
      max-width: 1050px;
      grid-template-columns: repeat(11, 1fr);
      gap: .25rem 0;
      grid-template-areas: "name mintime fund commission howto contract doc exam achieve cam cv" "anken1 anken1-mintime anken1-fund anken1-commission anken1-howto anken1-contract anken1-doc anken1-exam anken1-achieve anken1-cam anken1-cv" "anken2 anken2-mintime anken2-fund anken2-commission anken2-howto anken2-contract anken2-doc anken2-exam anken2-achieve anken2-cam anken2-cv" "anken3 anken3-mintime anken3-fund anken3-commission anken3-howto anken3-contract anken3-doc anken3-exam anken3-achieve anken3-cam anken3-cv"; }
      @media only screen and (max-width: 767px) {
        .factoring-top3-wrapper {
          grid-template-columns: 9.5rem repeat(9, 6rem) 9rem; } }
      .factoring-top3-wrapper .ttl {
        background: #ff6d00; }
      .factoring-top3-wrapper-inner .anken {
        font-size: .9rem; }
      .factoring-top3-wrapper-inner-txt {
        font-size: .8rem;
        text-align: center;
        line-height: 1.4; }
      .factoring-top3-wrapper-cv {
        width: 100%; }
        .factoring-top3-wrapper-cv-btn {
          font-size: 1rem;
          width: 80%; }
      .factoring-top3-wrapper-link {
        width: 100%; }
        .factoring-top3-wrapper-link-btn {
          width: 80%; }
      .factoring-top3-wrapper .name {
        grid-area: name;
        border-right: 2px solid #fff; }
        @media only screen and (max-width: 767px) {
          .factoring-top3-wrapper .name {
            position: sticky;
            left: 0;
            z-index: 0; } }
      .factoring-top3-wrapper .mintime {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .fund {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .commission {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .howto {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .contract {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .doc {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .exam {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .achieve {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .cam {
        border-right: 2px solid #fff;
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .cv {
        border-left: 2px solid #fff; }
      .factoring-top3-wrapper .anken1 {
        border-right: 2px solid #fff; }
        @media only screen and (max-width: 767px) {
          .factoring-top3-wrapper .anken1 {
            position: sticky;
            left: 0;
            z-index: 0; } }
        .factoring-top3-wrapper .anken1-mintime {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken1-fund {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken1-commission {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken1-howto {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken1-contract {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken1-doc {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken1-exam {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken1-achieve {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken1-cam {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken1-cv {
          grid-area: anken1-cv;
          border-right: none;
          border-left: 2px solid #fff;
          background-color: #ffffdc; }
      .factoring-top3-wrapper .anken2 {
        border-right: 2px solid #fff;
        border-left: none; }
        @media only screen and (max-width: 767px) {
          .factoring-top3-wrapper .anken2 {
            position: sticky;
            left: 0;
            z-index: 0; } }
        .factoring-top3-wrapper .anken2-mintime {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken2-fund {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken2-commission {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken2-howto {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken2-contract {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken2-doc {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken2-exam {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken2-achieve {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken2-cam {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken2-cv {
          grid-area: anken2-cv;
          border-right: none;
          border-left: 2px solid #fff; }
      .factoring-top3-wrapper .anken3 {
        border-right: 2px solid #fff;
        border-left: none; }
        @media only screen and (max-width: 767px) {
          .factoring-top3-wrapper .anken3 {
            position: sticky;
            left: 0;
            z-index: 0; } }
        .factoring-top3-wrapper .anken3-mintime {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken3-fund {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken3-commission {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken3-howto {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken3-contract {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken3-doc {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken3-exam {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken3-achieve {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken3-cam {
          border-right: 2px solid #fff;
          border-left: 2px solid #fff; }
        .factoring-top3-wrapper .anken3-cv {
          grid-area: anken3-cv;
          border-right: none;
          border-left: 2px solid #fff; }
    .factoring-top3-ichioshi {
      margin: 1.5rem auto; }
      .factoring-top3-ichioshi-ranking {
        margin: 2rem auto -1rem; }
      .factoring-top3-ichioshi-com {
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        margin-bottom: .5rem; }
        .factoring-top3-ichioshi-com-inner {
          line-height: 1.3;
          position: relative;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .factoring-top3-ichioshi-com-inner {
              font-size: .8rem;
              max-width: 80%; } }
          .factoring-top3-ichioshi-com-inner:before {
            position: absolute;
            bottom: 0;
            left: -1.5rem;
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/factoring/fukidashi_l.png) no-repeat;
            background-position: bottom;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .factoring-top3-ichioshi-com-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .factoring-top3-ichioshi-com-inner:after {
            position: absolute;
            bottom: 0;
            right: -1.5rem;
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/factoring/fukidashi_r.png) no-repeat;
            background-position: bottom;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .factoring-top3-ichioshi-com-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .factoring-top3-ichioshi-inner {
        padding: 1rem;
        background-color: #ffffdc;
        display: flex;
        gap: 1rem;
        align-items: center;
        border-radius: 10px; }
        @media only screen and (max-width: 767px) {
          .factoring-top3-ichioshi-inner {
            width: 1050px; } }
        .factoring-top3-ichioshi-inner-name {
          width: 22%; }
          .factoring-top3-ichioshi-inner-name .name {
            text-align: center;
            font-weight: bold; }
        .factoring-top3-ichioshi-inner-list {
          width: 23%;
          padding: 1rem .5rem;
          background-color: #fff;
          display: flex;
          flex-direction: column;
          gap: .5rem; }
          .factoring-top3-ichioshi-inner-list-ttl {
            text-align: center;
            color: #ff6d00; }
          .factoring-top3-ichioshi-inner-list-item {
            display: flex;
            gap: .5rem;
            align-items: center; }
            .factoring-top3-ichioshi-inner-list-item-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/factoring/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .factoring-top3-ichioshi-inner-list-item-check {
                  width: 7%; } }
            .factoring-top3-ichioshi-inner-list-item-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .factoring-top3-ichioshi-inner-list-item-txt {
                  width: 92%; } }
        .factoring-top3-ichioshi-inner-how {
          width: 45%; }
        .factoring-top3-ichioshi-inner-cv {
          width: 10%; }
          .factoring-top3-ichioshi-inner-cv-btn {
            width: 100%;
            font-size: 1.5rem;
            line-height: 1.2;
            padding-top: .5rem; }
            .factoring-top3-ichioshi-inner-cv-btn .small {
              font-size: .8rem; }
  .factoring-column-content {
    max-width: 750px;
    margin: 0 auto;
    background-color: #fef6f2;
    padding: 2rem 1rem; }
    .factoring-column-content-txt {
      max-width: 600px;
      margin: 0.5rem auto; }
      .factoring-column-content-txt-big {
        font-weight: bold;
        font-size: 1.1rem; }
    .factoring-column-content-container {
      max-width: 500px;
      margin: 1rem auto;
      display: grid;
      grid-template-columns: .5fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "white factoring yushi" "speed factoring-speed yushi-speed" "tanpo factoring-tanpo yushi-tanpo" "hosho factoring-hosho yushi-hosho" "choka factoring-choka yushi-choka" "trust factoring-trust yushi-trust"; }
      .factoring-column-content-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #fff; }
      .factoring-column-content-container .ttl {
        font-weight: bold;
        font-size: .8rem; }
      .factoring-column-content-container-inner-yushi {
        width: 40%;
        margin: 0 auto; }
      .factoring-column-content-container .white {
        grid-area: white; }
      .factoring-column-content-container .speed {
        grid-area: speed; }
      .factoring-column-content-container .tanpo {
        grid-area: tanpo; }
      .factoring-column-content-container .hosho {
        grid-area: hosho; }
      .factoring-column-content-container .choka {
        grid-area: choka; }
      .factoring-column-content-container .trust {
        grid-area: trust; }
      .factoring-column-content-container .factoring {
        grid-area: factoring;
        background-color: #ffffdc; }
        .factoring-column-content-container .factoring-speed {
          grid-area: factoring-speed;
          background-color: #ffffdc;
          font-weight: bold; }
        .factoring-column-content-container .factoring-tanpo {
          grid-area: factoring-tanpo;
          background-color: #ffffdc;
          font-weight: bold; }
        .factoring-column-content-container .factoring-hosho {
          grid-area: factoring-hosho;
          background-color: #ffffdc;
          font-weight: bold; }
        .factoring-column-content-container .factoring-choka {
          grid-area: factoring-choka;
          background-color: #ffffdc;
          font-weight: bold; }
        .factoring-column-content-container .factoring-trust {
          grid-area: factoring-trust;
          background-color: #ffffdc;
          font-weight: bold; }
      .factoring-column-content-container .yushi {
        grid-area: yushi; }
        .factoring-column-content-container .yushi-speed {
          grid-area: yushi-speed; }
        .factoring-column-content-container .yushi-tanpo {
          grid-area: yushi-tanpo; }
        .factoring-column-content-container .yushi-hosho {
          grid-area: yushi-hosho; }
        .factoring-column-content-container .yushi-choka {
          grid-area: yushi-choka; }
        .factoring-column-content-container .yushi-trust {
          grid-area: yushi-trust; }
    .factoring-column-content-list {
      max-width: 600px;
      margin: 1rem auto;
      background-color: #fff;
      padding: 2rem 1rem;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      align-items: center; }
      .factoring-column-content-list-item {
        padding-left: 2rem;
        position: relative;
        width: 90%; }
        @media only screen and (max-width: 767px) {
          .factoring-column-content-list-item {
            width: 100%; } }
        .factoring-column-content-list-item:before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/factoring/factoring_check.png) no-repeat;
          background-size: contain; }
  .factoring-howto-content {
    background-color: #fef6f2;
    padding: 2rem 1rem;
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .factoring-howto-content {
        flex-direction: column; } }
    .factoring-howto-content-inner {
      max-width: 500px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      align-items: center; }
      @media only screen and (max-width: 767px) {
        .factoring-howto-content-inner {
          gap: .5rem; } }
      .factoring-howto-content-inner-nayami {
        position: relative;
        width: 100%; }
        .factoring-howto-content-inner-nayami-img {
          position: absolute;
          top: 0; }
          .factoring-howto-content-inner-nayami-img-l {
            left: 0;
            width: 6rem;
            height: 6rem; }
          .factoring-howto-content-inner-nayami-img-r {
            right: 0;
            width: 7rem;
            height: 7rem; }
        .factoring-howto-content-inner-nayami-list {
          background-color: #ffffdc; }
          .factoring-howto-content-inner-nayami-list-l {
            padding: 2rem 1rem 2rem 7rem; }
          .factoring-howto-content-inner-nayami-list-r {
            padding: 2rem 7rem 2rem 1rem; }
          .factoring-howto-content-inner-nayami-list-item {
            position: relative;
            padding-left: 1rem; }
            .factoring-howto-content-inner-nayami-list-item:before {
              content: '';
              background-color: #ff6d00;
              border-radius: 50px;
              width: .5rem;
              height: .5rem;
              display: inline-block;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: 0; }
      .factoring-howto-content-inner-sankaku {
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 30px solid transparent;
        border-left: 30px solid transparent;
        border-top: 30px solid #ff872e;
        border-bottom: 0; }
      .factoring-howto-content-inner-osusume {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        .factoring-howto-content-inner-osusume-txt {
          text-align: center;
          line-height: 1.3; }
          .factoring-howto-content-inner-osusume-txt-big {
            font-weight: bold;
            font-size: 1.5rem; }
            @media only screen and (max-width: 767px) {
              .factoring-howto-content-inner-osusume-txt-big {
                font-size: 1.2rem; } }
        .factoring-howto-content-inner-osusume-wrap {
          background-color: #fff;
          padding: 1rem; }
          .factoring-howto-content-inner-osusume-wrap-img {
            width: 80%;
            margin: 0 auto; }
          .factoring-howto-content-inner-osusume-wrap-list {
            margin-top: .5rem; }
            .factoring-howto-content-inner-osusume-wrap-list-item {
              text-align: center;
              font-size: .9rem; }
  .factoring-howto-ichioshi {
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    gap: .5rem; }
    .factoring-howto-ichioshi-img {
      max-width: 500px;
      margin: 0 auto; }
    .factoring-howto-ichioshi-cv {
      width: 55%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .factoring-howto-ichioshi-cv {
          width: 75%; } }
  .factoring .ranking-title {
    background: linear-gradient(90deg, #febc9a 0%, #ff872e 50%, #ff6d00 100%);
    z-index: 0; }
    .factoring .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .factoring .ranking-title:after {
      top: 100%;
      border-top: 20px solid #ff872e; }
  .factoring .ranking .factoring-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .factoring .ranking .factoring-ranking {
        padding: 0 .5rem; } }
    .factoring .ranking .factoring-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #fffd03; }
    .factoring .ranking .factoring-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .factoring .ranking .factoring-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #984c00; }
    .factoring .ranking .factoring-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .factoring .ranking .factoring-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .factoring .ranking .factoring-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #fef6f2;
      border-radius: 20px; }
      .factoring .ranking .factoring-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .factoring .ranking .factoring-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .factoring .ranking .factoring-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .factoring .ranking .factoring-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .factoring .ranking .factoring-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .factoring .ranking .factoring-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .factoring .ranking .factoring-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .factoring .ranking .factoring-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .factoring .ranking .factoring-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .factoring .ranking .factoring-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .factoring .ranking .factoring-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-ttl {
          background: linear-gradient(90deg, #febc9a 0%, #ff872e 50%, #ff6d00 100%);
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/factoring/factoring_check.png) no-repeat;
                background-size: contain; }
        .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #fef6f2; }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .achieve {
            background-color: #febc9a; }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .doc {
            background-color: #ff872e; }
            @media only screen and (max-width: 767px) {
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .doc {
                background-color: #ff6d00; } }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .com {
            background-color: #ff6d00; }
            @media only screen and (max-width: 767px) {
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .com {
                background-color: #febc9a; } }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .howto {
            background-color: #febc9a; }
            @media only screen and (max-width: 767px) {
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .howto {
                background-color: #ff6d00; } }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .fund {
            background-color: #ff872e; }
            @media only screen and (max-width: 767px) {
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .fund {
                background-color: #febc9a; } }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox .cam {
            background-color: #ff6d00; }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #fef6f2;
            border-bottom: 0.5rem solid #fef6f2;
            font-size: .8rem;
            padding: .5rem; }
        .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #aca9a9;
            color: #fff;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #313131 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #313131 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #aca9a9;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0; }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card {
            background-color: #fff;
            width: 100%;
            padding: 2rem;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: center;
            height: auto;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card {
                padding: 2rem 1.5rem; } }
            .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-ttl {
              font-weight: bold;
              font-size: 1.2rem; }
              @media only screen and (max-width: 767px) {
                .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-ttl {
                  font-size: 1rem; } }
            .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-img {
              width: 50%; }
              @media only screen and (max-width: 767px) {
                .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-img {
                  width: 60%; } }
            .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-comment {
              margin-top: -1rem;
              width: 100%; }
              @media only screen and (max-width: 767px) {
                .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-comment {
                  padding: 0 2rem; } }
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
                position: relative;
                display: inline-block;
                font-size: 1.8rem;
                margin-bottom: 1rem;
                line-height: 1.2; }
                .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                  position: absolute;
                  bottom: -0.5rem;
                  left: 0;
                  background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                  content: "";
                  height: 2px;
                  width: 100%; }
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-comment-txt {
                margin-top: .5rem;
                line-height: 1.5; }
              .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-review-card-comment p {
                font-size: .9rem; }
        .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .factoring .ranking .factoring-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .factoring-survey {
    margin-top: 2rem; }

.factoringsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .factoringsearch {
      padding: .5rem; } }
  .factoringsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .factoringsearch .only-pc {
      display: none; } }
  .factoringsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .factoringsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .factoringsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .factoringsearch-form {
        gap: .5rem; } }
    .factoringsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .factoringsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .factoringsearch-form-wrap-sankaku {
            width: 48%; } }
        .factoringsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .factoringsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .factoringsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .factoringsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .factoringsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .factoringsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .factoringsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .factoringsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .factoringsearch-form-submit-txt:before {
              display: none; } }
        .factoringsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .factoringsearch-form-submit-txt:after {
              display: none; } }
      .factoringsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .factoringsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .factoringsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .factoringsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.factoringkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .factoringkekka-sort {
      flex-direction: column; } }
  .factoringkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .factoringkekka-sort-now {
        width: 100%; } }
    .factoringkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .factoringkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .factoringkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .factoringkekka-sort-form {
        width: 100%; } }
    .factoringkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .factoringkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.factoringkekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .factoringkekka-none-button {
      width: 70%; } }
  .factoringkekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .factoringkekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .factoringkekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .factoringkekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .factoringkekka-none-button-wrap a:hover {
        color: #808080; }

.factoring .ranking-list-box-inner-review .swiper-button-prev, .factoring .ranking-list-box-inner-review .swiper-button-next {
  color: #ff6d00; }
.factoring .ranking-list-box-inner-review .swiper-button-next:after, .factoring .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.factoring .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #ff6d00;
  border: 1px solid #fff;
  box-sizing: content-box; }
.factoring .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #ff6d00;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*ファクタリングLP用*/
/* hudosansateiLP   feature　
----------------------------------------------------------------------------------------------*/
.funeral-mv {
  max-width: 750px;
  margin: auto; }
.funeral-intro {
  width: 90%;
  margin: auto !important; }
.funeral-container {
  position: relative;
  width: 2rem;
  height: 3rem;
  margin: auto !important; }
  @media only screen and (max-width: 767px) {
    .funeral-container {
      height: 4rem; } }
.funeral .funeralsearch {
  max-width: 1000px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .funeral .funeralsearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .funeral .funeralsearch .only-pc {
      display: none; } }
  .funeral .funeralsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .funeral .funeralsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .funeral .funeralsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .funeral .funeralsearch-form {
        gap: .5rem; } }
    .funeral .funeralsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .funeral .funeralsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .funeral .funeralsearch-form-wrap-sankaku {
            width: 48%; } }
        .funeral .funeralsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .funeral .funeralsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .funeral .funeralsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .funeral .funeralsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .funeral .funeralsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .funeral .funeralsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .funeral .funeralsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .funeral .funeralsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .funeral .funeralsearch-form-submit-txt:before {
              display: none; } }
        .funeral .funeralsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .funeral .funeralsearch-form-submit-txt:after {
              display: none; } }
      .funeral .funeralsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .funeral .funeralsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .funeral .funeralsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .funeral .funeralsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.funeralkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .8rem; }
  @media only screen and (max-width: 767px) {
    .funeralkekka-sort {
      flex-direction: column; } }
  .funeralkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .funeralkekka-sort-now {
        width: 100%; } }
    .funeralkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .funeralkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .funeralkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .funeralkekka-sort-form {
        width: 100%; } }
    .funeralkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .funeralkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.funeralkekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .funeralkekka-none-button {
      width: 70%; } }
  .funeralkekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .funeralkekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .funeralkekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .funeralkekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .funeralkekka-none-button-wrap a:hover {
        color: #808080; }

.swiper-button-prev, .swiper-button-next {
  color: #0099cc; }

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0099cc; }

/*お葬式記事LP用*/
/* skincareLP   feature　
----------------------------------------------------------------------------------------------*/
.skincareright {
  color: #4a4a4a;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", sans-serif; }
  .skincareright .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .skincareright-wrapper {
    padding: 0 .5rem; }
  .skincareright a {
    color: #000;
    transition: 0.3s; }
    .skincareright a:hover {
      opacity: 0.7; }
  .skincareright-ttl {
    max-width: 500px;
    margin: 1rem auto; }
  .skincareright-cv {
    margin: .5rem 0;
    text-align: center; }
    .skincareright-cv a:hover {
      opacity: 1; }
    .skincareright-cv-btn {
      position: relative;
      margin: .5rem auto;
      overflow: hidden;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 60px;
      border-radius: 30px;
      font-size: 1.3rem;
      font-weight: bold;
      background-color: #e5784f;
      box-shadow: 0 8px 0 #753e29;
      animation-name: skincareright-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .skincareright-cv-btn {
          font-size: .9rem; } }
@keyframes skincareright-cvmove {
  0% {
    box-shadow: 0 8px 0 #753e29;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #753e29;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #753e29;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #753e29;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #753e29;
    transform: translatey(0); } }
      .skincareright-cv-btn:before {
        position: absolute;
        content: '';
        pointer-events: none;
        display: inline-block;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
      @media only screen and (max-width: 767px) {
        .skincareright-cv-btn {
          width: 100%;
          padding: 0.5rem 0; } }
  .skincareright-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .skincareright-link {
        margin: 1rem auto 1.5rem; } }
    .skincareright-link-btn {
      width: 100%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .skincareright-link-btn {
          width: 95%; } }
      .skincareright-link-btn a:hover {
        opacity: 1; }
      .skincareright-link-btn-inner {
        background-color: #f2eb91;
        display: flex;
        justify-content: center;
        color: #4a4a4a !important;
        gap: 0.2rem;
        align-items: center;
        border-radius: 30px;
        padding: .5rem 1rem;
        box-shadow: 0 8px 0 #68653e;
        animation-name: skincareright-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .skincareright-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
@keyframes hokei-linkmove {
  0% {
    box-shadow: 0 8px 0 #68653e;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #68653e;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #68653e;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #68653e;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #68653e;
    transform: translatey(0); } }
        .skincareright-link-btn-inner-txt {
          color: #4a4a4a;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .skincareright-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .skincareright-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .skincareright-gradient {
    background: linear-gradient(90deg, #f9fafe 0%, #d4d8e0 100%);
    padding-bottom: 1rem; }
  .skincareright-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .skincareright-type {
        margin: .5rem auto; } }
    .skincareright-type-list {
      margin-top: 1rem; }
      @media only screen and (max-width: 767px) {
        .skincareright-type-list {
          margin-top: .5rem;
          flex-direction: column;
          gap: 1rem; } }
      .skincareright-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .skincareright-type-list-inner {
            width: 100%; } }
        .skincareright-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          background-color: #4f5273;
          border-radius: 20px 20px 0 0; }
          .skincareright-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .skincareright-type-list-inner-ttl-y {
            background-color: #f2eb91;
            color: #4a4a4a; }
          .skincareright-type-list-inner-ttl-b {
            background-color: #a6972f; }
          .skincareright-type-list-inner-ttl-r {
            background-color: #b5b5bf; }
        .skincareright-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #4a4a4a;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          border: none;
          height: 12rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .skincareright-type-list-inner-content {
              padding: 1rem;
              height: auto; } }
          .skincareright-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            width: 100%; }
            .skincareright-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .skincareright-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .skincareright-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .skincareright-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .skincareright-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .skincareright-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .skincareright-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .skincareright-type-list-inner-content .name {
            font-weight: bold;
            font-size: .9rem;
            color: #337ab7; }
        .skincareright-type-list-inner-copy {
          width: 75%; }
        .skincareright-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .skincareright-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .skincareright-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .skincareright-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .skincareright-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .skincareright-type-list-inner-cv-txt {
            color: #fff; }
          .skincareright-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .skincareright-type-kome {
      opacity: .5;
      font-size: 0.9rem;
      text-align: right;
      margin: -1rem auto 1rem;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .skincareright-type-kome {
          font-size: .7rem;
          text-align: center;
          margin: .5rem 0 0; } }
  .skincareright-kinds-content {
    display: flex;
    justify-content: center;
    gap: .5rem;
    max-width: 600px;
    margin: 0 auto 1rem; }
    .skincareright-kinds-content-inner {
      width: 100%;
      background-color: #fff; }
      .skincareright-kinds-content-inner-ttl {
        background-color: #f2eb91;
        color: #4f5273;
        font-size: 1.2rem;
        padding: .5rem;
        text-align: center;
        font-weight: bold; }
      .skincareright-kinds-content-inner-container {
        background-color: #fff;
        padding: .5rem; }
        .skincareright-kinds-content-inner-container-list {
          display: flex;
          flex-direction: column;
          gap: .2rem; }
          .skincareright-kinds-content-inner-container-list-item {
            margin-left: 1rem;
            position: relative; }
            @media only screen and (max-width: 767px) {
              .skincareright-kinds-content-inner-container-list-item {
                font-size: .8rem; } }
            .skincareright-kinds-content-inner-container-list-item:before {
              position: absolute;
              top: 50%;
              left: -1rem;
              transform: translateY(-50%);
              display: inline-block;
              content: '';
              width: .5rem;
              height: .5rem;
              background-color: #f2eb91;
              border-radius: 5rem; }
  .skincareright-kinds-iso {
    margin: 1rem auto; }
    .skincareright-kinds-iso-ttl {
      background-color: #f2eb91;
      color: #4f5273;
      font-size: 1.2rem;
      padding: .5rem;
      text-align: center;
      font-weight: bold; }
    .skincareright-kinds-iso-content {
      background-color: #fff;
      padding: 1rem; }
      .skincareright-kinds-iso-content-flex {
        display: flex;
        justify-content: center;
        gap: 1rem;
        margin: 1rem auto;
        max-width: 500px; }
      .skincareright-kinds-iso-content-kome {
        text-align: right;
        font-size: .8rem; }
  .skincareright-kinds-txt {
    text-align: center; }
    .skincareright-kinds-txt-big {
      font-size: 1.5rem;
      color: #e5784f; }
      @media only screen and (max-width: 767px) {
        .skincareright-kinds-txt-big {
          font-size: 1.5rem; } }
  .skincareright-kinds-osusume {
    max-width: 500px;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center; }
    .skincareright-kinds-osusume-name {
      width: 80%;
      display: flex;
      justify-content: center;
      flex-direction: column;
      margin: .5rem auto 0; }
      .skincareright-kinds-osusume-name-copy {
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        width: 100%; }
        .skincareright-kinds-osusume-name-copy-inner {
          line-height: 1.3;
          position: relative;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .skincareright-kinds-osusume-name-copy-inner {
              font-size: 1rem;
              max-width: 80%; } }
          .skincareright-kinds-osusume-name-copy-inner .small {
            font-size: 1rem; }
          .skincareright-kinds-osusume-name-copy-inner:before {
            position: absolute;
            bottom: .5rem;
            left: -1.5rem;
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/skincare/right/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .skincareright-kinds-osusume-name-copy-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .skincareright-kinds-osusume-name-copy-inner:after {
            position: absolute;
            bottom: .5rem;
            right: -1.5rem;
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/skincare/right/fukidashi_r.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .skincareright-kinds-osusume-name-copy-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .skincareright-kinds-osusume-name-img {
        display: inline-block;
        margin: 0 auto; }
    .skincareright-kinds-osusume-cv {
      width: 60%; }
      .skincareright-kinds-osusume-cv-btn-txt {
        font-size: 1.2rem;
        color: #fff; }
  .skincareright-kinds-kome {
    font-size: .5rem;
    margin: .5rem auto 0;
    text-align: right; }
  .skincareright-fact {
    background-color: #4f5273;
    padding: .5rem 0 2rem;
    max-width: 750px;
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .skincareright-fact {
        padding: .5rem .5rem 2rem; } }
    .skincareright-fact-img {
      max-width: 500px;
      margin: .5rem auto; }
    .skincareright-fact-kome {
      font-size: .5rem;
      text-align: right;
      max-width: 500px;
      margin: -.5rem auto 0; }
      .skincareright-fact-kome a {
        color: #fff;
        transition: .3s; }
      .skincareright-fact-kome a:hover {
        opacity: .7; }
    .skincareright-fact-ketsuron {
      max-width: 500px;
      margin: 1.5rem auto;
      display: flex;
      justify-content: center;
      gap: .5rem;
      align-items: center; }
      .skincareright-fact-ketsuron-txt {
        color: #fff;
        width: 64%; }
        @media only screen and (max-width: 767px) {
          .skincareright-fact-ketsuron-txt {
            width: 69%;
            font-size: .9rem; } }
      .skincareright-fact-ketsuron-img {
        width: 35%; }
        @media only screen and (max-width: 767px) {
          .skincareright-fact-ketsuron-img {
            width: 30%; } }
    .skincareright-fact-txt {
      color: #fff;
      text-align: center; }
    .skincareright-fact .big {
      font-size: 1.3rem;
      font-weight: bold;
      color: #f2eb91; }
  .skincareright-reason {
    margin-bottom: 2rem; }
    .skincareright-reason-inner {
      padding-bottom: 1.3rem; }
      .skincareright-reason-inner-list-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .5rem; }
        @media only screen and (max-width: 767px) {
          .skincareright-reason-inner-list-item-img {
            width: 80%;
            margin: auto; } }
        .skincareright-reason-inner-list-item-txt {
          text-align: center; }
    .skincareright-reason-txt {
      text-align: center;
      color: #4f5273; }
      .skincareright-reason-txt-big {
        font-size: 2rem;
        color: #e5784f;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincareright-reason-txt-big {
            font-size: 1.5rem; } }
  .skincareright-miniranking {
    max-width: 750px;
    margin: 0 auto; }
    .skincareright-miniranking-ttl {
      max-width: 500px;
      margin: 0 auto 1rem; }
    .skincareright-miniranking-container {
      position: relative;
      margin: auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0 .4rem;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "symptoms symptoms symptoms" "anken1-symptoms anken2-symptoms anken3-symptoms" "medifee medifee medifee" "anken1-medifee anken2-medifee anken3-medifee" "oraltype oraltype oraltype" "anken1-oraltype anken2-oraltype anken3-oraltype" "externaltype externaltype externaltype" "anken1-externaltype anken2-externaltype anken3-externaltype" "kanpo kanpo kanpo" "anken1-kanpo anken2-kanpo anken3-kanpo" "today today today" "anken1-today anken2-today anken3-today" "firstprice firstprice firstprice" "anken1-firstprice anken2-firstprice anken3-firstprice" "getmedi getmedi getmedi" "anken1-getmedi anken2-getmedi anken3-getmedi" "howtoreserve howtoreserve howtoreserve" "anken1-howtoreserve anken2-howtoreserve anken3-howtoreserve" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "link link link" "anken1-link anken2-link anken3-link"; }
      @media only screen and (max-width: 767px) {
        .skincareright-miniranking-container {
          gap: 0 .2rem; } }
      .skincareright-miniranking-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        background-color: #fff;
        width: 100%; }
      .skincareright-miniranking-container .ttl {
        background-color: #4f5273;
        color: #fff;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .skincareright-miniranking-container .ttl {
            font-size: .9rem; } }
      .skincareright-miniranking-container .ico-rank {
        margin: 0 auto .5rem;
        width: 3rem; }
      .skincareright-miniranking-container .eval-mark {
        width: 3rem;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .skincareright-miniranking-container .eval-mark {
            width: 2rem; } }
      .skincareright-miniranking-container-txt {
        font-size: .9rem;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .skincareright-miniranking-container-txt {
            font-size: .8rem; } }
      .skincareright-miniranking-container-inner {
        width: 100%; }
      .skincareright-miniranking-container-list li {
        margin-left: 1rem;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .skincareright-miniranking-container-list li {
            font-size: .8rem; } }
        .skincareright-miniranking-container-list li:before {
          position: absolute;
          top: 50%;
          left: -1rem;
          transform: translateY(-50%);
          display: inline-block;
          content: '';
          width: .5rem;
          height: .5rem;
          background-color: #4f5273;
          border-radius: 5rem; }
      .skincareright-miniranking-container-batch {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        flex-wrap: wrap;
        max-width: 500px;
        margin: auto; }
        .skincareright-miniranking-container-batch-item {
          font-size: .8rem;
          padding: .3rem 1rem;
          background-color: #a8a8a8;
          border-radius: 20px; }
          @media only screen and (max-width: 767px) {
            .skincareright-miniranking-container-batch-item {
              font-size: .7rem;
              padding: .3rem .4rem; } }
          .skincareright-miniranking-container-batch-item-on {
            font-size: .8rem;
            padding: .3rem 1rem;
            background-color: #f2eb91;
            border-radius: 20px;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .skincareright-miniranking-container-batch-item-on {
                font-size: .7rem;
                padding: .3rem .4rem; } }
      .skincareright-miniranking-container-cv {
        width: 80%;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          .skincareright-miniranking-container-cv {
            width: 100%; } }
      .skincareright-miniranking-container .symptoms {
        grid-area: symptoms; }
      .skincareright-miniranking-container .medifee {
        grid-area: medifee; }
      .skincareright-miniranking-container .today {
        grid-area: today; }
      .skincareright-miniranking-container .firstprice {
        grid-area: firstprice; }
      .skincareright-miniranking-container .getmedi {
        grid-area: getmedi; }
      .skincareright-miniranking-container .oraltype {
        grid-area: oraltype; }
      .skincareright-miniranking-container .externaltype {
        grid-area: externaltype; }
      .skincareright-miniranking-container .howtoreserve {
        grid-area: howtoreserve; }
      .skincareright-miniranking-container .kanpo {
        grid-area: kanpo; }
      .skincareright-miniranking-container .feature {
        grid-area: feature; }
      .skincareright-miniranking-container .link {
        grid-area: link; }
      .skincareright-miniranking-container .anken1 {
        grid-area: anken1;
        position: sticky;
        top: 0;
        z-index: 1; }
        .skincareright-miniranking-container .anken1-symptoms {
          grid-area: anken1-symptoms;
          padding: 1rem .5rem; }
        .skincareright-miniranking-container .anken1-medifee {
          grid-area: anken1-medifee; }
        .skincareright-miniranking-container .anken1-today {
          grid-area: anken1-today; }
        .skincareright-miniranking-container .anken1-firstprice {
          grid-area: anken1-firstprice; }
        .skincareright-miniranking-container .anken1-getmedi {
          grid-area: anken1-getmedi; }
        .skincareright-miniranking-container .anken1-oraltype {
          grid-area: anken1-oraltype; }
        .skincareright-miniranking-container .anken1-externaltype {
          grid-area: anken1-externaltype; }
        .skincareright-miniranking-container .anken1-kanpo {
          grid-area: anken1-kanpo; }
        .skincareright-miniranking-container .anken1-howtoreserve {
          grid-area: anken1-howtoreserve; }
        .skincareright-miniranking-container .anken1-feature {
          grid-area: anken1-feature; }
        .skincareright-miniranking-container .anken1-link {
          grid-area: anken1-link; }
      .skincareright-miniranking-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1; }
        .skincareright-miniranking-container .anken2-symptoms {
          grid-area: anken2-symptoms;
          padding: 1rem .5rem; }
        .skincareright-miniranking-container .anken2-medifee {
          grid-area: anken2-medifee; }
        .skincareright-miniranking-container .anken2-today {
          grid-area: anken2-today; }
        .skincareright-miniranking-container .anken2-firstprice {
          grid-area: anken2-firstprice; }
        .skincareright-miniranking-container .anken2-getmedi {
          grid-area: anken2-getmedi; }
        .skincareright-miniranking-container .anken2-oraltype {
          grid-area: anken2-oraltype; }
        .skincareright-miniranking-container .anken2-externaltype {
          grid-area: anken2-externaltype; }
        .skincareright-miniranking-container .anken2-kanpo {
          grid-area: anken2-kanpo; }
        .skincareright-miniranking-container .anken2-howtoreserve {
          grid-area: anken2-howtoreserve; }
        .skincareright-miniranking-container .anken2-feature {
          grid-area: anken2-feature; }
        .skincareright-miniranking-container .anken2-link {
          grid-area: anken2-link; }
      .skincareright-miniranking-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1; }
        .skincareright-miniranking-container .anken3-symptoms {
          grid-area: anken3-symptoms;
          padding: 1rem .5rem; }
        .skincareright-miniranking-container .anken3-medifee {
          grid-area: anken3-medifee; }
        .skincareright-miniranking-container .anken3-today {
          grid-area: anken3-today; }
        .skincareright-miniranking-container .anken3-firstprice {
          grid-area: anken3-firstprice; }
        .skincareright-miniranking-container .anken3-getmedi {
          grid-area: anken3-getmedi; }
        .skincareright-miniranking-container .anken3-oraltype {
          grid-area: anken3-oraltype; }
        .skincareright-miniranking-container .anken3-externaltype {
          grid-area: anken3-externaltype; }
        .skincareright-miniranking-container .anken3-kanpo {
          grid-area: anken3-kanpo; }
        .skincareright-miniranking-container .anken3-howtoreserve {
          grid-area: anken3-howtoreserve; }
        .skincareright-miniranking-container .anken3-feature {
          grid-area: anken3-feature; }
        .skincareright-miniranking-container .anken3-link {
          grid-area: anken3-link; }
    .skincareright-miniranking-kome {
      font-size: .8rem;
      text-align: right;
      margin: .5rem auto 3rem; }
  .skincareright-whats-txt-strong {
    margin-top: 1rem;
    text-align: center; }
    .skincareright-whats-txt-strong-point {
      background-image: radial-gradient(circle at center, #444444 20%, transparent 20%);
      /* 点の色とサイズ調整 */
      background-position: top right;
      /* 点の位置 */
      background-repeat: repeat-x;
      /* 横方向に繰り返し */
      background-size: 1em 0.3em;
      /* 点の間隔とサイズ調整 */
      padding-top: .4em;
      /* 縦方向の位置調整 */ }
    .skincareright-whats-txt-strong-bold {
      font-size: 2rem;
      color: #e5784f; }
      @media only screen and (max-width: 767px) {
        .skincareright-whats-txt-strong-bold {
          font-size: 1.5rem; } }
  .skincareright-whats-figure {
    margin: 1rem auto;
    max-width: 500px; }
  .skincareright .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .skincareright .ranking-flexwrap {
        flex-direction: column;
        gap: 1rem 0; } }
  .skincareright .ranking-title {
    background-color: #fff;
    margin-top: -1rem; }
    .skincareright .ranking-title:after {
      top: 98%;
      border-top: 20px solid #fff; }
    .skincareright .ranking-title-flex span {
      font-size: 1.8rem;
      color: #fff;
      background-color: #4f5273; }
      @media only screen and (max-width: 767px) {
        .skincareright .ranking-title-flex span {
          font-size: 1.2rem; } }
    .skincareright .ranking-title-txt {
      font-size: 3rem;
      color: #4f5273; }
      @media only screen and (max-width: 767px) {
        .skincareright .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.8rem; } }
  .skincareright .ranking .skincareright-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #f2eb91; }
  .skincareright .ranking .skincareright-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #dedae0; }
  .skincareright .ranking .skincareright-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #a88787; }
  .skincareright .ranking .skincareright-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #8e90ad; }
  .skincareright .ranking .skincareright-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #df9fb6; }
  .skincareright .ranking .skincareright-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #df9fb6; }
  .skincareright .ranking .skincareright-ranking-list .ranking-list-box {
    background-color: #fff;
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 3rem; }
    .skincareright .ranking .skincareright-ranking-list .ranking-list-box h2 {
      background-color: #fff;
      margin: 0; }
    .skincareright .ranking .skincareright-ranking-list .ranking-list-box-cv-btn {
      width: 50%;
      margin-bottom: 1rem;
      font-size: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-cv-btn {
          width: 90%; } }
    .skincareright .ranking .skincareright-ranking-list .ranking-list-box-ico {
      top: -2rem; }
      @media only screen and (max-width: 767px) {
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-ico {
          top: -1.7rem; } }
    .skincareright .ranking .skincareright-ranking-list .ranking-list-box h2 {
      padding: 1rem 1rem .5rem; }
      @media only screen and (max-width: 767px) {
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box h2 {
          margin-top: 0;
          font-size: 1.6rem;
          padding: 1rem .5rem .5rem; } }
    .skincareright .ranking .skincareright-ranking-list .ranking-list-box-wrapper {
      background-color: #f9fafe; }
      .skincareright .ranking .skincareright-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: .5rem 0 2rem; }
        @media only screen and (max-width: 767px) {
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-wrapper-width {
            padding: .5rem .5rem 2rem; } }
    .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner {
      margin: 1rem 0; }
      .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-ttl {
        background-color: #4f5273;
        padding: .2rem;
        text-align: center;
        color: #fff; }
      .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point {
        padding: 1rem 2rem;
        text-align: left;
        display: flex;
        flex-direction: column; }
        @media only screen and (max-width: 767px) {
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point {
            padding: 1rem .5rem;
            gap: .5rem; } }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point-check {
          display: inline-block;
          width: 25px;
          height: 15px;
          background: url(../img/feature/skincare/right/check_skincare.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point-check {
              width: 10%; } }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point-txt {
          line-height: 1.3;
          width: 90%; }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point li {
          z-index: 1;
          line-height: 2;
          margin-bottom: .5rem;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point li {
              display: block;
              margin-bottom: 0;
              font-size: .9rem; } }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point-flex {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 0 1rem 0 0.5rem;
          font-weight: 700;
          gap: .5rem;
          font-weight: normal; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point-flex {
              justify-content: left; } }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point-kome {
          opacity: .7;
          font-size: 0.8rem;
          text-align: right;
          margin: .5rem auto 1rem;
          max-width: 1000px; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-point-kome {
              font-size: .7rem; } }
      .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec {
        display: flex;
        justify-content: center;
        gap: 1rem;
        margin-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-wrap {
            flex-wrap: wrap; } }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item {
          background-color: #fff;
          width: 47%; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-ttl {
            background-color: #b5b5bf; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-content {
            padding: 1rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            align-items: center; }
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-content-list li {
              position: relative;
              padding-left: 1rem;
              font-size: .8rem; }
              .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-content-list li:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                content: '';
                width: .5rem;
                height: .5rem;
                background-color: #b5b5bf;
                border-radius: 50px; }
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-content-time {
              width: 100%; }
              .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-content-time-container {
                display: grid;
                gap: 2px 0;
                grid-template-columns: .5fr 1fr;
                grid-template-rows: auto;
                grid-auto-flow: row;
                grid-template-areas: "weekday weekday-time" "weekend weekend-time"; }
                .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-content-time-container .weekday {
                  grid-area: weekday;
                  background-color: #b5b5bf;
                  color: #fff;
                  padding: .2rem;
                  text-align: center; }
                  .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-content-time-container .weekday-time {
                    grid-area: weekday-time;
                    background-color: #f9fafe;
                    padding: .2rem;
                    text-align: center; }
                .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-content-time-container .weekend {
                  grid-area: weekend;
                  background-color: #b5b5bf;
                  color: #fff;
                  padding: .2rem;
                  text-align: center; }
                  .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-content-time-container .weekend-time {
                    grid-area: weekend-time;
                    background-color: #f9fafe;
                    padding: .2rem;
                    text-align: center; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-item-kanpo {
              width: 100%; } }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-kome {
          font-size: .8rem;
          opacity: .7; }
        @media only screen and (max-width: 767px) {
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-sec {
            flex-wrap: wrap; } }
        @media only screen and (max-width: 767px) {
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-spec-sec-item {
            width: 100%; } }
      .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan {
        margin-bottom: 1rem; }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan-ttl {
          background-color: #f2eb91;
          color: #4a4a4a; }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan-list {
          display: flex;
          justify-content: space-between;
          margin-top: 1rem; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan-list {
              flex-direction: column;
              gap: 0.5rem; } }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan-list-item {
            position: relative;
            width: 100%;
            background-color: #fff;
            border: 4px solid #f2eb91;
            border-radius: 20px; }
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan-list-item-harf {
              width: 49%; }
              @media only screen and (max-width: 767px) {
                .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan-list-item-harf {
                  width: 100%; } }
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan-list-item-num {
              position: absolute;
              top: -0.5rem;
              left: -0.5rem;
              width: 2.5rem;
              height: 2.5rem; }
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan-list-item-content {
              padding: 1rem;
              text-align: center;
              font-size: .8rem; }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-plan-kome {
          margin-top: .5rem;
          font-size: .8rem;
          opacity: .7;
          text-align: right; }
      .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail {
        background-color: #fff;
        width: 49%;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail {
            width: 100%; } }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-wrap {
          padding: 0 1rem; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-wrap-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: .2rem; }
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-wrap-item dt {
              width: 30%;
              padding: .5rem;
              background-color: #4f5273;
              color: #fff;
              text-align: center;
              display: flex;
              align-items: center;
              justify-content: center; }
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-wrap-item dd {
              width: 70%;
              padding: .5rem;
              background-color: #fff;
              text-align: center; }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container {
          margin: 1rem 0;
          padding: 0 1rem;
          display: grid;
          grid-template-columns: 1fr 2rem 4rem .3fr;
          grid-template-rows: auto;
          gap: .2rem 0;
          grid-auto-flow: row;
          grid-template-areas: "example plus medifee-ttl medifee-content" "example plus postage-ttl postage-content"; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container {
              padding: 0 1rem;
              grid-template-columns: 30% 70%;
              grid-template-rows: auto;
              gap: .2rem 0;
              grid-auto-flow: row;
              grid-template-areas: "example example" "plus plus" "medifee-ttl medifee-content" "postage-ttl postage-content"; } }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .flex {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0.5rem;
            flex-direction: column; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .small-size {
            font-size: .9rem; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .example {
            grid-area: example;
            background-color: #fff;
            padding: .2rem; }
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .example span {
              text-align: center; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .plus {
            grid-area: plus; }
            @media only screen and (max-width: 767px) {
              .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .plus-icon {
                width: 7%; } }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .medifee-ttl {
            grid-area: medifee-ttl;
            background-color: #4f5273;
            color: #fff; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .postage-ttl {
            grid-area: postage-ttl;
            background-color: #4f5273;
            color: #fff; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .medifee-content {
            grid-area: medifee-content;
            background-color: #fff; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-container .postage-content {
            grid-area: postage-content;
            background-color: #fff; }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-time {
          width: 35%; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-time {
              width: 100%; } }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-price {
          width: 65%; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-price {
              width: 100%; } }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-price-kome {
            padding: 0 1rem;
            font-size: .8rem;
            opacity: .7; }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-detail-time-kome {
          margin-top: .5rem;
          font-size: .8rem;
          opacity: .7; }
      .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-inner {
        margin: 1rem 0; }
      .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-card {
        background-color: #fff;
        width: 100%;
        padding: 1.5rem;
        box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
        max-height: 600px; }
        @media only screen and (max-width: 767px) {
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-card {
            padding: 1.5rem 2rem;
            gap: 1rem;
            max-height: 440px; } }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-card-img {
          width: 40%; }
        .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-card-comment {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-card-comment {
              padding: 0 2rem; } }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
            position: relative;
            display: inline-block;
            font-size: 1.8rem;
            margin-bottom: 1rem;
            line-height: 1.2; }
            .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
              position: absolute;
              bottom: -0.5rem;
              left: 0;
              background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
              content: "";
              height: 2px;
              width: 100%; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-card-comment-link {
            display: block;
            font-size: 0.9rem;
            text-align: right;
            opacity: 0.5; }
          .skincareright .ranking .skincareright-ranking-list .ranking-list-box-inner-review-card-comment-txt {
            margin-top: .5rem;
            line-height: 1.5; }

.skincaresearch {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .skincaresearch {
      padding: .5rem;
      margin: 1rem auto; } }
  .skincaresearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .skincaresearch .only-pc {
      display: none; } }
  .skincaresearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 4rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .skincaresearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .skincaresearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .skincaresearch-form {
        gap: .5rem; } }
    .skincaresearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      @media only screen and (max-width: 767px) {
        .skincaresearch-form-wrap {
          flex-wrap: nowrap;
          flex-direction: column;
          width: 64%; } }
      .skincaresearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .skincaresearch-form-wrap-sankaku {
            width: 100%; } }
        .skincaresearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .skincaresearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .skincaresearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .skincaresearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .skincaresearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .skincaresearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .skincaresearch-form-submit {
          width: 35%; } }
      .skincaresearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .skincaresearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .skincaresearch-form-submit-txt:before {
              display: none; } }
        .skincaresearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .skincaresearch-form-submit-txt:after {
              display: none; } }
      .skincaresearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .skincaresearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .skincaresearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .skincaresearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.skincarekekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .skincarekekka-sort {
      flex-direction: column; } }
  .skincarekekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .skincarekekka-sort-now {
        width: 100%; } }
    .skincarekekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .skincarekekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .skincarekekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .skincarekekka-sort-form {
        width: 100%; } }
    .skincarekekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .skincarekekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.skincarekekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .skincarekekka-none-button {
      width: 70%; } }
  .skincarekekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .skincarekekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .skincarekekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .skincarekekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .skincarekekka-none-button-wrap a:hover {
        color: #808080; }

.skincareright .skincareright-reason-inner .swiper-pagination-bullet {
  color: #4f5273;
  border: 1px solid #fff;
  box-sizing: content-box; }
.skincareright .skincareright-reason-inner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #4f5273;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*美肌治療（光ver）*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.snore {
  color: #121539;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Lucida Grande", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
  @media only screen and (max-width: 767px) {
    .snore {
      font-size: .9rem; } }
  .snore-gradient {
    background: linear-gradient(0deg, #061160 0%, #093979 50%, #2a234f 100%);
    padding-bottom: 2rem; }
  .snore .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .snore img {
    margin: auto; }
  .snore-wrapper {
    padding: 0 .5rem; }
  .snore a {
    transition: 0.3s; }
    .snore a:hover {
      opacity: 0.7; }
  .snore-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .snore-ttl {
        margin: 1rem auto 0; } }
  .snore-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .snore-cv {
        width: 90%; } }
    .snore-cv a:hover {
      opacity: 1; }
    .snore-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .snore-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .snore-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .snore-cv-copy-inner .small {
          font-size: 1rem; }
        .snore-cv-copy-inner:before {
          position: absolute;
          bottom: 0;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/snore/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .snore-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .snore-cv-copy-inner:after {
          position: absolute;
          bottom: 0;
          right: -1.7rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/snore/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .snore-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .snore-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #f64f4f;
      box-shadow: 0 8px 0 #601e1e;
      animation-name: fsnore-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .snore-cv-btn {
          width: 100%; } }
      .snore-cv-btn a {
        width: 100%;
        display: inline-block; }
      .snore-cv-btn a:hover {
        opacity: 1; }
      .snore-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes snore-cvmove {
  0% {
    box-shadow: 0 8px 0 #601e1e;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #601e1e;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #601e1e;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #601e1e;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #601e1e;
    transform: translatey(0); } }
  .snore-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .snore-link {
        margin: 1rem auto 1.5rem; } }
    .snore-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .snore-link-btn {
          width: 95%; } }
      .snore-link-btn a:hover {
        opacity: 1; }
      .snore-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #121539;
        text-decoration: none;
        font-weight: bold;
        background-color: #efe981;
        box-shadow: 0 8px 0 #656236;
        animation-name: snore-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .snore-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .snore-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .snore-link-btn-inner a:hover {
          opacity: 1; }
@keyframes snore-linkmove {
  0% {
    box-shadow: 0 8px 0 #656236;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #656236;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #656236;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #656236;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #656236;
    transform: translatey(0); } }
        .snore-link-btn-inner-txt {
          color: #121539;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .snore-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .snore-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .snore-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .snore-type {
        margin: .5rem auto; } }
    .snore-type-ttl {
      max-width: 500px;
      margin: auto; }
    .snore-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .snore-type-list {
          flex-direction: column;
          gap: 1rem; } }
      .snore-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .snore-type-list-inner {
            width: 100%; } }
        .snore-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #173871; }
          .snore-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .snore-type-list-inner-ttl-y {
            background-color: #efe981;
            color: #121539; }
          .snore-type-list-inner-ttl-s {
            background-color: #a7a7a7; }
          .snore-type-list-inner-ttl-o {
            background-color: #121539; }
        .snore-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #121539;
          border: none;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          height: 12rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .snore-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .snore-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .snore-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .snore-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .snore-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .snore-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .snore-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .snore-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .snore-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .snore-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .snore-type-list-inner-copy {
          width: 75%; }
        .snore-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .snore-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .snore-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .snore-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .snore-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .snore-type-list-inner-cv-txt {
            color: #fff; }
          .snore-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .snore-type-kome {
      font-size: .9rem;
      color: #f2f2f2;
      text-align: right; }
  .snore-fact {
    background-color: #02041b;
    margin: 0rem auto 3rem;
    position: relative;
    padding-top: 2rem; }
    .snore-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: 0;
      border-left: 60px solid transparent;
      border-top: 40px solid #02041b;
      border-bottom: 0; }
    .snore-fact-ttl {
      max-width: 500px;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .snore-fact-ttl {
          padding: 0 .5rem; } }
    .snore-fact-container {
      margin: 1rem auto;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .snore-fact-container {
          padding: 0 .5rem 1rem; } }
      .snore-fact-container-img {
        margin: 1rem auto;
        max-width: 500px; }
      .snore-fact-container-txt {
        margin-top: .5rem;
        text-align: center;
        line-height: 1.5;
        color: #fff !important; }
  .snore-top3 {
    margin: 2rem auto; }
    .snore-top3-container {
      max-width: 750px;
      margin: 1rem auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "firstprice firstprice firstprice" "anken1-firstprice anken2-firstprice anken3-firstprice" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "effect effect effect" "anken1-effect anken2-effect anken3-effect" "pain pain pain" "anken1-pain anken2-pain anken3-pain" "downtime downtime downtime" "anken1-downtime anken2-downtime anken3-downtime" "time time time" "anken1-time anken2-time anken3-time" "area area area" "anken1-area anken2-area anken3-area" "link link link" "anken1-link anken2-link anken3-link"; }
      .snore-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #fff; }
      .snore-top3-container .ttl {
        background-color: #efe981;
        color: #121539;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .snore-top3-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .snore-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .snore-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .snore-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container-inner .bnr {
              width: 80%; } }
        .snore-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .snore-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .snore-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container-inner-txt {
              font-size: .8rem; } }
      @media only screen and (max-width: 767px) {
        .snore-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .snore-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .snore-top3-container .feature {
        grid-area: feature; }
      .snore-top3-container .firstprice {
        grid-area: firstprice; }
      .snore-top3-container .cam {
        grid-area: cam; }
      .snore-top3-container .effect {
        grid-area: effect; }
      .snore-top3-container .pain {
        grid-area: pain; }
      .snore-top3-container .downtime {
        grid-area: downtime; }
      .snore-top3-container .time {
        grid-area: time; }
      .snore-top3-container .area {
        grid-area: area; }
      .snore-top3-container .link {
        grid-area: link; }
      .snore-top3-container .anken1 {
        grid-area: anken1;
        background-color: #f2f0ce;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #22295A;
        border-radius: 20px 0 0 0; }
        @media only screen and (max-width: 767px) {
          .snore-top3-container .anken1 {
            border-right: 2px solid #22295A; } }
        .snore-top3-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #f2f0ce;
          border-right: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken1-feature {
              border-right: 2px solid #22295A; } }
        .snore-top3-container .anken1-firstprice {
          grid-area: anken1-firstprice;
          background-color: #f2f0ce;
          border-right: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken1-firstprice {
              border-right: 2px solid #22295A; } }
        .snore-top3-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #f2f0ce;
          border-right: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken1-cam {
              border-right: 2px solid #22295A; } }
        .snore-top3-container .anken1-effect {
          grid-area: anken1-effect;
          background-color: #f2f0ce;
          border-right: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken1-effect {
              border-right: 2px solid #22295A; } }
        .snore-top3-container .anken1-pain {
          grid-area: anken1-pain;
          background-color: #f2f0ce;
          border-right: 3px solid #093979; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken1-pain {
              border-right: 2px solid #093979; } }
        .snore-top3-container .anken1-downtime {
          grid-area: anken1-downtime;
          background-color: #f2f0ce;
          border-right: 3px solid #093979; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken1-downtime {
              border-right: 2px solid #093979; } }
        .snore-top3-container .anken1-time {
          grid-area: anken1-time;
          background-color: #f2f0ce;
          border-right: 3px solid #093979; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken1-time {
              border-right: 2px solid #093979; } }
        .snore-top3-container .anken1-area {
          grid-area: anken1-area;
          background-color: #f2f0ce;
          border-right: 3px solid #093979; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken1-area {
              border-right: 2px solid #093979; } }
        .snore-top3-container .anken1-link {
          grid-area: anken1-link;
          background-color: #f2f0ce;
          border-right: 3px solid #093979;
          border-radius: 0 0 0 20px; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken1-link {
              border-right: 2px solid #093979; } }
      .snore-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #22295A;
        border-left: 3px solid #22295A; }
        @media only screen and (max-width: 767px) {
          .snore-top3-container .anken2 {
            border-right: 2px solid #22295A;
            border-left: 2px solid #22295A; } }
        .snore-top3-container .anken2-feature {
          grid-area: anken2-feature;
          border-right: 3px solid #22295A;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken2-feature {
              border-right: 2px solid #22295A;
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken2-firstprice {
          grid-area: anken2-firstprice;
          border-right: 3px solid #22295A;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken2-firstprice {
              border-right: 2px solid #22295A;
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken2-cam {
          grid-area: anken2-cam;
          border-right: 3px solid #22295A;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken2-cam {
              border-right: 2px solid #22295A;
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken2-effect {
          grid-area: anken2-effect;
          border-right: 3px solid #22295A;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken2-effect {
              border-right: 2px solid #22295A;
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken2-pain {
          grid-area: anken2-pain;
          border-right: 3px solid #093979;
          border-left: 3px solid #093979; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken2-pain {
              border-right: 2px solid #093979;
              border-left: 2px solid #093979; } }
        .snore-top3-container .anken2-downtime {
          grid-area: anken2-downtime;
          border-right: 3px solid #093979;
          border-left: 3px solid #093979; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken2-downtime {
              border-right: 2px solid #093979;
              border-left: 2px solid #093979; } }
        .snore-top3-container .anken2-time {
          grid-area: anken2-time;
          border-right: 3px solid #093979;
          border-left: 3px solid #093979; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken2-time {
              border-right: 2px solid #093979;
              border-left: 2px solid #093979; } }
        .snore-top3-container .anken2-area {
          grid-area: anken2-area;
          border-right: 3px solid #093979;
          border-left: 3px solid #093979; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken2-area {
              border-right: 2px solid #093979;
              border-left: 2px solid #093979; } }
        .snore-top3-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #093979;
          border-left: 3px solid #093979; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken2-link {
              border-right: 2px solid #093979;
              border-left: 2px solid #093979; } }
      .snore-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #22295A;
        border-radius: 0 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .snore-top3-container .anken3 {
            border-left: 2px solid #22295A; } }
        .snore-top3-container .anken3-feature {
          grid-area: anken3-feature;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken3-feature {
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken3-firstprice {
          grid-area: anken3-firstprice;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken3-firstprice {
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken3-cam {
          grid-area: anken3-cam;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken3-cam {
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken3-effect {
          grid-area: anken3-effect;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken3-effect {
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken3-pain {
          grid-area: anken3-pain;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken3-pain {
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken3-downtime {
          grid-area: anken3-downtime;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken3-downtime {
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken3-time {
          grid-area: anken3-time;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken3-time {
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken3-area {
          grid-area: anken3-area;
          border-left: 3px solid #22295A; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken3-area {
              border-left: 2px solid #22295A; } }
        .snore-top3-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #22295A;
          border-radius: 0 0 20px 0; }
          @media only screen and (max-width: 767px) {
            .snore-top3-container .anken3-link {
              border-left: 2px solid #22295A; } }
  .snore-column-content {
    max-width: 750px;
    margin: 0 auto;
    padding-top: 1rem;
    color: #fff; }
    .snore-column-content-txt {
      max-width: 600px;
      margin: 0.5rem auto;
      text-align: center;
      color: #fff !important; }
      .snore-column-content-txt-big {
        font-weight: bold;
        font-size: 1.4rem; }
    .snore-column-content-img {
      margin: 0 -1rem; }
    .snore-column-content-list {
      position: relative;
      max-width: 600px;
      margin: 1rem auto;
      padding: 2rem;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      align-items: center;
      border: 2px solid #fff;
      border-radius: 20px; }
      @media only screen and (max-width: 767px) {
        .snore-column-content-list {
          padding: 2rem 1rem; } }
      .snore-column-content-list:before {
        position: absolute;
        top: -2rem;
        right: -1.5rem;
        display: inline-block;
        width: 6rem;
        height: 6rem;
        content: '';
        background: url(../img/feature/snore/moon_icon.png) no-repeat;
        background-size: contain; }
        @media only screen and (max-width: 767px) {
          .snore-column-content-list:before {
            top: -3.5rem;
            right: -.5rem;
            width: 5rem;
            height: 5rem; } }
      .snore-column-content-list-item {
        padding-left: 2rem;
        position: relative;
        width: 90%; }
        @media only screen and (max-width: 767px) {
          .snore-column-content-list-item {
            width: 100%; } }
        .snore-column-content-list-item:before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/snore/snore_check_w.png) no-repeat;
          background-size: contain; }
        .snore-column-content-list-item .big {
          font-size: 1.2rem;
          font-weight: bold; }
  .snore-osusume-content {
    margin: 1rem auto; }
    .snore-osusume-content-txt {
      max-width: 600px;
      margin: 0.5rem auto;
      text-align: center;
      color: #fff !important; }
    .snore-osusume-content-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: .7fr 1fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 3px 5px;
      grid-auto-flow: row;
      grid-template-areas: "white laser mess mouse diet" "howto laser-howto mess-howto mouse-howto diet-howto" "effect laser-effect mess-effect mouse-effect diet-effect" "pain laser-pain mess-pain mouse-pain diet-pain" "downtime laser-downtime mess-downtime mouse-downtime diet-downtime"; }
      @media only screen and (max-width: 767px) {
        .snore-osusume-content-container {
          grid-template-columns: 6rem 12rem 12rem 12rem 12rem; } }
      .snore-osusume-content-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem;
        background-color: #fff; }
      .snore-osusume-content-container .ttl {
        font-weight: bold;
        text-align: center; }
      .snore-osusume-content-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .snore-osusume-content-container-inner-name {
          width: 80%;
          margin: auto; }
        .snore-osusume-content-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .snore-osusume-content-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .snore-osusume-content-container-inner-txt {
              font-size: .8rem; } }
      .snore-osusume-content-container .white {
        grid-area: white; }
      .snore-osusume-content-container .howto {
        grid-area: howto;
        border-radius: 20px 20px 0 0;
        padding: .5rem .2rem; }
      .snore-osusume-content-container .effect {
        grid-area: effect;
        padding: .5rem .2rem; }
      .snore-osusume-content-container .pain {
        grid-area: pain;
        padding: .5rem .2rem; }
      .snore-osusume-content-container .downtime {
        grid-area: downtime;
        border-radius: 0 0 20px 20px;
        padding: .5rem .2rem; }
      .snore-osusume-content-container .laser {
        grid-area: laser;
        background-color: #efe981;
        border-radius: 20px 20px 0 0; }
        .snore-osusume-content-container .laser-howto {
          grid-area: laser-howto;
          background-color: #f2f0ce; }
        .snore-osusume-content-container .laser-effect {
          grid-area: laser-effect;
          background-color: #f2f0ce; }
        .snore-osusume-content-container .laser-pain {
          grid-area: laser-pain;
          background-color: #f2f0ce; }
        .snore-osusume-content-container .laser-downtime {
          grid-area: laser-downtime;
          background-color: #f2f0ce;
          border-radius: 0 0 20px 20px; }
      .snore-osusume-content-container .mess {
        grid-area: mess;
        border-radius: 20px 20px 0 0; }
        .snore-osusume-content-container .mess-howto {
          grid-area: mess-howto; }
        .snore-osusume-content-container .mess-effect {
          grid-area: mess-effect; }
        .snore-osusume-content-container .mess-pain {
          grid-area: mess-pain; }
        .snore-osusume-content-container .mess-downtime {
          grid-area: mess-downtime;
          border-radius: 0 0 20px 20px; }
      .snore-osusume-content-container .mouse {
        grid-area: mouse;
        border-radius: 20px 20px 0 0; }
        .snore-osusume-content-container .mouse-howto {
          grid-area: mouse-howto; }
        .snore-osusume-content-container .mouse-effect {
          grid-area: mouse-effect; }
        .snore-osusume-content-container .mouse-pain {
          grid-area: mouse-pain; }
        .snore-osusume-content-container .mouse-downtime {
          grid-area: mouse-downtime;
          border-radius: 0 0 20px 20px; }
      .snore-osusume-content-container .diet {
        grid-area: diet;
        border-radius: 20px 20px 0 0; }
        .snore-osusume-content-container .diet-howto {
          grid-area: diet-howto; }
        .snore-osusume-content-container .diet-effect {
          grid-area: diet-effect; }
        .snore-osusume-content-container .diet-pain {
          grid-area: diet-pain; }
        .snore-osusume-content-container .diet-downtime {
          grid-area: diet-downtime;
          border-radius: 0 0 20px 20px; }
  .snore-osusume-ichioshi {
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-width: 750px; }
    .snore-osusume-ichioshi-copy {
      margin-bottom: -.5rem; }
      .snore-osusume-ichioshi-copy-inner {
        color: #fff; }
        .snore-osusume-ichioshi-copy-inner:before {
          background: url(../img/feature/snore/fukidashi_l_w.png) no-repeat;
          background-size: contain; }
        .snore-osusume-ichioshi-copy-inner:after {
          background: url(../img/feature/snore/fukidashi_r_w.png) no-repeat;
          background-size: contain; }
    .snore-osusume-ichioshi-cloud {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: .5rem;
      background: url(../img/feature/snore/cloud_w.png) no-repeat;
      background-size: contain;
      background-position: center;
      padding: 3.5rem 3rem 3rem; }
      @media only screen and (max-width: 767px) {
        .snore-osusume-ichioshi-cloud {
          padding: 3rem 0;
          margin: 0 -1rem;
          background-size: cover; } }
    .snore-osusume-ichioshi-img {
      max-width: 500px;
      margin: 0 auto; }
    .snore-osusume-ichioshi-cv {
      width: 55%;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .snore-osusume-ichioshi-cv {
          width: 75%; } }
  .snore .ranking-title {
    background-color: #121539;
    z-index: 0; }
    .snore .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .snore .ranking-title:after {
      top: 100%;
      border-top: 20px solid #121539; }
  .snore .ranking .snore-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .snore .ranking .snore-ranking {
        padding: 0 .5rem; } }
    .snore .ranking .snore-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #efe981; }
    .snore .ranking .snore-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .snore .ranking .snore-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .snore .ranking .snore-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .snore .ranking .snore-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .snore .ranking .snore-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f2f2f2;
      border-radius: 20px; }
      .snore .ranking .snore-ranking-list .ranking-list-box-cv {
        width: 95%; }
        @media only screen and (max-width: 767px) {
          .snore .ranking .snore-ranking-list .ranking-list-box-cv {
            width: 100%; } }
        .snore .ranking .snore-ranking-list .ranking-list-box-cv-btn {
          width: 60%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .snore .ranking .snore-ranking-list .ranking-list-box-cv-btn {
              width: 100%;
              font-size: 1.2rem; } }
      .snore .ranking .snore-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .snore .ranking .snore-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .snore .ranking .snore-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .snore .ranking .snore-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .snore .ranking .snore-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .snore .ranking .snore-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .snore .ranking .snore-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .snore .ranking .snore-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .snore .ranking .snore-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .snore .ranking .snore-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .snore .ranking .snore-ranking-list .ranking-list-box-inner-ttl {
          background-color: #121539;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .snore .ranking .snore-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .snore .ranking .snore-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .snore .ranking .snore-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .snore .ranking .snore-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .snore .ranking .snore-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .snore .ranking .snore-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/snore/snore_check.png) no-repeat;
                background-size: contain; }
        .snore .ranking .snore-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .snore .ranking .snore-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f2f2f2;
            background-color: #121539; }
          .snore .ranking .snore-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f2f2f2;
            border-bottom: 0.5rem solid #f2f2f2;
            font-size: .8rem;
            padding: .5rem; }
        .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #a7a7a7;
            color: #fff;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #fff transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #fff transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #a7a7a7;
                  color: #fff;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f2f2f2;
                  padding: .5rem;
                  width: 80%; }
                  .snore .ranking .snore-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .snore .ranking .snore-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0; }
          .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card {
            background-color: #fff;
            width: 100%;
            padding: 2rem;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: center;
            height: auto;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card {
                padding: 2rem 1.5rem; } }
            .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-ttl {
              font-weight: bold;
              font-size: 1.2rem; }
              @media only screen and (max-width: 767px) {
                .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-ttl {
                  font-size: 1rem; } }
            .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-img {
              width: 50%; }
              @media only screen and (max-width: 767px) {
                .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-img {
                  width: 60%; } }
            .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-comment {
              margin-top: -1rem;
              width: 100%; }
              @media only screen and (max-width: 767px) {
                .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-comment {
                  padding: 0 2rem; } }
              .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
                position: relative;
                display: inline-block;
                font-size: 1.8rem;
                margin-bottom: 1rem;
                line-height: 1.2; }
                .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                  position: absolute;
                  bottom: -0.5rem;
                  left: 0;
                  background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                  content: "";
                  height: 2px;
                  width: 100%; }
              .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-comment-txt {
                margin-top: .5rem;
                line-height: 1.5; }
              .snore .ranking .snore-ranking-list .ranking-list-box-inner-review-card-comment p {
                font-size: .9rem; }
        .snore .ranking .snore-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .snore .ranking .snore-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .snore-survey {
    margin-top: 2rem;
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2; }

.snoresearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #121539;
  color: #fff; }
  @media only screen and (max-width: 767px) {
    .snoresearch {
      padding: .5rem; } }
  .snoresearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .snoresearch .only-pc {
      display: none; } }
  .snoresearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #a7a7a7;
    padding: .5rem;
    height: 2.5rem;
    color: #121539;
    background-color: #a7a7a7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .snoresearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .snoresearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .snoresearch-form {
        gap: .5rem; } }
    .snoresearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .snoresearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .snoresearch-form-wrap-sankaku {
            width: 48%; } }
        .snoresearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #121539 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .snoresearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .snoresearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .snoresearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .snoresearch-form-wrap-inner:focus {
          border: 2px solid #121539; }
    .snoresearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .snoresearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #a7a7a7; }
        .snoresearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #a7a7a7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .snoresearch-form-submit-txt:before {
              display: none; } }
        .snoresearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #a7a7a7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .snoresearch-form-submit-txt:after {
              display: none; } }
      .snoresearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #a7a7a7;
        border: 1px solid #a7a7a7;
        border-radius: 60px;
        font-weight: bold;
        color: #121539;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .snoresearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .snoresearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .snoresearch-form-submit input:hover {
          background-color: #f2f2f2;
          color: #121539; }

.snorekekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .snorekekka-sort {
      flex-direction: column; } }
  .snorekekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .snorekekka-sort-now {
        width: 100%; } }
    .snorekekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .snorekekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .snorekekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .snorekekka-sort-form {
        width: 100%; } }
    .snorekekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .snorekekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.snorekekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .snorekekka-none-button {
      width: 70%; } }
  .snorekekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .snorekekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .snorekekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .snorekekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .snorekekka-none-button-wrap a:hover {
        color: #808080; }

.snore .ranking-list-box-inner-review .swiper-button-prev, .snore .ranking-list-box-inner-review .swiper-button-next {
  color: #121539; }
.snore .ranking-list-box-inner-review .swiper-button-next:after, .snore .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.snore .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #fff;
  border: 1px solid #121539;
  box-sizing: content-box; }
.snore .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #121539;
  border: 1px solid #121539;
  box-sizing: content-box; }

/*いびき*/
/* hokeiLP   feature　
----------------------------------------------------------------------------------------------*/
.soro {
  color: #282829;
  font-size: .85rem; }
  .soro-wrapper {
    padding: 0 .5rem; }
  .soro a {
    transition: 0.3s; }
    .soro a:hover {
      opacity: 0.7; }
  .soro-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .soro-ttl {
        margin: 1rem auto 0; } }
  .soro-cv {
    margin: auto;
    text-align: center;
    display: inline-block;
    width: 70%; }
    .soro-cv a:hover {
      opacity: 1; }
    .soro-cv-copy {
      text-align: center;
      font-size: 1.02rem;
      font-weight: bold;
      margin: 1rem auto .5rem; }
      .soro-cv-copy-inner {
        display: inline-block;
        position: relative; }
        .soro-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          left: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_l.png) no-repeat;
          background-size: contain; }
        .soro-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          right: -2rem;
          transform: translateY(-50%);
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/english/fukidashi_r.png) no-repeat;
          background-size: contain; }
    .soro-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 100%;
      height: 60px;
      margin: auto;
      line-height: 60px;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.02rem;
      font-weight: bold;
      background-color: #cc3c14;
      box-shadow: 0 8px 0 #601c09;
      animation-name: hokei-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
@keyframes hokei-cvmove {
  0% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #601c09;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #601c09;
    transform: translatey(0); } }
      .soro-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
  .soro-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .soro-link {
        margin: 1rem auto 1.5rem; } }
    .soro-link-btn {
      width: 70%;
      display: inline-block;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        .soro-link-btn {
          width: 95%; } }
      .soro-link-btn a:hover {
        opacity: 1; }
      .soro-link-btn-inner {
        background-color: #ffe600;
        display: flex;
        justify-content: center;
        color: #282829 !important;
        gap: 0.2rem;
        align-items: center;
        border-radius: 30px;
        padding: .5rem 1rem;
        box-shadow: 0 8px 0 #4e4601;
        animation-name: hokei-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .soro-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
@keyframes hokei-linkmove {
  0% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #4e4601;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #4e4601;
    transform: translatey(0); } }
        .soro-link-btn-inner-txt {
          color: #282829;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .soro-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .soro-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .soro-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .soro-type {
        margin: .5rem auto; } }
    .soro-type-ttl {
      max-width: 500px;
      margin: auto; }
    .soro-type-list {
      margin-top: 1.5rem;
      gap: .5rem; }
      @media only screen and (max-width: 767px) {
        .soro-type-list {
          margin-top: 1rem;
          flex-direction: column;
          gap: 1rem; } }
      .soro-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .soro-type-list-inner {
            width: 100%; } }
        .soro-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #006bcf; }
          .soro-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .soro-type-list-inner-ttl-y {
            border: 0.1rem solid #ffe600;
            background: #ffe600;
            color: #282829; }
        .soro-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border: 0.2rem solid #006bcf;
          border-top: none;
          color: #282829;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          height: 12rem;
          text-align: center;
          font-size: .9rem;
          gap: .5rem; }
          @media only screen and (max-width: 767px) {
            .soro-type-list-inner-content {
              height: auto; } }
          .soro-type-list-inner-content-wrap {
            display: inline-block;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .soro-type-list-inner-content-wrap {
                width: 90%; } }
            .soro-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: 0 auto .5rem; }
              @media only screen and (max-width: 767px) {
                .soro-type-list-inner-content-wrap .logo {
                  margin-bottom: 0;
                  z-index: 0; } }
            .soro-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem;
              align-items: center; }
              .soro-type-list-inner-content-wrap-flex-copy {
                width: 75%; }
                @media only screen and (max-width: 767px) {
                  .soro-type-list-inner-content-wrap-flex-copy {
                    width: 80%; } }
              .soro-type-list-inner-content-wrap-flex-cv {
                width: 25%; }
                .soro-type-list-inner-content-wrap-flex-cv-btn {
                  display: flex;
                  justify-content: center;
                  width: 100%;
                  height: 50px;
                  align-items: center; }
                .soro-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff; }
                .soro-type-list-inner-content-wrap-flex-cv-copy {
                  font-size: 1rem;
                  margin: .5rem auto 0; }
          .soro-type-list-inner-content-y {
            border: 0.1rem solid #ffe600;
            border-top: none; }
          .soro-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .soro-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .soro-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .soro-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
      .soro-type-list-column {
        gap: .5rem; }
        @media only screen and (max-width: 767px) {
          .soro-type-list-column {
            margin-top: 1rem;
            flex-direction: column;
            gap: 1rem; } }
  .soro-season {
    margin: 1rem auto; }
    .soro-season-list {
      display: flex;
      justify-content: center;
      gap: 1rem;
      max-width: 750px;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .soro-season-list {
          flex-direction: column; } }
      .soro-season-list-fukidashi {
        display: flex;
        justify-content: center;
        margin-bottom: .5rem; }
        .soro-season-list-fukidashi-inner {
          position: relative;
          font-weight: bold;
          font-size: 1rem; }
          .soro-season-list-fukidashi-inner:before {
            position: absolute;
            top: 50%;
            left: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/hokei/fukidashi_l.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .soro-season-list-fukidashi-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .soro-season-list-fukidashi-inner:after {
            position: absolute;
            top: 50%;
            right: -1.5rem;
            transform: translateY(-50%);
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/hokei/fukidashi_r.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .soro-season-list-fukidashi-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .soro-season-list-inner {
        width: 50%; }
        @media only screen and (max-width: 767px) {
          .soro-season-list-inner {
            width: 100%; } }
        .soro-season-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #282829;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #ffe600;
          border: 2px solid #ffe600; }
          @media only screen and (max-width: 767px) {
            .soro-season-list-inner-ttl {
              border: 1px solid #ffe600;
              padding: .5rem; } }
          .soro-season-list-inner-ttl-big {
            font-size: 1.5rem; }
        .soro-season-list-inner-content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          border: 2px solid #ffe600;
          border-top: none;
          color: #282829;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .soro-season-list-inner-content {
              height: auto;
              border: 1px solid #ffe600; } }
          .soro-season-list-inner-content-name {
            padding: .5rem; }
            .soro-season-list-inner-content-name .logo {
              width: 70%;
              margin: auto; }
          .soro-season-list-inner-content-wrap {
            width: 100%;
            padding: .5rem .5rem 1rem;
            display: flex;
            flex-direction: column;
            gap: .5rem 0;
            border-radius: 0 0 20px 20px;
            background-color: #e5f3ff; }
            @media only screen and (max-width: 767px) {
              .soro-season-list-inner-content-wrap {
                min-height: inherit; } }
            .soro-season-list-inner-content-wrap-txt .big {
              font-size: 1.6rem;
              font-weight: bold;
              padding: 0 .2rem; }
            .soro-season-list-inner-content-wrap-txt .small {
              font-size: .6rem; }
            .soro-season-list-inner-content-wrap-cv {
              margin: auto;
              width: 100%; }
              .soro-season-list-inner-content-wrap-cv-inner {
                width: 70%; }
  .soro-hikaku {
    max-width: 750px;
    margin: 1.5rem auto; }
    .soro-hikaku-container {
      position: relative;
      margin: 2rem auto;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 0px 4px;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "price price price" "anken1-price anken2-price anken3-price" "time time time" "anken1-time anken2-time anken3-time" "type type type" "anken1-type anken2-type anken3-type" "insurance insurance insurance" "anken1-insurance anken2-insurance anken3-insurance" "stuff stuff stuff" "anken1-stuff anken2-stuff anken3-stuff" "privacy privacy privacy" "anken1-privacy anken2-privacy anken3-privacy" "area area area" "anken1-area anken2-area anken3-area" "link link link" "anken1-link anken2-link anken3-link"; }
      .soro-hikaku-container .flex {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        background-color: #e5f3ff;
        gap: .5rem;
        padding: .5rem; }
      .soro-hikaku-container .ttl {
        color: #fff;
        font-size: .9rem;
        background-color: #006bcf;
        font-weight: bold; }
      .soro-hikaku-container .content {
        background-color: #f2fafc;
        padding: .8rem; }
        @media only screen and (max-width: 767px) {
          .soro-hikaku-container .content {
            font-size: .9rem;
            padding: .5rem; } }
        .soro-hikaku-container .content-inner {
          text-align: center;
          width: 100%; }
          .soro-hikaku-container .content-inner-txt {
            font-size: .85rem; }
            @media only screen and (max-width: 767px) {
              .soro-hikaku-container .content-inner-txt-mini {
                font-size: .7rem; } }
          .soro-hikaku-container .content-inner-eval {
            width: 20%;
            margin: 0 auto .5rem; }
          .soro-hikaku-container .content-inner .big {
            font-size: 1rem;
            font-weight: bold; }
      .soro-hikaku-container-cv {
        width: 100%; }
        .soro-hikaku-container-cv-rank-ico {
          width: 20%;
          margin: 0 auto 0.5rem; }
          @media only screen and (max-width: 767px) {
            .soro-hikaku-container-cv-rank-ico {
              width: 40%; } }
        .soro-hikaku-container-cv-copy {
          text-align: center;
          font-size: .85rem;
          font-weight: bold;
          margin-bottom: .5rem; }
          .soro-hikaku-container-cv-copy-inner {
            position: relative; }
            .soro-hikaku-container-cv-copy-inner:before {
              display: none; }
            .soro-hikaku-container-cv-copy-inner:after {
              display: none; }
        .soro-hikaku-container-cv-btn {
          width: 80%; }
          @media only screen and (max-width: 767px) {
            .soro-hikaku-container-cv-btn {
              width: 85%;
              font-size: .765rem;
              padding-top: .7rem;
              line-height: 1.3; } }
          .soro-hikaku-container-cv-btn-sp {
            font-size: 0.935rem;
            display: block; }
      .soro-hikaku-container .ico-rank {
        position: absolute;
        top: -1.4rem;
        left: 50%;
        transform: translateX(-50%);
        width: 15%;
        margin: 0 auto 0.2rem !important; }
        @media only screen and (max-width: 767px) {
          .soro-hikaku-container .ico-rank {
            width: 30%;
            top: -1.2rem; } }
      .soro-hikaku-container .bnr {
        width: 80%;
        margin: 0 auto .5rem; }
        @media only screen and (max-width: 767px) {
          .soro-hikaku-container .bnr {
            width: 90%; } }
      .soro-hikaku-container .name {
        text-align: center;
        font-weight: bold;
        line-height: 1.2; }
      .soro-hikaku-container .txt-big {
        font-weight: bold;
        font-size: 1.02rem; }
      .soro-hikaku-container .feature {
        grid-area: feature; }
      .soro-hikaku-container .price {
        grid-area: price; }
      .soro-hikaku-container .time {
        grid-area: time; }
      .soro-hikaku-container .type {
        grid-area: type; }
      .soro-hikaku-container .insurance {
        grid-area: insurance; }
      .soro-hikaku-container .stuff {
        grid-area: stuff; }
      .soro-hikaku-container .privacy {
        grid-area: privacy; }
      .soro-hikaku-container .area {
        grid-area: area; }
      .soro-hikaku-container .link {
        grid-area: link; }
      .soro-hikaku-container .anken1 {
        grid-area: anken1;
        position: relative;
        background-color: #fefad3;
        position: sticky;
        top: 0;
        z-index: 1;
        padding-bottom: 1rem; }
        .soro-hikaku-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fefad3; }
        .soro-hikaku-container .anken1-price {
          grid-area: anken1-price;
          background-color: #fefad3; }
        .soro-hikaku-container .anken1-time {
          grid-area: anken1-time;
          background-color: #fefad3; }
        .soro-hikaku-container .anken1-type {
          grid-area: anken1-type;
          background-color: #fefad3; }
        .soro-hikaku-container .anken1-insurance {
          grid-area: anken1-insurance;
          background-color: #fefad3; }
        .soro-hikaku-container .anken1-stuff {
          grid-area: anken1-stuff;
          background-color: #fefad3; }
        .soro-hikaku-container .anken1-privacy {
          grid-area: anken1-privacy;
          background-color: #fefad3; }
        .soro-hikaku-container .anken1-area {
          grid-area: anken1-area;
          background-color: #fefad3; }
        .soro-hikaku-container .anken1-link {
          grid-area: anken1-link;
          padding-bottom: 1rem;
          background-color: #fefad3; }
      .soro-hikaku-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        padding-bottom: 1rem; }
        .soro-hikaku-container .anken2-feature {
          grid-area: anken2-feature; }
        .soro-hikaku-container .anken2-price {
          grid-area: anken2-price; }
        .soro-hikaku-container .anken2-time {
          grid-area: anken2-time; }
        .soro-hikaku-container .anken2-type {
          grid-area: anken2-type; }
        .soro-hikaku-container .anken2-insurance {
          grid-area: anken2-insurance; }
        .soro-hikaku-container .anken2-stuff {
          grid-area: anken2-stuff; }
        .soro-hikaku-container .anken2-privacy {
          grid-area: anken2-privacy; }
        .soro-hikaku-container .anken2-area {
          grid-area: anken2-area; }
        .soro-hikaku-container .anken2-link {
          grid-area: anken2-link;
          padding-bottom: 1rem; }
      .soro-hikaku-container .anken3 {
        grid-area: anken3;
        position: relative;
        position: sticky;
        top: 0;
        z-index: 1;
        padding-bottom: 1rem; }
        .soro-hikaku-container .anken3-feature {
          grid-area: anken3-feature; }
        .soro-hikaku-container .anken3-price {
          grid-area: anken3-price; }
        .soro-hikaku-container .anken3-time {
          grid-area: anken3-time; }
        .soro-hikaku-container .anken3-type {
          grid-area: anken3-type; }
        .soro-hikaku-container .anken3-insurance {
          grid-area: anken3-insurance; }
        .soro-hikaku-container .anken3-stuff {
          grid-area: anken3-stuff; }
        .soro-hikaku-container .anken3-privacy {
          grid-area: anken3-privacy; }
        .soro-hikaku-container .anken3-area {
          grid-area: anken3-area; }
        .soro-hikaku-container .anken3-link {
          grid-area: anken3-link;
          padding-bottom: 1rem; }
  .soro-cure {
    max-width: 750px;
    margin: 0 auto; }
    .soro-cure-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 0.4fr repeat(3, 1fr);
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "white soro bigger hokei" "method soro-method bigger-method hokei-method" "merit soro-merit bigger-merit hokei-merit" "demerit soro-demerit bigger-demerit hokei-demerit" "exam soro-exam bigger-exam hokei-exam"; }
      @media only screen and (max-width: 767px) {
        .soro-cure-container {
          grid-template-columns: 2rem repeat(3, 12rem); } }
      .soro-cure-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .5rem;
        background-color: #e5f3ff; }
      .soro-cure-container .ttl {
        background-color: #006bcf;
        font-weight: bold;
        color: #fff;
        font-size: 1rem; }
        @media only screen and (max-width: 767px) {
          .soro-cure-container .ttl {
            padding: .5rem;
            font-size: .9rem;
            -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl; } }
      .soro-cure-container-inner {
        width: 100%; }
        .soro-cure-container-inner-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .soro-cure-container-inner-txt {
              font-size: .9rem; } }
        .soro-cure-container-inner-img {
          width: 80%;
          margin: 0 auto; }
          .soro-cure-container-inner-img-mini {
            width: 60%;
            margin: 0 auto; }
      .soro-cure-container-list {
        display: flex;
        flex-direction: column;
        gap: .2rem;
        width: 100%; }
        .soro-cure-container-list-merit {
          padding-left: 1.4rem;
          position: relative;
          line-height: 1.3; }
          .soro-cure-container-list-merit:before {
            position: absolute;
            content: '';
            width: 1rem;
            height: 1rem;
            display: inline-block;
            background: url(../img/feature/hokei/hokei-good.png) no-repeat;
            background-size: contain;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
        .soro-cure-container-list-demerit {
          padding-left: 1.4rem;
          position: relative;
          line-height: 1.3; }
          .soro-cure-container-list-demerit:before {
            position: absolute;
            content: '';
            width: 1rem;
            height: 1rem;
            display: inline-block;
            background: url(../img/feature/hokei/hokei-bad.png) no-repeat;
            background-size: contain;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
      .soro-cure-container .white {
        grid-area: white; }
      .soro-cure-container .method {
        grid-area: method; }
      .soro-cure-container .merit {
        grid-area: merit; }
      .soro-cure-container .demerit {
        grid-area: demerit; }
      .soro-cure-container .exam {
        grid-area: exam; }
      .soro-cure-container .soro {
        grid-area: soro;
        font-weight: bold;
        font-size: 1rem; }
        .soro-cure-container .soro-method {
          grid-area: soro-method; }
        .soro-cure-container .soro-merit {
          grid-area: soro-merit; }
        .soro-cure-container .soro-demerit {
          grid-area: soro-demerit; }
        .soro-cure-container .soro-exam {
          grid-area: soro-exam; }
      .soro-cure-container .bigger {
        grid-area: bigger;
        font-weight: bold;
        font-size: 1rem; }
        .soro-cure-container .bigger-method {
          grid-area: bigger-method; }
        .soro-cure-container .bigger-merit {
          grid-area: bigger-merit; }
        .soro-cure-container .bigger-demerit {
          grid-area: bigger-demerit; }
        .soro-cure-container .bigger-exam {
          grid-area: bigger-exam; }
      .soro-cure-container .hokei {
        grid-area: hokei;
        font-weight: bold;
        font-size: 1rem; }
        .soro-cure-container .hokei-method {
          grid-area: hokei-method; }
        .soro-cure-container .hokei-merit {
          grid-area: hokei-merit; }
        .soro-cure-container .hokei-demerit {
          grid-area: hokei-demerit; }
        .soro-cure-container .hokei-exam {
          grid-area: hokei-exam; }
    .soro-cure-sankaku {
      max-width: 400px;
      margin: 0 auto -1rem; }
  .soro-osusume {
    max-width: 750px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .soro-osusume {
        padding: 0 .5rem; } }
    .soro-osusume-list {
      margin-top: 1rem; }
      .soro-osusume-list-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .5rem; }
        .soro-osusume-list-item-txt {
          text-align: center; }
    .soro-osusume-sankaku {
      max-width: 500px;
      margin: 1rem auto; }
    .soro-osusume-ketsuron {
      margin: 1rem auto 0;
      max-width: 500px; }
      .soro-osusume-ketsuron-list {
        display: flex;
        justify-content: center;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .soro-osusume-ketsuron-list {
            flex-direction: column; } }
        .soro-osusume-ketsuron-list-wrap-txt {
          text-align: center;
          margin-top: .2rem; }
        @media only screen and (max-width: 767px) {
          .soro-osusume-ketsuron-list-wrap-img {
            width: 80%;
            margin: auto; } }
      .soro-osusume-ketsuron-strong {
        margin: 2rem auto; }
        .soro-osusume-ketsuron-strong-cv {
          width: 100%;
          display: flex;
          justify-content: center;
          flex-direction: column; }
          .soro-osusume-ketsuron-strong-cv-name {
            margin: 0.5rem auto;
            width: 40%; }
            @media only screen and (max-width: 767px) {
              .soro-osusume-ketsuron-strong-cv-name {
                width: 65%; } }
          .soro-osusume-ketsuron-strong-cv-wrap {
            width: 50%;
            display: flex;
            justify-content: center;
            flex-direction: column;
            margin: auto; }
            @media only screen and (max-width: 767px) {
              .soro-osusume-ketsuron-strong-cv-wrap {
                width: 100%; } }
        .soro-osusume-ketsuron-strong-txt {
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .soro-osusume-ketsuron-strong-txt {
              margin-top: .5rem; } }
          .soro-osusume-ketsuron-strong-txt-wrap {
            position: relative;
            font-weight: bold;
            font-size: 1.2rem;
            display: inline-block;
            line-height: 1.3; }
            .soro-osusume-ketsuron-strong-txt-wrap:before {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              left: -2rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/hokei/fukidashi_l.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .soro-osusume-ketsuron-strong-txt-wrap:before {
                  transform: none;
                  bottom: 0;
                  top: inherit; } }
            .soro-osusume-ketsuron-strong-txt-wrap:after {
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: -2rem;
              content: '';
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url(../img/feature/hokei/fukidashi_r.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .soro-osusume-ketsuron-strong-txt-wrap:after {
                  transform: none;
                  bottom: 0;
                  top: inherit; } }
          .soro-osusume-ketsuron-strong-txt-name {
            font-size: 2rem;
            font-weight: bold; }
        .soro-osusume-ketsuron-strong-img {
          margin: 1rem auto; }
  .soro .ranking-flexwrap {
    display: flex;
    justify-content: center;
    gap: 1rem; }
    @media only screen and (max-width: 767px) {
      .soro .ranking-flexwrap {
        flex-direction: column;
        gap: 0; } }
  .soro .ranking-title {
    background-color: #006bcf; }
    @media only screen and (max-width: 767px) {
      .soro .ranking-title {
        padding: 1.5rem .5rem; } }
    .soro .ranking-title:after {
      top: 98%;
      border-top: 20px solid #006bcf; }
    .soro .ranking-title-flex span {
      color: #006bcf; }
    .soro .ranking-title-txt {
      color: #fff;
      font-size: 1.7rem; }
      @media only screen and (max-width: 767px) {
        .soro .ranking-title-txt {
          margin-top: .6rem;
          line-height: 1.2;
          font-size: 1.445rem; } }
    .soro .ranking-title-img {
      max-width: 500px;
      margin: 0 auto; }
  .soro .ranking .soro-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #fefad3;
    border-radius: 10px; }
  .soro .ranking .soro-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #bdb6c1;
    border-radius: 10px; }
  .soro .ranking .soro-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #80610d;
    border-radius: 10px; }
  .soro .ranking .soro-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #1d215c;
    border-radius: 10px; }
  .soro .ranking .soro-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #bf406d;
    border-radius: 10px; }
  .soro .ranking .soro-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #bf406d;
    border-radius: 10px; }
  .soro .ranking .soro-ranking-list .ranking-list-box {
    box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
    margin-top: 2rem; }
    .soro .ranking .soro-ranking-list .ranking-list-box-cv {
      margin: 0 auto 1rem; }
      .soro .ranking .soro-ranking-list .ranking-list-box-cv-copy {
        margin: 1.5rem auto .5rem;
        text-align: center; }
      .soro .ranking .soro-ranking-list .ranking-list-box-cv-btn {
        width: 50%;
        margin-bottom: 1rem;
        font-size: 1.275rem;
        opacity: 1; }
        @media only screen and (max-width: 767px) {
          .soro .ranking .soro-ranking-list .ranking-list-box-cv-btn {
            width: 90%;
            font-size: 1.105rem; } }
    .soro .ranking .soro-ranking-list .ranking-list-box-ttl {
      padding: 1rem 1rem .5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .soro .ranking .soro-ranking-list .ranking-list-box-ttl {
          margin-top: 0;
          font-size: 1.105rem;
          padding: 1rem .5rem .5rem; } }
      .soro .ranking .soro-ranking-list .ranking-list-box-ttl-wrap {
        text-align: left; }
        .soro .ranking .soro-ranking-list .ranking-list-box-ttl-wrap-copy {
          font-size: 1.02rem;
          margin-bottom: -0.3rem; }
          @media only screen and (max-width: 767px) {
            .soro .ranking .soro-ranking-list .ranking-list-box-ttl-wrap-copy {
              font-size: .765rem;
              margin-bottom: 0;
              font-weight: normal;
              line-height: 1.4; } }
    .soro .ranking .soro-ranking-list .ranking-list-box-ico {
      position: static;
      transform: none;
      width: 70px; }
    .soro .ranking .soro-ranking-list .ranking-list-box-wrapper {
      background-color: #e5f3ff; }
      .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width {
        max-width: 750px;
        margin: 0 auto;
        padding: 2rem 0; }
        @media only screen and (max-width: 767px) {
          .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width {
            padding: 1rem .5rem; } }
        .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner {
          display: flex;
          align-items: center;
          gap: 1rem; }
          @media only screen and (max-width: 767px) {
            .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner {
              flex-direction: column; } }
          .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-bnr {
            width: 40%; }
            @media only screen and (max-width: 767px) {
              .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-bnr {
                width: 100%; } }
            .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-bnr img {
              margin: auto; }
          .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point {
            text-align: left;
            margin: 0 auto;
            width: 59%; }
            @media only screen and (max-width: 767px) {
              .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point {
                width: 100%; } }
            .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point-ttl {
              background-color: #ffe600;
              color: #282829;
              font-weight: bold;
              padding: .2rem;
              text-align: center; }
            .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point-list {
              margin: 0 auto;
              padding: 1rem 2rem;
              display: flex;
              flex-direction: column;
              gap: 0.5rem; }
              @media only screen and (max-width: 767px) {
                .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point-list {
                  padding: 1rem 1.5rem; } }
            .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point-flex {
              display: flex;
              justify-content: left;
              align-items: center;
              font-weight: 700;
              gap: .5rem;
              font-weight: normal; }
              @media only screen and (max-width: 767px) {
                .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point-flex {
                  justify-content: left; } }
              .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point-flex-check {
                display: inline-block;
                width: 20px;
                height: 20px;
                background: url(../img/feature/hokei/hokei_check.png) no-repeat;
                background-size: contain; }
                @media only screen and (max-width: 767px) {
                  .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point-flex-check {
                    width: 10%; } }
              .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point-flex-ttl {
                width: 90%;
                line-height: 1.4; }
            .soro .ranking .soro-ranking-list .ranking-list-box-wrapper-width-inner-point-txt {
              line-height: 1.5;
              margin-bottom: 1rem; }
    .soro .ranking .soro-ranking-list .ranking-list-box-inner {
      margin: 2rem 0; }
      @media only screen and (max-width: 767px) {
        .soro .ranking .soro-ranking-list .ranking-list-box-inner {
          margin: 1rem 0; } }
      .soro .ranking .soro-ranking-list .ranking-list-box-inner-ttl {
        background-color: #006bcf;
        padding: .2rem;
        text-align: center;
        color: #fff; }
      .soro .ranking .soro-ranking-list .ranking-list-box-inner-content {
        background-color: #fff;
        padding: 1rem;
        line-height: 1.6; }
      .soro .ranking .soro-ranking-list .ranking-list-box-inner-osusume {
        display: flex;
        justify-content: center;
        gap: .2rem;
        flex-direction: column; }
        .soro .ranking .soro-ranking-list .ranking-list-box-inner-osusume li {
          width: 40%;
          margin: auto;
          position: relative; }
          @media only screen and (max-width: 767px) {
            .soro .ranking .soro-ranking-list .ranking-list-box-inner-osusume li {
              width: 93%; } }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-osusume li:before {
            position: absolute;
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #006bcf;
            border-radius: 50%;
            left: -1rem;
            top: 50%;
            transform: translateY(-50%);
            content: ''; }
      .soro .ranking .soro-ranking-list .ranking-list-box-inner-spec {
        display: flex;
        justify-content: center;
        gap: .5rem;
        margin: 0; }
        @media only screen and (max-width: 767px) {
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-spec {
            width: 100%;
            flex-wrap: nowrap;
            flex-direction: column; } }
        .soro .ranking .soro-ranking-list .ranking-list-box-inner-spec-item {
          display: flex;
          flex-direction: column;
          width: 33%;
          background: #fff; }
          @media only screen and (max-width: 767px) {
            .soro .ranking .soro-ranking-list .ranking-list-box-inner-spec-item {
              width: 100%;
              flex-direction: row; } }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-spec-item-ttl {
            width: 100%;
            background-color: #006bcf;
            color: #fff;
            font-weight: bold;
            padding: .2rem .5rem;
            display: flex;
            justify-content: center;
            align-items: center; }
            @media only screen and (max-width: 767px) {
              .soro .ranking .soro-ranking-list .ranking-list-box-inner-spec-item-ttl {
                font-size: .765rem;
                width: 40%; } }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-spec-item-txt {
            width: 100%;
            background-color: #fff;
            padding: .5rem;
            text-align: center; }
            @media only screen and (max-width: 767px) {
              .soro .ranking .soro-ranking-list .ranking-list-box-inner-spec-item-txt {
                text-align: left;
                padding: .5rem 1rem; } }
      .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop {
        width: 60%;
        margin: 1.5rem auto; }
        @media only screen and (max-width: 767px) {
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop {
            width: 90%; } }
        .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-ttl {
          background-color: #ffe600;
          color: #282829;
          position: relative;
          padding: .5rem;
          text-align: center;
          cursor: pointer; }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-ttl:before {
            position: absolute;
            top: 50%;
            left: 20%;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: #282829 transparent transparent transparent;
            display: inline-block;
            pointer-events: none; }
            @media only screen and (max-width: 767px) {
              .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-ttl:before {
                left: .5rem; } }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-ttl:after {
            position: absolute;
            top: 50%;
            right: 20%;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 7.5px 0 7.5px;
            border-color: #282829 transparent transparent transparent;
            display: inline-block;
            pointer-events: none; }
            @media only screen and (max-width: 767px) {
              .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-ttl:after {
                right: .5rem; } }
        .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-content {
          display: none; }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-content-list {
            margin: 0;
            padding: 1.5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-content-list {
                padding: 1.5rem 1rem; } }
            .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
              display: flex;
              justify-content: center; }
              .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                background-color: #ffe600;
                font-weight: bold;
                padding: .5rem;
                width: 24%;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center; }
              .soro .ranking .soro-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                background-color: #fefad3;
                padding: .5rem;
                width: 76%; }
      .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-inner {
        margin: 1rem 0; }
      .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card {
        background-color: #fff;
        width: 100%;
        padding: 1.5rem 3rem;
        box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .5rem;
        height: auto; }
        @media only screen and (max-width: 767px) {
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card {
            padding: 1.5rem 2rem;
            gap: 1rem; } }
        .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card-img {
          width: 40%; }
        .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card-comment {
          width: 100%; }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card-comment p {
            font-size: 0.765rem !important; }
          @media only screen and (max-width: 767px) {
            .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card-comment {
              padding: 0 1rem; } }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
            position: relative;
            display: inline-block;
            font-size: 1.53rem;
            margin-bottom: 1rem;
            line-height: 1.2; }
            .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
              position: absolute;
              bottom: -0.5rem;
              left: 0;
              background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
              content: "";
              height: 2px;
              width: 100%; }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card-comment-link {
            display: block;
            font-size: 0.765rem;
            text-align: right;
            opacity: 0.5; }
          .soro .ranking .soro-ranking-list .ranking-list-box-inner-review-card-comment-txt {
            margin-top: .5rem;
            line-height: 1.5; }
  .soro-survey {
    margin-top: 2rem; }

.hokeisearch {
  max-width: 1000px;
  margin: 2rem auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .hokeisearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .hokeisearch .only-pc {
      display: none; } }
  .hokeisearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #000;
    font-size: .765rem; }
    @media only screen and (max-width: 767px) {
      .hokeisearch select {
        font-size: .68rem;
        height: 3rem; } }
  .hokeisearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .hokeisearch-form {
        gap: .5rem; } }
    .hokeisearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .hokeisearch-form-wrap-sankaku {
        position: relative;
        width: 45%; }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-wrap-sankaku {
            width: 48%; } }
        .hokeisearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #000 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .hokeisearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .hokeisearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .hokeisearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .hokeisearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .hokeisearch-form-submit-txt {
        text-align: center;
        font-size: 0.765rem;
        line-height: 1.2;
        position: relative; }
        .hokeisearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .hokeisearch-form-submit-txt:before {
              display: none; } }
        .hokeisearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #000;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .hokeisearch-form-submit-txt:after {
              display: none; } }
      .hokeisearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.105rem; }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .hokeisearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .hokeisearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.hokeikekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .hokeikekka-sort {
      flex-direction: column; } }
  .hokeikekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .hokeikekka-sort-now {
        width: 100%; } }
    .hokeikekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .hokeikekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .hokeikekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .hokeikekka-sort-form {
        width: 100%; } }
    .hokeikekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .hokeikekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }

.soro-type .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #006bcf; }

.soro-ranking .ranking-list-box-inner-review .swiper-button-prev, .soro-ranking .ranking-list-box-inner-review .swiper-button-next {
  color: #006bcf; }
.soro-ranking .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #006bcf; }

/*包茎（早漏）LP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.funding {
  color: #282828; }
  @media only screen and (max-width: 767px) {
    .funding {
      font-size: .9rem; } }
  .funding .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .funding img {
    margin: auto; }
  .funding-wrapper {
    padding: 0 .5rem; }
  .funding a {
    transition: 0.3s; }
    .funding a:hover {
      opacity: 0.7; }
  .funding-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .funding-ttl {
        margin: 1rem auto 0; } }
  .funding-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .funding-cv {
        width: 90%; } }
    .funding-cv a:hover {
      opacity: 1; }
    .funding-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .funding-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .funding-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .funding-cv-copy-inner .small {
          font-size: 1rem; }
        .funding-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/funding/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .funding-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .funding-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/funding/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .funding-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
  .funding-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .funding-link {
        margin: 1rem auto 1.5rem; } }
    .funding-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .funding-link-btn {
          width: 95%; } }
      .funding-link-btn a:hover {
        opacity: 1; }
      .funding-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #282828;
        text-decoration: none;
        font-weight: bold;
        background-color: #fde954;
        box-shadow: 0 8px 0 #5a531e;
        animation-name: fund-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .funding-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .funding-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .funding-link-btn-inner a:hover {
          opacity: 1; }
@keyframes fund-linkmove {
  0% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #5a531e;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); } }
        .funding-link-btn-inner-txt {
          color: #282828;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .funding-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .funding-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .funding-neotype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .funding-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .funding-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .funding-neotype-list {
      margin-top: 2rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .funding-neotype-list {
          margin-top: 2rem;
          flex-direction: column;
          gap: 2rem; } }
      .funding-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #f3f3f3;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .funding-neotype-list-inner {
            width: 100%; } }
        .funding-neotype-list-inner-1 {
          border: 4px solid #edbc33; }
          @media only screen and (max-width: 767px) {
            .funding-neotype-list-inner-1 {
              border: 3px solid #edbc33; } }
          .funding-neotype-list-inner-1 .funding-neotype-list-inner-ttl {
            position: relative; }
            .funding-neotype-list-inner-1 .funding-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/funding/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .funding-neotype-list-inner-1 .funding-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .funding-neotype-list-inner-2 .funding-neotype-list-inner-ttl {
          position: relative; }
          .funding-neotype-list-inner-2 .funding-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/funding/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .funding-neotype-list-inner-2 .funding-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .funding-neotype-list-inner-3 .funding-neotype-list-inner-ttl {
          position: relative; }
          .funding-neotype-list-inner-3 .funding-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/funding/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .funding-neotype-list-inner-3 .funding-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .funding-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .funding-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/funding/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .funding-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .funding-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .funding-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .funding-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .funding-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .funding-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .funding-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .funding-neotype-list-inner-ttl-name {
            font-size: 1.5rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            .funding-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .funding-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .funding-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .funding-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .funding-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .2rem;
            margin: 0; }
            .funding-neotype-list-inner-content-spec-inner {
              width: 100%;
              background-color: #fff; }
              .funding-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #edbc33;
                color: #fff;
                font-weight: bold;
                padding: .2rem;
                font-size: .9rem; }
              .funding-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .funding-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .funding-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .funding-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .funding-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .funding-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .funding-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/funding/check_y.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .funding-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .funding-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .funding-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .funding-neotype-list-inner-content-cv {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .funding-neotype-list-inner-content-cv {
                width: 80%; } }
            .funding-neotype-list-inner-content-cv-btn {
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
        .funding-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .funding-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center;
            color: #4f4f4f;
            text-decoration: none; }
            .funding-neotype-list-inner-link-btn-txt {
              position: relative; }
              .funding-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #4f4f4f;
                border-bottom: 0;
                transition: .3s; }
              .funding-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #4f4f4f;
                border-bottom: 0;
                transition: .3s; }
  .funding-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .funding-type {
        margin: .5rem auto; } }
    .funding-type-ttl {
      max-width: 500px;
      margin: auto; }
    .funding-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .funding-type-list {
          flex-direction: column;
          gap: 1rem; } }
      .funding-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .funding-type-list-inner {
            width: 100%; } }
        .funding-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #6b6b6b; }
          .funding-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .funding-type-list-inner-ttl-y {
            background-color: #fde954;
            color: #282828; }
        .funding-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #282828;
          border: none;
          background-color: #f3f3f3;
          border-radius: 0 0 20px 20px;
          height: 15rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .funding-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .funding-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .funding-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .funding-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .funding-type-list-inner-content-wrap-flex {
              display: flex;
              gap: .5rem; }
              .funding-type-list-inner-content-wrap-flex-link {
                width: 30%;
                border-radius: 20px;
                background-color: #fff;
                line-height: 45px;
                margin-top: 5px;
                box-shadow: 0 3px 0 #6b6b6b; }
                .funding-type-list-inner-content-wrap-flex-link:hover {
                  box-shadow: 0 0 0 0;
                  margin: 8px 0 -3px;
                  opacity: 1 !important;
                  transition: .2s; }
                .funding-type-list-inner-content-wrap-flex-link-txt {
                  color: #282828 !important;
                  font-weight: bold;
                  font-size: 1rem; }
              .funding-type-list-inner-content-wrap-flex-cv {
                height: 45px;
                line-height: 45px;
                width: 69%; }
                .funding-type-list-inner-content-wrap-flex-cv-btn {
                  width: 100% !important;
                  padding: 0.5rem !important; }
                .funding-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff;
                  font-size: 1.2rem;
                  display: block; }
                  @media only screen and (max-width: 767px) {
                    .funding-type-list-inner-content-wrap-flex-cv-txt {
                      font-size: 1.3rem; } }
        .funding-type-list-inner-copy {
          width: 75%; }
        .funding-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .funding-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .funding-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .funding-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .funding-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .funding-type-list-inner-cv-txt {
            color: #fff; }
          .funding-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .funding-column {
    background-color: #f3f3f3;
    padding: 1rem .5rem; }
    .funding-column-content {
      max-width: 1000px;
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .funding-column-content-sankaku {
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        border-top: 30px solid #edbc33;
        border-bottom: 0; }
      .funding-column-content-txt {
        font-size: 1.5rem;
        font-weight: bold;
        text-align: center;
        line-height: 1.4;
        margin: 1rem auto 0; }
      .funding-column-content-flex {
        display: flex;
        justify-content: center;
        align-items: center; }
        @media only screen and (max-width: 767px) {
          .funding-column-content-flex {
            flex-direction: column-reverse;
            gap: .5rem;
            margin: .5rem auto; } }
        .funding-column-content-flex-txt {
          font-size: 1rem;
          line-height: 1.6; }
  .funding-other-content {
    max-width: 750px;
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .funding-other-content-txt {
        padding: 0 .5rem;
        font-size: 1rem; } }
    .funding-other-content-txt-center {
      text-align: center;
      font-weight: bold;
      font-size: 1.2rem;
      position: relative;
      margin-bottom: 3rem; }
      .funding-other-content-txt-center:before {
        position: absolute;
        content: '';
        bottom: -2.2rem;
        left: 50%;
        transform: translateX(-50%);
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 35px solid transparent;
        border-left: 35px solid transparent;
        border-top: 30px solid #edbc33;
        border-bottom: 0; }
    .funding-other-content-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: .5fr 1fr 1fr 1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "white fund reit social" "min fund-min reit-min social-min" "dif fund-dif reit-dif social-dif" "period fund-period reit-period social-period" "fre fund-fre reit-fre social-fre"; }
      @media only screen and (max-width: 767px) {
        .funding-other-content-container {
          grid-template-columns: .4fr 1fr 1fr 1fr; } }
      .funding-other-content-container .ttl {
        font-weight: bold;
        font-size: .9rem; }
      .funding-other-content-container .flex {
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: .5rem;
        background-color: #f3f3f3;
        align-items: center;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .funding-other-content-container .flex {
            font-size: .8rem; } }
      .funding-other-content-container .white {
        grid-area: white; }
      .funding-other-content-container .min {
        grid-area: min; }
      .funding-other-content-container .dif {
        grid-area: dif; }
      .funding-other-content-container .period {
        grid-area: period; }
      .funding-other-content-container .fre {
        grid-area: fre; }
      .funding-other-content-container .fund {
        grid-area: fund;
        background-color: #ffffdc; }
        .funding-other-content-container .fund-min {
          grid-area: fund-min;
          background-color: #ffffdc; }
        .funding-other-content-container .fund-dif {
          grid-area: fund-dif;
          background-color: #ffffdc; }
        .funding-other-content-container .fund-period {
          grid-area: fund-period;
          background-color: #ffffdc; }
        .funding-other-content-container .fund-fre {
          grid-area: fund-fre;
          background-color: #ffffdc; }
      .funding-other-content-container .reit {
        grid-area: reit; }
        .funding-other-content-container .reit-min {
          grid-area: reit-min; }
        .funding-other-content-container .reit-dif {
          grid-area: reit-dif; }
        .funding-other-content-container .reit-period {
          grid-area: reit-period; }
        .funding-other-content-container .reit-fre {
          grid-area: reit-fre; }
      .funding-other-content-container .social {
        grid-area: social; }
        .funding-other-content-container .social-min {
          grid-area: social-min; }
        .funding-other-content-container .social-dif {
          grid-area: social-dif; }
        .funding-other-content-container .social-period {
          grid-area: social-period; }
        .funding-other-content-container .social-fre {
          grid-area: social-fre; }
  .funding-other-ichioshi {
    max-width: 750px;
    margin: 1rem auto 2rem; }
    .funding-other-ichioshi-bnr {
      margin: .5rem auto 1rem; }
    .funding-other-ichioshi-cv {
      width: 70%;
      margin-bottom: 2rem; }
  .funding-hikaku {
    margin: 2rem auto; }
    .funding-hikaku-container {
      max-width: 750px;
      margin: 0 auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "yield yield yield" "anken1-yield anken2-yield anken3-yield" "frequency frequency frequency" "anken1-frequency anken2-frequency  anken3-frequency" "min min min" "anken1-min anken2-min anken3-min" "period period period" "anken1-period anken2-period anken3-period" "commission commission commission" "anken1-commission anken2-commission anken3-commission" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "link link link" "anken1-link anken2-link anken3-link"; }
      .funding-hikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .funding-hikaku-container .ttl {
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .funding-hikaku-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .funding-hikaku-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .funding-hikaku-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container-inner .ico-rank {
              width: 2.5rem; } }
        .funding-hikaku-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container-inner .bnr {
              width: 80%; } }
        .funding-hikaku-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .funding-hikaku-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .funding-hikaku-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container-inner-txt {
              font-size: .8rem; } }
      .funding-hikaku-container .yield {
        grid-area: yield; }
      .funding-hikaku-container .frequency {
        grid-area: frequency; }
      .funding-hikaku-container .min {
        grid-area: min; }
      .funding-hikaku-container .period {
        grid-area: period; }
      .funding-hikaku-container .commission {
        grid-area: commission; }
      .funding-hikaku-container .osusume {
        grid-area: osusume; }
      .funding-hikaku-container .exam {
        grid-area: exam; }
      .funding-hikaku-container .achieve {
        grid-area: achieve; }
      .funding-hikaku-container .cam {
        grid-area: cam; }
      .funding-hikaku-container .link {
        grid-area: link; }
      .funding-hikaku-container .anken1 {
        grid-area: anken1;
        background-color: #ffffdc;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .funding-hikaku-container .anken1 {
            border-right: 2px solid #fff; } }
        .funding-hikaku-container .anken1-yield {
          grid-area: anken1-yield;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken1-yield {
              border-right: 2px solid #fff; } }
        .funding-hikaku-container .anken1-frequency {
          grid-area: anken1-frequency;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken1-frequency {
              border-right: 2px solid #fff; } }
        .funding-hikaku-container .anken1-min {
          grid-area: anken1-min;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken1-min {
              border-right: 2px solid #fff; } }
        .funding-hikaku-container .anken1-period {
          grid-area: anken1-period;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken1-period {
              border-right: 2px solid #fff; } }
        .funding-hikaku-container .anken1-commission {
          grid-area: anken1-commission;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken1-commission {
              border-right: 2px solid #fff; } }
        .funding-hikaku-container .anken1-osusume {
          grid-area: anken1-osusume;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken1-osusume {
              border-right: 2px solid #fff; } }
        .funding-hikaku-container .anken1-link {
          grid-area: anken1-link;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken1-link {
              border-right: 2px solid #fff; } }
      .funding-hikaku-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .funding-hikaku-container .anken2 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken2-yield {
          grid-area: anken2-yield;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken2-yield {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken2-frequency {
          grid-area: anken2-frequency;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken2-frequency {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken2-min {
          grid-area: anken2-min;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken2-min {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken2-period {
          grid-area: anken2-period;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken2-period {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken2-commission {
          grid-area: anken2-commission;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken2-commission {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken2-osusume {
          grid-area: anken2-osusume;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken2-osusume {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken2-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .funding-hikaku-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .funding-hikaku-container .anken3 {
            border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken3-yield {
          grid-area: anken3-yield;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken3-yield {
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken3-frequency {
          grid-area: anken3-frequency;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken3-frequency {
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken3-min {
          grid-area: anken3-min;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken3-min {
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken3-period {
          grid-area: anken3-period;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken3-period {
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken3-commission {
          grid-area: anken3-commission;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken3-commission {
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken3-osusume {
          grid-area: anken3-osusume;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken3-osusume {
              border-left: 2px solid #fff; } }
        .funding-hikaku-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .funding-hikaku-container .anken3-link {
              border-left: 2px solid #fff; } }
  .funding .ranking-title {
    z-index: 0; }
    .funding .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
  .funding .ranking .funding-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .funding .ranking .funding-ranking {
        padding: 0 .5rem; } }
    .funding .ranking .funding-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #fde954; }
    .funding .ranking .funding-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .funding .ranking .funding-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #984c00; }
    .funding .ranking .funding-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .funding .ranking .funding-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .funding .ranking .funding-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f3f3;
      border-radius: 20px; }
      .funding .ranking .funding-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .funding .ranking .funding-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .funding .ranking .funding-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .funding .ranking .funding-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .funding .ranking .funding-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
        .funding .ranking .funding-ranking-list .ranking-list-box h2 .batch {
          position: absolute;
          right: 1rem;
          top: 1rem;
          width: 7rem; }
          @media only screen and (max-width: 767px) {
            .funding .ranking .funding-ranking-list .ranking-list-box h2 .batch {
              width: 4.5rem;
              right: .5rem; } }
      .funding .ranking .funding-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .funding .ranking .funding-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .funding .ranking .funding-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .funding .ranking .funding-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .funding .ranking .funding-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .funding .ranking .funding-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .funding .ranking .funding-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .funding .ranking .funding-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .funding .ranking .funding-ranking-list .ranking-list-box-inner-ttl {
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .funding .ranking .funding-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .funding .ranking .funding-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/funding/funding_check.png) no-repeat;
                background-size: contain; }
        .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam {
          margin-bottom: 1.5rem; }
          .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-ttl-inner {
            position: relative;
            display: inline-block;
            line-height: 1.2; }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-ttl-inner:before {
              position: absolute;
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              left: -1.2rem;
              top: 50%;
              transform: translateY(-50%);
              content: '';
              background: url(../img/feature/funding/gift_icon.png) no-repeat;
              background-size: contain;
              background-position: center; }
              @media only screen and (max-width: 767px) {
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-ttl-inner:before {
                  left: -2rem; } }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-ttl-inner:after {
              position: absolute;
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              right: -1.4rem;
              top: 50%;
              transform: translateY(-50%);
              content: '';
              background: url(../img/feature/funding/gift_icon.png) no-repeat;
              background-size: contain;
              background-position: center; }
              @media only screen and (max-width: 767px) {
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-ttl-inner:after {
                  right: -1.6rem; } }
          .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content {
            background-color: #ffffdc;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content {
                padding: 1rem; } }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-wrap {
              margin: 1rem auto; }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-txt {
              line-height: 1.5;
              margin-bottom: .2rem; }
              @media only screen and (max-width: 767px) {
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-txt {
                  font-size: .8rem; } }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-list {
              margin: .5rem auto;
              display: flex;
              flex-direction: column;
              gap: .4rem; }
              @media only screen and (max-width: 767px) {
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-list {
                  margin: .5rem auto; } }
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-list-ttl {
                position: relative;
                font-weight: bold;
                padding: .2rem .2rem .2rem .7rem;
                background-color: #fff;
                width: 25%;
                display: inline-block; }
                @media only screen and (max-width: 767px) {
                  .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-list-ttl {
                    width: 45%; } }
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-list-ttl:before {
                  position: absolute;
                  content: '';
                  width: .2rem;
                  height: 1.6rem;
                  background-color: #282828;
                  left: 0;
                  top: 50%;
                  transform: translateY(-50%); }
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-list-item {
                line-height: 1.3;
                display: flex;
                gap: .3rem;
                align-items: center; }
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-list-item-num {
                  padding: .2rem .5rem;
                  height: 1.6rem;
                  background-color: #fde954;
                  font-weight: bold;
                  text-align: center;
                  border-radius: 50px; }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-kome {
              font-size: .8rem;
              line-height: 1.4; }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail {
              max-width: 450px;
              margin: 1rem auto; }
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-ttl {
                background-color: #6b6b6b;
                color: #fff;
                font-weight: bold;
                cursor: pointer;
                text-align: center;
                padding: .2rem 0; }
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-ttl-inner {
                  position: relative; }
                  .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-ttl-inner:before {
                    position: absolute;
                    top: 50%;
                    left: -1.5rem;
                    transform: translateY(-50%);
                    content: '';
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-right: 5px solid transparent;
                    border-left: 5px solid transparent;
                    border-top: 7.5px solid #fff;
                    border-bottom: 0;
                    transition: .3s; }
                  .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-ttl-inner:after {
                    position: absolute;
                    top: 50%;
                    right: -1.5rem;
                    transform: translateY(-50%);
                    content: '';
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-right: 5px solid transparent;
                    border-left: 5px solid transparent;
                    border-top: 7.5px solid #fff;
                    border-bottom: 0;
                    transition: .3s; }
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content {
                background-color: #fff;
                padding: 1rem 1.5rem; }
                @media only screen and (max-width: 767px) {
                  .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content {
                    padding: 1rem; } }
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .list {
                  margin: 0 auto 1rem;
                  display: flex;
                  flex-direction: column;
                  gap: .2rem; }
                  .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .list-wrap {
                    display: flex;
                    gap: .2rem; }
                    .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .list-wrap-ttl {
                      width: 25%;
                      padding: .5rem;
                      font-size: .9rem;
                      background-color: #f3f3f3;
                      display: flex;
                      align-items: center;
                      justify-content: left; }
                      @media only screen and (max-width: 767px) {
                        .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .list-wrap-ttl {
                          font-size: .8rem; } }
                    .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .list-wrap-content {
                      width: 75%;
                      padding: .5rem;
                      font-size: .9rem;
                      background-color: #f3f3f3;
                      display: flex;
                      flex-direction: column;
                      justify-content: center; }
                      @media only screen and (max-width: 767px) {
                        .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .list-wrap-content {
                          font-size: .8rem; } }
                      .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .list-wrap-content-kome {
                        font-size: .7rem;
                        line-height: 1.3;
                        display: inline-block; }
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .attention {
                  display: flex;
                  flex-direction: column;
                  gap: .3rem; }
                  .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .attention-txt {
                    font-size: .7rem;
                    padding-left: .8rem;
                    position: relative;
                    line-height: 1.4; }
                    .funding .ranking .funding-ranking-list .ranking-list-box-inner-cam-content-detail-content .attention-txt:before {
                      position: absolute;
                      background-color: #6b6b6b;
                      content: '';
                      width: .3rem;
                      height: .3rem;
                      border-radius: 50px;
                      top: 50%;
                      left: 0;
                      transform: translateY(-50%); }
        .funding .ranking .funding-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .funding .ranking .funding-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f3f3; }
          .funding .ranking .funding-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f3f3;
            border-bottom: 0.5rem solid #f3f3f3;
            font-size: .8rem;
            padding: .5rem; }
        .funding .ranking .funding-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0; }
          .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card {
            background-color: #fff;
            width: 100%;
            padding: 2rem;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: center;
            height: auto;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card {
                padding: 2rem 1.5rem; } }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-ttl {
              font-weight: bold;
              font-size: 1.2rem; }
              @media only screen and (max-width: 767px) {
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-ttl {
                  font-size: 1rem; } }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-img {
              width: 50%; }
              @media only screen and (max-width: 767px) {
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-img {
                  width: 60%; } }
            .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-comment {
              margin-top: -1rem;
              width: 100%; }
              @media only screen and (max-width: 767px) {
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-comment {
                  padding: 0 2rem; } }
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
                position: relative;
                display: inline-block;
                font-size: 1.8rem;
                margin-bottom: 1rem;
                line-height: 1.2; }
                .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                  position: absolute;
                  bottom: -0.5rem;
                  left: 0;
                  background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                  content: "";
                  height: 2px;
                  width: 100%; }
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-comment-txt {
                margin-top: .5rem;
                line-height: 1.5; }
              .funding .ranking .funding-ranking-list .ranking-list-box-inner-review-card-comment p {
                font-size: .9rem; }
        .funding .ranking .funding-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .funding .ranking .funding-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .funding-pagelink {
    max-width: 1000px;
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .funding-pagelink {
        padding: 0 .5rem; } }
    .funding-pagelink-list {
      display: flex;
      gap: 1rem;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .funding-pagelink-list {
          flex-direction: column;
          margin-top: 1rem; } }
  .funding-survey {
    margin-top: 2rem; }
  .funding-stock .funding-cv-btn {
    color: #fff !important;
    position: relative;
    display: inline-block;
    width: 65%;
    padding: 1rem .4rem;
    margin: auto;
    line-height: 1.5;
    border-radius: 30px;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #d64952;
    box-shadow: 0 8px 0 #5f2125;
    animation-name: fund-stock-cvmove;
    animation-delay: 0s;
    /* アニメーションの開始時間指定 */
    animation-duration: 3s;
    /* アニメーション動作時間の指定 */
    animation-timing-function: linear;
    /* アニメーションの動き（一定）*/
    animation-iteration-count: infinite;
    /* アニメーションを繰り返す */ }
    @media only screen and (max-width: 767px) {
      .funding-stock .funding-cv-btn {
        width: 100%; } }
    .funding-stock .funding-cv-btn a {
      width: 100%;
      display: inline-block; }
    .funding-stock .funding-cv-btn a:hover {
      opacity: 1; }
    .funding-stock .funding-cv-btn:before {
      position: absolute;
      content: '';
      display: inline-block;
      pointer-events: none;
      top: -180px;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: #fff;
      animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes fund-stock-cvmove {
  0% {
    box-shadow: 0 8px 0 #5f2125;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #5f2125;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #5f2125;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6b1c00;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #5f2125;
    transform: translatey(0); } }
  .funding-stock .funding-type-list-inner-ttl-a {
    background-color: #a5cced; }
  .funding-stock .funding-type-list-inner-ttl-b {
    background-color: #49a3d5; }
  .funding-stock .funding-type-list-inner-cv {
    width: 3rem;
    height: 3rem;
    margin: .5rem auto;
    overflow: hidden;
    position: relative;
    display: flex; }
    .funding-stock .funding-type-list-inner-cv:before {
      position: absolute;
      content: '';
      display: inline-block;
      pointer-events: none;
      top: -180px;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: #fff;
      animation: shiny-btn1 3s ease-in-out infinite; }
  .funding-stock .funding-hikaku-container .ttl {
    background-color: #49a3d5; }
  @media only screen and (max-width: 767px) {
    .funding-stock .funding-hikaku-container-cv {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .funding-stock .funding-hikaku-container-cv-btn {
      width: 90%;
      font-size: 1rem; } }
  .funding-stock .ranking-title {
    background-color: #49a3d5; }
    .funding-stock .ranking-title:after {
      top: 100%;
      border-top: 20px solid #49a3d5; }
  .funding-stock .ranking .funding-ranking-list .ranking-list-box-inner-ttl {
    background-color: #49a3d5; }
  .funding-stock .ranking .funding-ranking-list .ranking-list-box-inner-osusume-ttl {
    background-color: #fde954;
    color: #282828; }
  .funding-stock .ranking .funding-ranking-list .ranking-list-box-inner-specbox th {
    background-color: #49a3d5; }
  .funding-social .funding-cv-btn {
    color: #fff !important;
    position: relative;
    display: inline-block;
    width: 65%;
    padding: 1rem .4rem;
    margin: auto;
    line-height: 1.5;
    border-radius: 30px;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #ec7b81;
    box-shadow: 0 8px 0 #734144;
    animation-name: fund-social-cvmove;
    animation-delay: 0s;
    /* アニメーションの開始時間指定 */
    animation-duration: 3s;
    /* アニメーション動作時間の指定 */
    animation-timing-function: linear;
    /* アニメーションの動き（一定）*/
    animation-iteration-count: infinite;
    /* アニメーションを繰り返す */ }
    @media only screen and (max-width: 767px) {
      .funding-social .funding-cv-btn {
        width: 100%; } }
    .funding-social .funding-cv-btn a {
      width: 100%;
      display: inline-block; }
    .funding-social .funding-cv-btn a:hover {
      opacity: 1; }
    .funding-social .funding-cv-btn:before {
      position: absolute;
      content: '';
      display: inline-block;
      pointer-events: none;
      top: -180px;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: #fff;
      animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes fund-social-cvmove {
  0% {
    box-shadow: 0 8px 0 #734144;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #734144;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #734144;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #734144;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #734144;
    transform: translatey(0); } }
  .funding-social .funding-type-list-inner-ttl-a {
    background-color: #52a7e0; }
  .funding-social .funding-type-list-inner-ttl-b {
    background-color: #64c0b5; }
  .funding-social .funding-type-list-inner-cv {
    width: 3rem;
    height: 3rem;
    margin: .5rem auto;
    overflow: hidden;
    position: relative;
    display: flex; }
    .funding-social .funding-type-list-inner-cv:before {
      position: absolute;
      content: '';
      display: inline-block;
      pointer-events: none;
      top: -180px;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: #fff;
      animation: shiny-btn1 3s ease-in-out infinite; }
  .funding-social .funding-hikaku-container .ttl {
    background-color: #64c0b5; }
  @media only screen and (max-width: 767px) {
    .funding-social .funding-hikaku-container-cv {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .funding-social .funding-hikaku-container-cv-btn {
      width: 90%;
      font-size: 1rem; } }
  .funding-social .ranking-title {
    background-color: #64c0b5; }
    .funding-social .ranking-title:after {
      top: 100%;
      border-top: 20px solid #64c0b5; }
  .funding-social .ranking .funding-ranking-list .ranking-list-box-inner-ttl {
    background-color: #64c0b5; }
  .funding-social .ranking .funding-ranking-list .ranking-list-box-inner-osusume-ttl {
    background-color: #fde954;
    color: #282828; }
  .funding-social .ranking .funding-ranking-list .ranking-list-box-inner-specbox th {
    background-color: #64c0b5; }
  .funding-fudosan .funding-cv-btn {
    color: #fff !important;
    position: relative;
    display: inline-block;
    width: 65%;
    padding: 1rem .4rem;
    margin: auto;
    line-height: 1.5;
    border-radius: 30px;
    overflow: hidden;
    font-size: 1.2rem;
    font-weight: bold;
    background-color: #e70012;
    box-shadow: 0 8px 0 #600108;
    animation-name: fund-fudosan-cvmove;
    animation-delay: 0s;
    /* アニメーションの開始時間指定 */
    animation-duration: 3s;
    /* アニメーション動作時間の指定 */
    animation-timing-function: linear;
    /* アニメーションの動き（一定）*/
    animation-iteration-count: infinite;
    /* アニメーションを繰り返す */ }
    @media only screen and (max-width: 767px) {
      .funding-fudosan .funding-cv-btn {
        width: 100%; } }
    .funding-fudosan .funding-cv-btn a {
      width: 100%;
      display: inline-block; }
    .funding-fudosan .funding-cv-btn a:hover {
      opacity: 1; }
    .funding-fudosan .funding-cv-btn:before {
      position: absolute;
      content: '';
      display: inline-block;
      pointer-events: none;
      top: -180px;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: #fff;
      animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes fund-fudosan-cvmove {
  0% {
    box-shadow: 0 8px 0 #600108;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #600108;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #600108;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #600108;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #600108;
    transform: translatey(0); } }
  .funding-fudosan .funding-type-list-inner-ttl-a {
    background-color: #cdd172; }
  .funding-fudosan .funding-type-list-inner-ttl-b {
    background-color: #edbc33; }
  .funding-fudosan .funding-type-list-inner-cv {
    width: 3rem;
    height: 3rem;
    margin: .5rem auto;
    overflow: hidden;
    position: relative;
    display: flex; }
    .funding-fudosan .funding-type-list-inner-cv:before {
      position: absolute;
      content: '';
      display: inline-block;
      pointer-events: none;
      top: -180px;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: #fff;
      animation: shiny-btn1 3s ease-in-out infinite; }
  .funding-fudosan .funding-hikaku-container .ttl {
    background-color: #edbc33; }
  @media only screen and (max-width: 767px) {
    .funding-fudosan .funding-hikaku-container-cv {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .funding-fudosan .funding-hikaku-container-cv-btn {
      width: 90%;
      font-size: 1rem; } }
  .funding-fudosan .ranking-title {
    background-color: #edbc33; }
    .funding-fudosan .ranking-title:after {
      top: 100%;
      border-top: 20px solid #edbc33; }
  .funding-fudosan .ranking .funding-ranking-list .ranking-list-box-inner-ttl {
    background-color: #cdd172; }
  .funding-fudosan .ranking .funding-ranking-list .ranking-list-box-inner-osusume-ttl {
    background-color: #fde954;
    color: #282828; }
  .funding-fudosan .ranking .funding-ranking-list .ranking-list-box-inner-specbox th {
    background-color: #cdd172; }

.fundingsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .fundingsearch {
      padding: .5rem; } }
  .fundingsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .fundingsearch .only-pc {
      display: none; } }
  .fundingsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .fundingsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .fundingsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .fundingsearch-form {
        gap: .5rem; } }
    .fundingsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .fundingsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .fundingsearch-form-wrap-sankaku {
            width: 48%; } }
        .fundingsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .fundingsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .fundingsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .fundingsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .fundingsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .fundingsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .fundingsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .fundingsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .fundingsearch-form-submit-txt:before {
              display: none; } }
        .fundingsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .fundingsearch-form-submit-txt:after {
              display: none; } }
      .fundingsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .fundingsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .fundingsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .fundingsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.fundingkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .fundingkekka-sort {
      flex-direction: column; } }
  .fundingkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .fundingkekka-sort-now {
        width: 100%; } }
    .fundingkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .fundingkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .fundingkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .fundingkekka-sort-form {
        width: 100%; } }
    .fundingkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .fundingkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.fundingkekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .fundingkekka-none-button {
      width: 70%; } }
  .fundingkekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .fundingkekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .fundingkekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .fundingkekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .fundingkekka-none-button-wrap a:hover {
        color: #808080; }

.funding .ranking-list-box-inner-review .swiper-button-prev, .funding .ranking-list-box-inner-review .swiper-button-next {
  color: #6b6b6b; }
.funding .ranking-list-box-inner-review .swiper-button-next:after, .funding .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.funding .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #6b6b6b;
  border: 1px solid #fff;
  box-sizing: content-box; }
.funding .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #6b6b6b;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*クラファンLP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.teeth {
  color: #606060; }
  @media only screen and (max-width: 767px) {
    .teeth {
      font-size: .9rem; } }
  .teeth .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .teeth img {
    margin: auto; }
  .teeth-wrapper {
    padding: 0 .5rem; }
  .teeth a {
    transition: 0.3s; }
    .teeth a:hover {
      opacity: 0.7; }
  .teeth-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .teeth-ttl {
        margin: 1rem auto 0; } }
  .teeth-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .teeth-cv {
        width: 90%; } }
    .teeth-cv a:hover {
      opacity: 1; }
    .teeth-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .teeth-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .teeth-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .teeth-cv-copy-inner .small {
          font-size: 1rem; }
        .teeth-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/teeth/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .teeth-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .teeth-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/teeth/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .teeth-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .teeth-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #ffaa29;
      box-shadow: 0 8px 0 #6b4712;
      animation-name: teeth-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .teeth-cv-btn {
          width: 100%; } }
      .teeth-cv-btn a {
        width: 100%;
        display: inline-block; }
      .teeth-cv-btn a:hover {
        opacity: 1; }
      .teeth-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes teeth-cvmove {
  0% {
    box-shadow: 0 8px 0 #6b4712;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6b4712;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6b4712;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6b4712;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6b4712;
    transform: translatey(0); } }
  .teeth-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .teeth-link {
        margin: 1rem auto 1.5rem; } }
    .teeth-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .teeth-link-btn {
          width: 95%; } }
      .teeth-link-btn a:hover {
        opacity: 1; }
      .teeth-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #606060;
        text-decoration: none;
        font-weight: bold;
        background-color: #fff228;
        box-shadow: 0 8px 0 #5a531e;
        animation-name: teeth-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .teeth-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .teeth-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .teeth-link-btn-inner a:hover {
          opacity: 1; }
@keyframes teeth-linkmove {
  0% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #5a531e;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); } }
        .teeth-link-btn-inner-txt {
          color: #606060;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .teeth-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .teeth-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .teeth-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .teeth-type {
        margin: .5rem auto; } }
    .teeth-type-ttl {
      max-width: 500px;
      margin: auto; }
    .teeth-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .teeth-type-list {
          flex-direction: column;
          gap: 1rem; } }
      .teeth-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .teeth-type-list-inner {
            width: 100%; } }
        .teeth-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #017abc; }
          .teeth-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .teeth-type-list-inner-ttl-y {
            background-color: #fff228;
            color: #606060; }
          .teeth-type-list-inner-ttl-a {
            background-color: #a2a2a2; }
          .teeth-type-list-inner-ttl-b {
            background-color: #606060; }
        .teeth-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #606060;
          border: none;
          background-color: #f3f3f3;
          border-radius: 0 0 20px 20px;
          height: 13rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .teeth-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .teeth-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .teeth-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .teeth-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .teeth-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .teeth-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .teeth-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .teeth-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .teeth-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .teeth-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .teeth-type-list-inner-copy {
          width: 75%; }
        .teeth-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .teeth-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .teeth-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .teeth-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .teeth-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .teeth-type-list-inner-cv-txt {
            color: #fff; }
          .teeth-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .teeth-fact {
    background: url(../img/feature/teeth/box_bg.jpg), repeat;
    background-size: 2.5rem;
    padding: .1rem 0 1rem; }
    @media only screen and (max-width: 767px) {
      .teeth-fact {
        padding: .1rem .5rem 1rem; } }
    .teeth-fact-content {
      max-width: 500px;
      margin: 0 auto; }
      .teeth-fact-content-img2 {
        margin: -1rem auto 0; }
      .teeth-fact-content-txt {
        text-align: center; }
        .teeth-fact-content-txt .big {
          font-size: 1.4rem;
          font-weight: bold; }
          @media only screen and (max-width: 767px) {
            .teeth-fact-content-txt .big {
              font-size: 1.2rem; } }
      .teeth-fact-content-kome {
        font-size: .7rem;
        text-align: right;
        color: #a2a2a2;
        margin: .5rem auto; }
  .teeth-kinds {
    background-color: #f3f3f3;
    padding: 1rem 0 2rem;
    margin-bottom: 1rem; }
    @media only screen and (max-width: 767px) {
      .teeth-kinds {
        padding: 1rem; } }
    .teeth-kinds-list {
      max-width: 1000px;
      margin: 1.5rem auto .5rem; }
      .teeth-kinds-list-inner {
        padding-bottom: 2rem;
        transition-timing-function: linear; }
        .teeth-kinds-list-inner-item {
          display: flex;
          justify-content: center;
          flex-direction: column;
          gap: .5rem;
          align-items: center;
          text-align: center; }
          .teeth-kinds-list-inner-item-txt {
            font-size: 1.1rem;
            font-weight: bold; }
    .teeth-kinds-txt {
      text-align: center; }
      .teeth-kinds-txt .big {
        font-size: 1.4rem;
        font-weight: bold; }
  .teeth-top3 {
    margin: 2rem auto; }
    .teeth-top3-container {
      max-width: 750px;
      margin: 1rem auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "cost cost cost" "anken1-cost anken2-cost anken3-cost" "period period period" "anken1-period anken2-period anken3-period" "rowoftheeth rowoftheeth rowoftheeth" "anken1-row anken2-row anken3-row" "out out out" "anken1-out anken2-out anken3-out" "area area area" "anken1-area anken2-area anken3-area" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "link link link" "anken1-link anken2-link anken3-link"; }
      .teeth-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .teeth-top3-container .ttl {
        background-color: #017abc;
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .teeth-top3-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .teeth-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .teeth-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .teeth-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container-inner .bnr {
              width: 80%; } }
        .teeth-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .teeth-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .teeth-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container-inner-txt {
              font-size: .8rem; } }
      @media only screen and (max-width: 767px) {
        .teeth-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .teeth-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .teeth-top3-container .cost {
        grid-area: cost; }
      .teeth-top3-container .period {
        grid-area: period; }
      .teeth-top3-container .rowoftheeth {
        grid-area: rowoftheeth; }
      .teeth-top3-container .out {
        grid-area: out; }
      .teeth-top3-container .area {
        grid-area: area; }
      .teeth-top3-container .osusume {
        grid-area: osusume; }
      .teeth-top3-container .link {
        grid-area: link; }
      .teeth-top3-container .anken1 {
        grid-area: anken1;
        background-color: #ffffdc;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .teeth-top3-container .anken1 {
            border-right: 2px solid #fff; } }
        .teeth-top3-container .anken1-cost {
          grid-area: anken1-cost;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken1-cost {
              border-right: 2px solid #fff; } }
        .teeth-top3-container .anken1-period {
          grid-area: anken1-period;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken1-period {
              border-right: 2px solid #fff; } }
        .teeth-top3-container .anken1-row {
          grid-area: anken1-row;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken1-row {
              border-right: 2px solid #fff; } }
        .teeth-top3-container .anken1-out {
          grid-area: anken1-out;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken1-out {
              border-right: 2px solid #fff; } }
        .teeth-top3-container .anken1-area {
          grid-area: anken1-area;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken1-area {
              border-right: 2px solid #fff; } }
        .teeth-top3-container .anken1-osusume {
          grid-area: anken1-osusume;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken1-osusume {
              border-right: 2px solid #fff; } }
        .teeth-top3-container .anken1-link {
          grid-area: anken1-link;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken1-link {
              border-right: 2px solid #fff; } }
      .teeth-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .teeth-top3-container .anken2 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
        .teeth-top3-container .anken2-cost {
          grid-area: anken2-cost;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken2-cost {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken2-period {
          grid-area: anken2-period;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken2-period {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken2-row {
          grid-area: anken2-row;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken2-row {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken2-out {
          grid-area: anken2-out;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken2-out {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken2-area {
          grid-area: anken2-area;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken2-area {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken2-osusume {
          grid-area: anken2-osusume;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken2-osusume {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken2-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .teeth-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .teeth-top3-container .anken3 {
            border-left: 2px solid #fff; } }
        .teeth-top3-container .anken3-cost {
          grid-area: anken3-cost;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken3-cost {
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken3-period {
          grid-area: anken3-period;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken3-period {
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken3-row {
          grid-area: anken3-row;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken3-row {
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken3-out {
          grid-area: anken3-out;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken3-out {
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken3-area {
          grid-area: anken3-area;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken3-area {
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken3-osusume {
          grid-area: anken3-osusume;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken3-osusume {
              border-left: 2px solid #fff; } }
        .teeth-top3-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .teeth-top3-container .anken3-link {
              border-left: 2px solid #fff; } }
  .teeth .ranking-title {
    background-color: #017abc;
    z-index: 0; }
    .teeth .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .teeth .ranking-title:after {
      top: 100%;
      border-top: 20px solid #017abc; }
  .teeth .ranking .teeth-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .teeth .ranking .teeth-ranking {
        padding: 0 .5rem; } }
    .teeth .ranking .teeth-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #fff228; }
    .teeth .ranking .teeth-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .teeth .ranking .teeth-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .teeth .ranking .teeth-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .teeth .ranking .teeth-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .teeth .ranking .teeth-ranking-list .ranking-list-box.rank-6 {
      border-top: 0.5rem solid #bf406d; }
    .teeth .ranking .teeth-ranking-list .ranking-list-box.rank-7 {
      border-top: 0.5rem solid #bf406d; }
    .teeth .ranking .teeth-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f3f3;
      border-radius: 20px; }
      .teeth .ranking .teeth-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .teeth .ranking .teeth-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .teeth .ranking .teeth-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .teeth .ranking .teeth-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .teeth .ranking .teeth-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .teeth .ranking .teeth-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .teeth .ranking .teeth-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .teeth .ranking .teeth-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .teeth .ranking .teeth-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .teeth .ranking .teeth-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .teeth .ranking .teeth-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-ttl {
          background-color: #017abc;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #fff228;
            color: #606060; }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/teeth/teeth_check.png) no-repeat;
                background-size: contain; }
        .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f3f3;
            background-color: #017abc; }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f3f3;
            border-bottom: 0.5rem solid #f3f3f3;
            font-size: .8rem;
            padding: .5rem; }
        .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #606060;
            color: #fff;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #606060 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #606060 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #a2a2a2;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0; }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card {
            background-color: #fff;
            width: 100%;
            padding: 2rem;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: center;
            height: auto;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card {
                padding: 2rem 1.5rem; } }
            .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-ttl {
              font-weight: bold;
              font-size: 1.2rem; }
              @media only screen and (max-width: 767px) {
                .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-ttl {
                  font-size: 1rem; } }
            .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-img {
              width: 50%; }
              @media only screen and (max-width: 767px) {
                .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-img {
                  width: 60%; } }
            .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-comment {
              margin-top: -1rem;
              width: 100%; }
              @media only screen and (max-width: 767px) {
                .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-comment {
                  padding: 0 2rem; } }
              .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
                position: relative;
                display: inline-block;
                font-size: 1.8rem;
                margin-bottom: 1rem;
                line-height: 1.2; }
                .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                  position: absolute;
                  bottom: -0.5rem;
                  left: 0;
                  background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                  content: "";
                  height: 2px;
                  width: 100%; }
              .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-comment-txt {
                margin-top: .5rem;
                line-height: 1.5; }
              .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-review-card-comment p {
                font-size: .9rem; }
        .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .teeth .ranking .teeth-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .teeth-survey {
    margin-top: 2rem; }

.teethsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .teethsearch {
      padding: .5rem; } }
  .teethsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .teethsearch .only-pc {
      display: none; } }
  .teethsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .teethsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .teethsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .teethsearch-form {
        gap: .5rem; } }
    .teethsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .teethsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .teethsearch-form-wrap-sankaku {
            width: 48%; } }
        .teethsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .teethsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .teethsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .teethsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .teethsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .teethsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .teethsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .teethsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .teethsearch-form-submit-txt:before {
              display: none; } }
        .teethsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .teethsearch-form-submit-txt:after {
              display: none; } }
      .teethsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .teethsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .teethsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .teethsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.teethkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .teethkekka-sort {
      flex-direction: column; } }
  .teethkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .teethkekka-sort-now {
        width: 100%; } }
    .teethkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .teethkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .teethkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .teethkekka-sort-form {
        width: 100%; } }
    .teethkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .teethkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.teethkekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .teethkekka-none-button {
      width: 70%; } }
  .teethkekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .teethkekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .teethkekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .teethkekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .teethkekka-none-button-wrap a:hover {
        color: #808080; }

.teeth .teeth-kinds-list .swiper-pagination-bullet {
  color: #017abc;
  border: 1px solid #fff;
  box-sizing: content-box; }
.teeth .teeth-kinds-list .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #017abc;
  border: 1px solid #fff;
  box-sizing: content-box; }
.teeth .ranking-list-box-inner-review .swiper-button-prev, .teeth .ranking-list-box-inner-review .swiper-button-next {
  color: #017abc; }
.teeth .ranking-list-box-inner-review .swiper-button-next:after, .teeth .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.teeth .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #017abc;
  border: 1px solid #fff;
  box-sizing: content-box; }
.teeth .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #017abc;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*歯列矯正LP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.eyelids {
  color: #333333; }
  .eyelids p {
    color: #333333; }
  @media only screen and (max-width: 767px) {
    .eyelids {
      font-size: .9rem; } }
  .eyelids .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .eyelids-wrapper {
    max-width: 1020px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .eyelids-wrapper {
        padding: 0 .5rem; } }
  .eyelids img {
    margin: auto; }
  .eyelids-wrapper {
    padding: 0 .5rem; }
  .eyelids a {
    transition: 0.3s; }
    .eyelids a:hover {
      opacity: 0.7; }
  .eyelids-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .eyelids-ttl {
        margin: 1rem auto; } }
  .eyelids-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .eyelids-cv {
        width: 90%; } }
    .eyelids-cv a:hover {
      opacity: 1; }
    .eyelids-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .eyelids-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .eyelids-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .eyelids-cv-copy-inner .small {
          font-size: 1rem; }
        .eyelids-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/eyelids/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .eyelids-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .eyelids-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/eyelids/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .eyelids-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .eyelids-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #fd7ba9;
      box-shadow: 0 8px 0 #744455;
      animation-name: eye-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .eyelids-cv-btn {
          width: 100%; } }
      .eyelids-cv-btn a {
        width: 100%;
        display: inline-block; }
      .eyelids-cv-btn a:hover {
        opacity: 1; }
      .eyelids-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes eye-cvmove {
  0% {
    box-shadow: 0 8px 0 #744455;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #744455;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #744455;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #744455;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #744455;
    transform: translatey(0); } }
  .eyelids-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .eyelids-link {
        margin: 1rem auto 1.5rem; } }
    .eyelids-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .eyelids-link-btn {
          width: 95%; } }
      .eyelids-link-btn a:hover {
        opacity: 1; }
      .eyelids-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #333333;
        text-decoration: none;
        font-weight: bold;
        background-color: #fffc79;
        box-shadow: 0 8px 0 #5a531e;
        animation-name: eye-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .eyelids-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .eyelids-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .eyelids-link-btn-inner a:hover {
          opacity: 1; }
@keyframes eye-linkmove {
  0% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #5a531e;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); } }
        .eyelids-link-btn-inner-txt {
          color: #333333;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .eyelids-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .eyelids-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .eyelids-neotype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .eyelids-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .eyelids-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .eyelids-neotype-list {
      margin-top: 2rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .eyelids-neotype-list {
          margin-top: 2rem;
          flex-direction: column;
          gap: 2rem; } }
      .eyelids-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #fdf6f5;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .eyelids-neotype-list-inner {
            width: 100%; } }
        .eyelids-neotype-list-inner-1 {
          border: 4px solid #fffc79; }
          @media only screen and (max-width: 767px) {
            .eyelids-neotype-list-inner-1 {
              border: 3px solid #fffc79; } }
          .eyelids-neotype-list-inner-1 .eyelids-neotype-list-inner-ttl {
            position: relative; }
            .eyelids-neotype-list-inner-1 .eyelids-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/eyelids/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .eyelids-neotype-list-inner-1 .eyelids-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .eyelids-neotype-list-inner-2 .eyelids-neotype-list-inner-ttl {
          position: relative; }
          .eyelids-neotype-list-inner-2 .eyelids-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/eyelids/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .eyelids-neotype-list-inner-2 .eyelids-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .eyelids-neotype-list-inner-3 .eyelids-neotype-list-inner-ttl {
          position: relative; }
          .eyelids-neotype-list-inner-3 .eyelids-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/eyelids/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .eyelids-neotype-list-inner-3 .eyelids-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .eyelids-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .eyelids-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/eyelids/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .eyelids-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .eyelids-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .eyelids-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .eyelids-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .eyelids-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .eyelids-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .eyelids-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .eyelids-neotype-list-inner-ttl-name {
            font-size: 1.5rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            .eyelids-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .eyelids-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .eyelids-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .eyelids-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .eyelids-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .5rem .2rem;
            margin: 0;
            flex-wrap: wrap; }
            .eyelids-neotype-list-inner-content-spec-inner {
              width: 32%;
              background-color: #fff; }
              .eyelids-neotype-list-inner-content-spec-inner-big {
                width: 100%; }
              .eyelids-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #ffdde9;
                color: #333333;
                font-weight: bold;
                padding: .2rem;
                font-size: .9rem; }
              .eyelids-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .eyelids-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .eyelids-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .eyelids-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .eyelids-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .eyelids-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .eyelids-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/eyelids/check_pink.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .eyelids-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .eyelids-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .eyelids-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .eyelids-neotype-list-inner-content-cv {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .eyelids-neotype-list-inner-content-cv {
                width: 100%; } }
            .eyelids-neotype-list-inner-content-cv-btn {
              width: 80%;
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
        .eyelids-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .eyelids-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center;
            color: #333333;
            text-decoration: none; }
            .eyelids-neotype-list-inner-link-btn-txt {
              position: relative; }
              .eyelids-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #333333;
                border-bottom: 0;
                transition: .3s; }
              .eyelids-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #333333;
                border-bottom: 0;
                transition: .3s; }
  .eyelids-minitype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .eyelids-minitype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .eyelids-minitype-list {
      margin-top: 2.5rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .eyelids-minitype-list {
          gap: .5rem; } }
      .eyelids-minitype-list-inner {
        position: relative;
        width: 32%;
        background-color: #fdf6f5;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .eyelids-minitype-list-inner {
            width: 100%; } }
        .eyelids-minitype-list-inner-1 {
          border: 4px solid #fffc79; }
          @media only screen and (max-width: 767px) {
            .eyelids-minitype-list-inner-1 {
              border: 3px solid #fffc79; } }
          .eyelids-minitype-list-inner-1 .eyelids-minitype-list-inner-ttl {
            position: relative; }
            .eyelids-minitype-list-inner-1 .eyelids-minitype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/eyelids/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .eyelids-minitype-list-inner-1 .eyelids-minitype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .eyelids-minitype-list-inner-2 .eyelids-minitype-list-inner-ttl {
          position: relative; }
          .eyelids-minitype-list-inner-2 .eyelids-minitype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/eyelids/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .eyelids-minitype-list-inner-2 .eyelids-minitype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .eyelids-minitype-list-inner-3 .eyelids-minitype-list-inner-ttl {
          position: relative; }
          .eyelids-minitype-list-inner-3 .eyelids-minitype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/eyelids/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .eyelids-minitype-list-inner-3 .eyelids-minitype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .eyelids-minitype-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          background-color: #fff;
          border-radius: 10px 10px 0 0; }
          .eyelids-minitype-list-inner-ttl-logo {
            margin: 0 auto;
            width: 80%; }
            @media only screen and (max-width: 767px) {
              .eyelids-minitype-list-inner-ttl-logo {
                width: 100%; } }
        .eyelids-minitype-list-inner-content {
          padding: 1rem;
          display: flex;
          flex-direction: column;
          gap: .5rem; }
          @media only screen and (max-width: 767px) {
            .eyelids-minitype-list-inner-content {
              padding: .5rem; } }
          .eyelids-minitype-list-inner-content-spec {
            margin: 0 auto;
            width: 100%; }
            .eyelids-minitype-list-inner-content-spec-dt {
              background-color: #ffdde9;
              color: #333333;
              padding: .2rem;
              text-align: center; }
              @media only screen and (max-width: 767px) {
                .eyelids-minitype-list-inner-content-spec-dt {
                  font-size: .8rem;
                  font-weight: bold; } }
            .eyelids-minitype-list-inner-content-spec-dd {
              background-color: #fff;
              padding: .5rem .2rem;
              display: flex;
              align-items: center;
              justify-content: center;
              text-align: center;
              font-size: .8rem;
              min-height: 3rem; }
          .eyelids-minitype-list-inner-content-copy {
            line-height: 1.3;
            font-size: .8rem;
            text-align: center; }
          .eyelids-minitype-list-inner-content-wrap {
            display: flex;
            justify-content: center;
            grid-gap: .5rem;
            align-items: end; }
            @media only screen and (max-width: 767px) {
              .eyelids-minitype-list-inner-content-wrap {
                flex-direction: column-reverse; } }
            .eyelids-minitype-list-inner-content-wrap-link {
              width: 25%;
              border-radius: 20px;
              background-color: #e3e3e3;
              margin-top: 5px;
              box-shadow: 0 3px 0 #333333; }
              @media only screen and (max-width: 767px) {
                .eyelids-minitype-list-inner-content-wrap-link {
                  border-radius: 10px; } }
              @media only screen and (max-width: 767px) {
                .eyelids-minitype-list-inner-content-wrap-link {
                  gap: .5rem;
                  width: 100%; } }
              .eyelids-minitype-list-inner-content-wrap-link:hover {
                box-shadow: 0 0 0 0;
                margin: 8px 0 -3px;
                transition: .2s; }
              .eyelids-minitype-list-inner-content-wrap-link-btn {
                padding: 1rem;
                display: block;
                opacity: 1 !important; }
                @media only screen and (max-width: 767px) {
                  .eyelids-minitype-list-inner-content-wrap-link-btn {
                    padding: .5rem; } }
                .eyelids-minitype-list-inner-content-wrap-link-btn-txt {
                  color: #333333 !important;
                  font-weight: bold;
                  font-size: 1rem;
                  display: flex;
                  justify-content: center; }
                  @media only screen and (max-width: 767px) {
                    .eyelids-minitype-list-inner-content-wrap-link-btn-txt {
                      font-size: .7rem; } }
            .eyelids-minitype-list-inner-content-wrap-cv {
              width: 74%; }
              @media only screen and (max-width: 767px) {
                .eyelids-minitype-list-inner-content-wrap-cv {
                  width: 100%; } }
              .eyelids-minitype-list-inner-content-wrap-cv-btn {
                padding: .5rem .4rem;
                line-height: 1.4;
                width: 100%; }
                @media only screen and (max-width: 767px) {
                  .eyelids-minitype-list-inner-content-wrap-cv-btn-txt {
                    font-size: .9rem; } }
  .eyelids-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .eyelids-type {
        margin: .5rem auto; } }
    .eyelids-type-ttl {
      max-width: 500px;
      margin: auto; }
    .eyelids-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .eyelids-type-list {
          flex-direction: column;
          gap: 1rem; } }
      .eyelids-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .eyelids-type-list-inner {
            width: 100%; } }
        .eyelids-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #333333;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #ffdde9; }
          .eyelids-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .eyelids-type-list-inner-ttl-y {
            background-color: #fffc79; }
          .eyelids-type-list-inner-ttl-a {
            background-color: #e59cd3;
            color: #fff; }
          .eyelids-type-list-inner-ttl-b {
            background-color: #d0a8e4;
            color: #fff; }
        .eyelids-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #333333;
          border: none;
          background-color: #fef7f9;
          border-radius: 0 0 20px 20px;
          height: 12rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .eyelids-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .eyelids-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .eyelids-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .eyelids-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .eyelids-type-list-inner-content-wrap-flex {
              display: flex;
              gap: 0.5rem; }
          .eyelids-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .eyelids-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .eyelids-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .eyelids-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .eyelids-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .eyelids-type-list-inner-copy {
          width: 75%; }
        .eyelids-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .eyelids-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .eyelids-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .eyelids-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .eyelids-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .eyelids-type-list-inner-cv-txt {
            color: #fff; }
          .eyelids-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .eyelids-must {
    max-width: 350px;
    margin: 1rem auto; }
  .eyelids-fact {
    background-color: #ffebf2;
    margin-bottom: -1rem;
    padding: .1rem 0 1rem; }
    @media only screen and (max-width: 767px) {
      .eyelids-fact {
        padding: .1rem .5rem 1rem; } }
    .eyelids-fact-nature {
      margin-top: 2rem; }
    .eyelids-fact-inner {
      max-width: 500px;
      margin: 0 auto; }
      .eyelids-fact-inner-kome {
        text-align: right;
        font-size: .5rem;
        margin-top: -.5rem; }
        .eyelids-fact-inner-kome a {
          color: #606060; }
      .eyelids-fact-inner-img {
        margin: 1rem auto; }
      .eyelids-fact-inner-txt {
        margin: .5rem auto;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .eyelids-fact-inner-txt {
            text-align: left; } }
        .eyelids-fact-inner-txt-big {
          font-size: 1.6rem;
          font-weight: bold;
          color: #fd7ba9; }
      .eyelids-fact-inner-hikaku-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-auto-flow: row;
        position: relative;
        grid-template-areas: "nature maibotsu" "feature feature" "nature-feature maibotsu-feature" "looks looks" "nature-looks maibotsu-looks" "down down" "nature-down maibotsu-down" "cost cost" "nature-cost maibotsu-cost" "merit merit" "nature-merit maibotsu-merit" "demerit demerit" "nature-demerit maibotsu-demerit" "osusume osusume" "nature-osusume maibotsu-osusume"; }
        .eyelids-fact-inner-hikaku-container .flex {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          gap: .5rem;
          padding: .5rem; }
        .eyelids-fact-inner-hikaku-container .ttl {
          color: #a2a2a2;
          background-color: #f3f3f3;
          font-weight: bold;
          font-size: .8rem;
          padding: .3rem;
          text-align: center;
          line-height: 1.2; }
        .eyelids-fact-inner-hikaku-container-img {
          width: 80%; }
        .eyelids-fact-inner-hikaku-container-inner {
          text-align: center;
          font-size: .9rem; }
        .eyelids-fact-inner-hikaku-container-list {
          display: flex;
          flex-direction: column;
          gap: .5rem; }
          @media only screen and (max-width: 767px) {
            .eyelids-fact-inner-hikaku-container-list {
              width: 90%; } }
          .eyelids-fact-inner-hikaku-container-list-item {
            display: flex;
            gap: .3rem;
            align-items: center; }
            .eyelids-fact-inner-hikaku-container-list-item-txt {
              font-size: .8rem;
              line-height: 1.3;
              width: calc(100% - 1rem);
              white-space: nowrap; }
              @media only screen and (max-width: 767px) {
                .eyelids-fact-inner-hikaku-container-list-item-txt {
                  white-space: inherit; } }
            .eyelids-fact-inner-hikaku-container-list-item .maru {
              display: inline-block;
              width: 1rem;
              height: 1rem;
              background: url(../img/feature/eyelids/eyelids-good.png) no-repeat;
              background-size: contain;
              background-position: center; }
            .eyelids-fact-inner-hikaku-container-list-item .batsu {
              display: inline-block;
              width: 1rem;
              height: 1rem;
              background: url(../img/feature/eyelids/eyelids-bad.png) no-repeat;
              background-size: contain;
              background-position: center; }
            .eyelids-fact-inner-hikaku-container-list-item .pochi {
              display: inline-block;
              width: .5rem;
              height: .5rem;
              border-radius: 20px;
              background-color: #fd7ba9; }
        .eyelids-fact-inner-hikaku-container .feature {
          grid-area: feature; }
        .eyelids-fact-inner-hikaku-container .looks {
          grid-area: looks; }
        .eyelids-fact-inner-hikaku-container .down {
          grid-area: down; }
        .eyelids-fact-inner-hikaku-container .cost {
          grid-area: cost; }
        .eyelids-fact-inner-hikaku-container .merit {
          grid-area: merit; }
        .eyelids-fact-inner-hikaku-container .demerit {
          grid-area: demerit; }
        .eyelids-fact-inner-hikaku-container .osusume {
          grid-area: osusume; }
        .eyelids-fact-inner-hikaku-container .nature {
          grid-area: nature;
          background-color: #ffffdc;
          border-radius: 10px 0 0 0;
          position: sticky;
          z-index: 1;
          top: 0; }
          .eyelids-fact-inner-hikaku-container .nature-feature {
            grid-area: nature-feature;
            background-color: #ffffdc; }
          .eyelids-fact-inner-hikaku-container .nature-looks {
            grid-area: nature-looks;
            background-color: #ffffdc; }
          .eyelids-fact-inner-hikaku-container .nature-down {
            grid-area: nature-down;
            background-color: #ffffdc; }
          .eyelids-fact-inner-hikaku-container .nature-cost {
            grid-area: nature-cost;
            background-color: #ffffdc; }
          .eyelids-fact-inner-hikaku-container .nature-merit {
            grid-area: nature-merit;
            background-color: #ffffdc; }
          .eyelids-fact-inner-hikaku-container .nature-demerit {
            grid-area: nature-demerit;
            background-color: #ffffdc; }
          .eyelids-fact-inner-hikaku-container .nature-osusume {
            grid-area: nature-osusume;
            background-color: #ffffdc;
            border-radius: 0 0 0 10px; }
        .eyelids-fact-inner-hikaku-container .maibotsu {
          grid-area: maibotsu;
          background-color: #fff;
          border-radius: 0 10px 0 0;
          position: sticky;
          z-index: 1;
          top: 0; }
          .eyelids-fact-inner-hikaku-container .maibotsu-feature {
            grid-area: maibotsu-feature;
            background-color: #fff; }
          .eyelids-fact-inner-hikaku-container .maibotsu-looks {
            grid-area: maibotsu-looks;
            background-color: #fff; }
          .eyelids-fact-inner-hikaku-container .maibotsu-down {
            grid-area: maibotsu-down;
            background-color: #fff; }
          .eyelids-fact-inner-hikaku-container .maibotsu-cost {
            grid-area: maibotsu-cost;
            background-color: #fff; }
          .eyelids-fact-inner-hikaku-container .maibotsu-merit {
            grid-area: maibotsu-merit;
            background-color: #fff; }
          .eyelids-fact-inner-hikaku-container .maibotsu-demerit {
            grid-area: maibotsu-demerit;
            background-color: #fff; }
          .eyelids-fact-inner-hikaku-container .maibotsu-osusume {
            grid-area: maibotsu-osusume;
            background-color: #fff;
            border-radius: 0 0 10px 0; }
    .eyelids-fact-reason {
      max-width: 750px;
      margin: 0 auto 1.5rem; }
      .eyelids-fact-reason-ttl {
        max-width: 500px;
        margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .eyelids-fact-reason-list {
          padding-bottom: 1.5rem; } }
      .eyelids-fact-reason-list-item {
        display: flex;
        flex-direction: column;
        gap: .5rem; }
        .eyelids-fact-reason-list-item-txt {
          color: #333333;
          font-size: .8rem;
          text-align: center;
          line-height: 1.4; }
          .eyelids-fact-reason-list-item-txt .big {
            display: block;
            font-weight: bold;
            font-size: 1.3rem; }
            @media only screen and (max-width: 767px) {
              .eyelids-fact-reason-list-item-txt .big {
                font-size: 1.1rem; } }
        .eyelids-fact-reason-list-item-kome {
          text-align: right;
          font-size: .7rem; }
          @media only screen and (max-width: 767px) {
            .eyelids-fact-reason-list-item-kome {
              display: block;
              text-align: center;
              line-height: 1.3;
              margin-top: .3rem; } }
      .eyelids-fact-reason .swiper-pagination-bullet {
        color: #fd7ba9;
        border: 1px solid #fff;
        box-sizing: content-box; }
      .eyelids-fact-reason .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fd7ba9;
        border: 1px solid #fff;
        box-sizing: content-box; }
    .eyelids-fact-list {
      max-width: 750px;
      margin: 0 auto 2rem;
      display: flex;
      flex-direction: column;
      gap: 1.5rem; }
      @media only screen and (max-width: 767px) {
        .eyelids-fact-list {
          padding: 0 .5rem; } }
      .eyelids-fact-list-item {
        background-color: #fff;
        border-radius: 15px;
        box-shadow: 0px 0px 28.5px 1.5px rgba(254, 205, 222, 0.25); }
        .eyelids-fact-list-item-ttl {
          padding: 1.5rem .5rem 1rem;
          display: flex;
          justify-content: center; }
          .eyelids-fact-list-item-ttl-inner {
            display: flex;
            gap: .5rem;
            justify-content: center;
            align-items: center; }
            .eyelids-fact-list-item-ttl-inner-img {
              width: 4rem; }
            .eyelids-fact-list-item-ttl-inner-txt {
              font-size: 1rem; }
              @media only screen and (max-width: 767px) {
                .eyelids-fact-list-item-ttl-inner-txt {
                  width: 80%; } }
              .eyelids-fact-list-item-ttl-inner-txt-big {
                font-size: 1.8rem; }
                @media only screen and (max-width: 767px) {
                  .eyelids-fact-list-item-ttl-inner-txt-big {
                    font-size: 1.3rem; } }
        .eyelids-fact-list-item-content {
          padding: 0 1rem 1.5rem; }
          .eyelids-fact-list-item-content-txt {
            font-size: 1rem;
            max-width: 500px;
            margin: 0 auto; }
          .eyelids-fact-list-item-content-img {
            max-width: 500px;
            margin: 1rem auto; }
          .eyelids-fact-list-item-content-video {
            border-radius: 20px;
            background-color: #ffebf2;
            max-width: 500px;
            margin: 3rem auto 1rem;
            position: relative;
            padding: 5.5rem 1rem 1rem;
            display: flex;
            justify-content: center; }
            @media only screen and (max-width: 767px) {
              .eyelids-fact-list-item-content-video {
                margin-top: 2rem;
                padding-top: 4.2rem; } }
            .eyelids-fact-list-item-content-video-ttl {
              width: 80%;
              position: absolute;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%); }
              @media only screen and (max-width: 767px) {
                .eyelids-fact-list-item-content-video-ttl {
                  top: -1rem;
                  width: 90%; } }
  .eyelids-column {
    background-color: #fef7f9;
    margin: 1rem auto 2rem;
    padding: .1rem 2rem 2rem;
    max-width: 750px; }
    @media only screen and (max-width: 767px) {
      .eyelids-column {
        padding: .1rem 1rem 1rem; } }
    .eyelids-column-fact {
      background-color: transparent;
      padding-bottom: 0;
      margin-top: -.5rem; }
      @media only screen and (max-width: 767px) {
        .eyelids-column-fact {
          margin-top: -1rem; } }
    .eyelids-column-img {
      max-width: 500px;
      margin: 1rem auto; }
    .eyelids-column-txt {
      margin: .5rem auto; }
      @media only screen and (max-width: 767px) {
        .eyelids-column-txt {
          margin: .8rem auto; } }
    .eyelids-column-container {
      margin: 1rem auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 0.5fr 1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "maibotsu white sekkai" "maibotsu-feature feature sekkai-feature" "maibotsu-looks looks sekkai-looks" "maibotsu-downtime downtime sekkai-downtime" "maibotsu-cost cost sekkai-cost" "maibotsu-make make sekkai-make" "maibotsu-merit merit sekkai-merit" "maibotsu-demerit demerit sekkai-demerit" "maibotsu-osusume osusume sekkai-osusume"; }
      .eyelids-column-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #fff; }
      .eyelids-column-container .ttl {
        background-color: #ffdde9;
        color: #333333;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .eyelids-column-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .eyelids-column-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .eyelids-column-container-inner .ico-rank {
              width: 2.5rem; } }
        .eyelids-column-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .eyelids-column-container-inner .bnr {
              width: 80%; } }
        .eyelids-column-container-inner-name {
          width: 80%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .eyelids-column-container-inner-name {
              width: 100%; } }
        .eyelids-column-container-inner-img {
          width: 60%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .eyelids-column-container-inner-img {
              width: 80%; } }
        .eyelids-column-container-inner-eval {
          min-height: 2.5rem;
          display: flex;
          align-items: center;
          justify-content: center; }
          .eyelids-column-container-inner-eval-good {
            background: url(../img/feature/eyelids/eyelids-good-op.png) no-repeat;
            background-size: contain;
            background-position: center; }
          .eyelids-column-container-inner-eval-notgood {
            background: url(../img/feature/eyelids/eyelids-notgood-op.png) no-repeat;
            background-size: contain;
            background-position: center; }
          .eyelids-column-container-inner-eval-bad {
            background: url(../img/feature/eyelids/eyelids-bad-op.png) no-repeat;
            background-size: contain;
            background-position: center; }
        .eyelids-column-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .eyelids-column-container-inner-txt {
              font-size: .8rem; } }
      .eyelids-column-container-list {
        width: 80%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        grid-gap: .3rem; }
        @media only screen and (max-width: 767px) {
          .eyelids-column-container-list {
            width: 90%;
            gap: .5rem; } }
        .eyelids-column-container-list-item {
          display: flex;
          justify-content: left;
          align-items: center;
          grid-gap: .2rem; }
          .eyelids-column-container-list-item-txt {
            font-size: .9rem;
            line-height: 1.2;
            width: 95%; }
            @media only screen and (max-width: 767px) {
              .eyelids-column-container-list-item-txt {
                font-size: .8rem; } }
          .eyelids-column-container-list-item .maru {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/eyelids/eyelids-good.png) no-repeat;
            background-size: contain;
            background-position: center; }
          .eyelids-column-container-list-item .batsu {
            display: inline-block;
            width: 1rem;
            height: 1rem;
            background: url(../img/feature/eyelids/eyelids-bad.png) no-repeat;
            background-size: contain;
            background-position: center; }
          .eyelids-column-container-list-item .dot {
            display: inline-block;
            width: .5rem;
            height: .5rem;
            background-color: #fd7ba9;
            border-radius: 50px; }
      .eyelids-column-container .white {
        grid-area: white; }
      .eyelids-column-container .feature {
        grid-area: feature; }
      .eyelids-column-container .looks {
        grid-area: looks; }
      .eyelids-column-container .downtime {
        grid-area: downtime; }
      .eyelids-column-container .cost {
        grid-area: cost; }
      .eyelids-column-container .make {
        grid-area: make; }
      .eyelids-column-container .merit {
        grid-area: merit; }
      .eyelids-column-container .demerit {
        grid-area: demerit; }
      .eyelids-column-container .osusume {
        grid-area: osusume; }
      .eyelids-column-container .maibotsu {
        grid-area: maibotsu;
        background-color: #ffffdc;
        position: sticky;
        top: 0;
        z-index: 1; }
        .eyelids-column-container .maibotsu-feature {
          grid-area: maibotsu-feature;
          background-color: #ffffdc; }
        .eyelids-column-container .maibotsu-looks {
          grid-area: maibotsu-looks;
          background-color: #ffffdc; }
        .eyelids-column-container .maibotsu-downtime {
          grid-area: maibotsu-downtime;
          background-color: #ffffdc; }
        .eyelids-column-container .maibotsu-cost {
          grid-area: maibotsu-cost;
          background-color: #ffffdc; }
        .eyelids-column-container .maibotsu-make {
          grid-area: maibotsu-make;
          background-color: #ffffdc; }
        .eyelids-column-container .maibotsu-merit {
          grid-area: maibotsu-merit;
          background-color: #ffffdc; }
        .eyelids-column-container .maibotsu-demerit {
          grid-area: maibotsu-demerit;
          background-color: #ffffdc; }
        .eyelids-column-container .maibotsu-osusume {
          grid-area: maibotsu-osusume;
          background-color: #ffffdc; }
      .eyelids-column-container .sekkai {
        grid-area: sekkai;
        position: sticky;
        top: 0;
        z-index: 1; }
        .eyelids-column-container .sekkai-feature {
          grid-area: sekkai-feature; }
        .eyelids-column-container .sekkai-looks {
          grid-area: sekkai-looks; }
        .eyelids-column-container .sekkai-downtime {
          grid-area: sekkai-downtime; }
        .eyelids-column-container .sekkai-cost {
          grid-area: sekkai-cost; }
        .eyelids-column-container .sekkai-make {
          grid-area: sekkai-make; }
        .eyelids-column-container .sekkai-merit {
          grid-area: sekkai-merit; }
        .eyelids-column-container .sekkai-demerit {
          grid-area: sekkai-demerit; }
        .eyelids-column-container .sekkai-osusume {
          grid-area: sekkai-osusume; }
    .eyelids-column-point {
      max-width: 500px;
      padding: 1rem;
      border: 2px solid #ff5dc0;
      position: relative;
      margin: 1.5rem auto 0;
      background-color: #fff3fc; }
      .eyelids-column-point-img {
        position: absolute;
        top: -1rem;
        left: 1rem;
        width: 5rem; }
      .eyelids-column-point-txt-center {
        text-align: center;
        margin: .5rem 0; }
      .eyelids-column-point-txt-big {
        font-size: 1.5rem; }
  .eyelids-exam {
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .eyelids-exam-ttl {
        padding: 0 .5rem; } }
    .eyelids-exam-inner {
      background-color: #fef7f9;
      padding: 1rem; }
      @media only screen and (max-width: 767px) {
        .eyelids-exam-inner {
          padding: 1rem 0; } }
      .eyelids-exam-inner-swiper {
        max-width: 1000px;
        margin: 0 auto; }
        .eyelids-exam-inner-swiper-list {
          padding: 1.5rem 0 2.5rem; }
          @media only screen and (max-width: 767px) {
            .eyelids-exam-inner-swiper-list {
              padding-top: .5rem; } }
          .eyelids-exam-inner-swiper-list-item {
            display: flex;
            gap: .5rem;
            justify-content: center; }
            @media only screen and (max-width: 767px) {
              .eyelids-exam-inner-swiper-list-item {
                flex-wrap: wrap; } }
            .eyelids-exam-inner-swiper-list-item-img {
              width: 240px; }
              @media only screen and (max-width: 767px) {
                .eyelids-exam-inner-swiper-list-item-img {
                  width: 140px; } }
    .eyelids-exam-ichioshi {
      margin: 1rem auto; }
      .eyelids-exam-ichioshi-sankaku {
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 70px solid transparent;
        border-left: 70px solid transparent;
        border-top: 45px solid #fd7ba9;
        border-bottom: 0;
        margin: 0 auto 1rem; }
      .eyelids-exam-ichioshi-bnr {
        max-width: 500px;
        margin: 0 auto; }
  .eyelids-top3 {
    margin: 2rem auto; }
    .eyelids-top3-container {
      max-width: 750px;
      margin: 0 auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "way way way" "anken1-way anken2-way anken3-way" "cost cost cost" "anken1-cost anken2-cost anken3-cost" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "downtime downtime downtime" "anken1-downtime anken2-downtime anken3-downtime" "masui masui masui" "anken1-masui anken2-masui anken3-masui" "guarantee guarantee guarantee" "anken1-guarantee anken2-guarantee anken3-guarantee" "area area area" "anken1-area anken2-area anken3-area" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "link link link" "anken1-link anken2-link anken3-link"; }
      .eyelids-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .eyelids-top3-container .ttl {
        background-color: #ffdde9;
        color: #333333;
        font-weight: bold;
        flex-direction: row;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .eyelids-top3-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .eyelids-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .eyelids-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .eyelids-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container-inner .bnr {
              width: 80%; } }
        .eyelids-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .eyelids-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .eyelids-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container-inner-txt {
              font-size: .8rem; } }
        .eyelids-top3-container-inner-list {
          padding: 0 .5rem;
          display: flex;
          flex-direction: column;
          gap: .3rem; }
          .eyelids-top3-container-inner-list li {
            margin-left: 1rem;
            position: relative;
            font-size: .8rem;
            line-height: 1.4; }
            .eyelids-top3-container-inner-list li:before {
              position: absolute;
              top: 50%;
              left: -1rem;
              transform: translateY(-50%);
              display: inline-block;
              content: '';
              width: .4rem;
              height: .4rem;
              background-color: #fd7ba9;
              border-radius: 5rem; }
      @media only screen and (max-width: 767px) {
        .eyelids-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .eyelids-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .eyelids-top3-container .way {
        grid-area: way; }
      .eyelids-top3-container .cost {
        grid-area: cost; }
      .eyelids-top3-container .cam {
        grid-area: cam; }
      .eyelids-top3-container .downtime {
        grid-area: downtime; }
      .eyelids-top3-container .masui {
        grid-area: masui; }
      .eyelids-top3-container .guarantee {
        grid-area: guarantee; }
      .eyelids-top3-container .area {
        grid-area: area; }
      .eyelids-top3-container .osusume {
        grid-area: osusume; }
      .eyelids-top3-container .link {
        grid-area: link; }
      .eyelids-top3-container .anken1 {
        grid-area: anken1;
        background-color: #ffffdc;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-container .anken1 {
            border-right: 2px solid #fff; } }
        .eyelids-top3-container .anken1-way {
          grid-area: anken1-way;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken1-way {
              border-right: 2px solid #fff; } }
        .eyelids-top3-container .anken1-cost {
          grid-area: anken1-cost;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken1-cost {
              border-right: 2px solid #fff; } }
        .eyelids-top3-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken1-cam {
              border-right: 2px solid #fff; } }
        .eyelids-top3-container .anken1-downtime {
          grid-area: anken1-downtime;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken1-downtime {
              border-right: 2px solid #fff; } }
        .eyelids-top3-container .anken1-masui {
          grid-area: anken1-masui;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken1-masui {
              border-right: 2px solid #fff; } }
        .eyelids-top3-container .anken1-guarantee {
          grid-area: anken1-guarantee;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken1-guarantee {
              border-right: 2px solid #fff; } }
        .eyelids-top3-container .anken1-area {
          grid-area: anken1-area;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken1-area {
              border-right: 2px solid #fff; } }
        .eyelids-top3-container .anken1-osusume {
          grid-area: anken1-osusume;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken1-osusume {
              border-right: 2px solid #fff; } }
        .eyelids-top3-container .anken1-link {
          grid-area: anken1-link;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken1-link {
              border-right: 2px solid #fff; } }
      .eyelids-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-container .anken2 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken2-way {
          grid-area: anken2-way;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken2-way {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken2-cost {
          grid-area: anken2-cost;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken2-cost {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken2-cam {
          grid-area: anken2-cam;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken2-cam {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken2-downtime {
          grid-area: anken2-downtime;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken2-downtime {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken2-masui {
          grid-area: anken2-masui;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken2-masui {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken2-guarantee {
          grid-area: anken2-guarantee;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken2-guarantee {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken2-area {
          grid-area: anken2-area;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken2-area {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken2-osusume {
          grid-area: anken2-osusume;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken2-osusume {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken2-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .eyelids-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-container .anken3 {
            border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken3-way {
          grid-area: anken3-way;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken3-way {
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken3-cost {
          grid-area: anken3-cost;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken3-cost {
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken3-cam {
          grid-area: anken3-cam;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken3-cam {
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken3-downtime {
          grid-area: anken3-downtime;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken3-downtime {
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken3-guarantee {
          grid-area: anken3-guarantee;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken3-guarantee {
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken3-masui {
          grid-area: anken3-masui;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken3-masui {
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken3-area {
          grid-area: anken3-area;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken3-area {
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken3-osusume {
          grid-area: anken3-osusume;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken3-osusume {
              border-left: 2px solid #fff; } }
        .eyelids-top3-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-container .anken3-link {
              border-left: 2px solid #fff; } }
    .eyelids-top3-hikaku5 {
      max-width: 1000px;
      margin: 0 auto;
      position: relative;
      display: grid;
      gap: 4px 0;
      grid-template-columns: 2rem repeat(5, 1fr);
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken anken1 anken2 anken3 anken4 anken5" "way anken1-way anken2-way anken3-way anken4-way anken5-way" "cost anken1-cost anken2-cost anken3-cost anken4-cost anken5-cost" "cam anken1-cam anken2-cam anken3-cam anken4-cam anken5-cam" "downtime anken1-downtime anken2-downtime anken3-downtime anken4-downtime anken5-downtime" "guarantee anken1-guarantee anken2-guarantee anken3-guarantee anken4-guarantee anken5-guarantee" "area anken1-area anken2-area anken3-area anken4-area anken5-area" "osusume anken1-osusume anken2-osusume anken3-osusume anken4-osusume anken5-osusume" "link anken1-link anken2-link anken3-link anken4-link anken5-link"; }
      @media only screen and (max-width: 767px) {
        .eyelids-top3-hikaku5 {
          grid-template-columns: 2rem 16rem repeat(4, 13rem); } }
      .eyelids-top3-hikaku5-inner {
        width: 100%;
        height: 100%; }
        .eyelids-top3-hikaku5-inner-good {
          width: 100%;
          height: 100%;
          background: url(../img/feature/eyelids/eyelids-good-op.png) no-repeat;
          background-position: center;
          background-size: contain; }
        .eyelids-top3-hikaku5-inner-fine {
          width: 100%;
          height: 100%;
          background: url(../img/feature/eyelids/eyelids-fine-op.png) no-repeat;
          background-position: center;
          background-size: contain; }
        .eyelids-top3-hikaku5-inner-notgood {
          width: 100%;
          height: 100%;
          background: url(../img/feature/eyelids/eyelids-notgood-op.png) no-repeat;
          background-position: center;
          background-size: contain; }
        .eyelids-top3-hikaku5-inner-bad {
          width: 100%;
          height: 100%;
          background: url(../img/feature/eyelids/eyelids-bad-op.png) no-repeat;
          background-position: center;
          background-size: contain; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5-inner-txt {
            font-size: .9rem; } }
      .eyelids-top3-hikaku5-list {
        width: 90%;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        gap: .4rem; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5-list {
            width: 95%; } }
        .eyelids-top3-hikaku5-list li {
          position: relative;
          padding-left: .8rem;
          line-height: 1.5;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5-list li {
              font-size: .8rem; } }
          .eyelids-top3-hikaku5-list li:before {
            position: absolute;
            content: '';
            display: inline-block;
            width: 6px;
            height: 6px;
            background-color: #fd7ba9;
            border-radius: 50px;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
      .eyelids-top3-hikaku5 .anken {
        grid-area: anken;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        border-right: 3px solid #fff;
        position: sticky;
        top: 0;
        z-index: 1; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .anken {
            border-right: 2px solid #fff;
            left: 0;
            position: sticky;
            z-index: 2; } }
      .eyelids-top3-hikaku5 .way {
        grid-area: way;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .way {
            position: sticky;
            left: 0;
            z-index: 1;
            border-right: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .cost {
        grid-area: cost;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .cost {
            position: sticky;
            left: 0;
            z-index: 1;
            border-right: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .cam {
        grid-area: cam;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .cam {
            position: sticky;
            left: 0;
            z-index: 1;
            border-right: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .downtime {
        grid-area: downtime;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .downtime {
            position: sticky;
            left: 0;
            z-index: 1;
            border-right: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .guarantee {
        grid-area: guarantee;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .guarantee {
            position: sticky;
            left: 0;
            z-index: 1;
            border-right: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .area {
        grid-area: area;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .area {
            position: sticky;
            left: 0;
            z-index: 1;
            border-right: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .osusume {
        grid-area: osusume;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .osusume {
            position: sticky;
            left: 0;
            z-index: 1;
            border-right: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .link {
        grid-area: link;
        writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .link {
            position: sticky;
            left: 0;
            z-index: 1;
            border-right: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .anken1 {
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .anken1 {
            position: inherit;
            border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken1-way {
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken1-way {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken1-cost {
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken1-cost {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken1-cam {
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken1-cam {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken1-downtime {
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken1-downtime {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken1-guarantee {
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken1-guarantee {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken1-area {
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken1-area {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken1-osusume {
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken1-osusume {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken1-link {
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken1-link {
              border-left: 2px solid #fff; } }
      @media only screen and (max-width: 767px) {
        .eyelids-top3-hikaku5 .anken2 {
          position: inherit; } }
      .eyelids-top3-hikaku5 .anken3 {
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .anken3 {
            border-right: 2px solid #fff;
            position: inherit; } }
        .eyelids-top3-hikaku5 .anken3-way {
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken3-way {
              border-right: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken3-cost {
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken3-cost {
              border-right: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken3-cam {
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken3-cam {
              border-right: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken3-downtime {
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken3-downtime {
              border-right: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken3-guarantee {
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken3-guarantee {
              border-right: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken3-area {
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken3-area {
              border-right: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken3-osusume {
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken3-osusume {
              border-right: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken3-link {
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken3-link {
              border-right: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .anken4 {
        grid-area: anken4;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff;
        background-color: #f3f3f3;
        position: sticky;
        top: 0;
        z-index: 1; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .anken4 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff;
            position: inherit; } }
        .eyelids-top3-hikaku5 .anken4-way {
          grid-area: anken4-way;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken4-way {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken4-cost {
          grid-area: anken4-cost;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken4-cost {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken4-cam {
          grid-area: anken4-cam;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken4-cam {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken4-downtime {
          grid-area: anken4-downtime;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken4-downtime {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken4-guarantee {
          grid-area: anken4-guarantee;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken4-guarantee {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken4-area {
          grid-area: anken4-area;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken4-area {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken4-osusume {
          grid-area: anken4-osusume;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken4-osusume {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken4-link {
          grid-area: anken4-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken4-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .eyelids-top3-hikaku5 .anken5 {
        grid-area: anken5;
        border-left: 3px solid #fff;
        background-color: #f3f3f3;
        position: sticky;
        top: 0;
        z-index: 1; }
        @media only screen and (max-width: 767px) {
          .eyelids-top3-hikaku5 .anken5 {
            border-left: 2px solid #fff;
            position: inherit; } }
        .eyelids-top3-hikaku5 .anken5-way {
          grid-area: anken5-way;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken5-way {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken5-cost {
          grid-area: anken5-cost;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken5-cost {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken5-cam {
          grid-area: anken5-cam;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken5-cam {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken5-downtime {
          grid-area: anken5-downtime;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken5-downtime {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken5-guarantee {
          grid-area: anken5-guarantee;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken5-guarantee {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken5-area {
          grid-area: anken5-area;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken5-area {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken5-osusume {
          grid-area: anken5-osusume;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken5-osusume {
              border-left: 2px solid #fff; } }
        .eyelids-top3-hikaku5 .anken5-link {
          grid-area: anken5-link;
          border-left: 3px solid #fff;
          background-color: #f3f3f3; }
          @media only screen and (max-width: 767px) {
            .eyelids-top3-hikaku5 .anken5-link {
              border-left: 2px solid #fff; } }
  .eyelids .ranking-title {
    background-color: #ffdde9;
    z-index: 0; }
    .eyelids .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .eyelids .ranking-title:after {
      top: 100%;
      border-top: 20px solid #ffdde9; }
  .eyelids .ranking .eyelids-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .eyelids .ranking .eyelids-ranking {
        padding: 0 .5rem; } }
    .eyelids .ranking .eyelids-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #fffc79; }
    .eyelids .ranking .eyelids-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .eyelids .ranking .eyelids-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .eyelids .ranking .eyelids-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .eyelids .ranking .eyelids-ranking-list .ranking-list-box.rank-5, .eyelids .ranking .eyelids-ranking-list .ranking-list-box.rank-6, .eyelids .ranking .eyelids-ranking-list .ranking-list-box.rank-7, .eyelids .ranking .eyelids-ranking-list .ranking-list-box.rank-8 {
      border-top: 0.5rem solid #bf406d; }
    .eyelids .ranking .eyelids-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #fef7f9;
      border-radius: 20px; }
      .eyelids .ranking .eyelids-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .eyelids .ranking .eyelids-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .eyelids .ranking .eyelids-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner {
            margin: 1rem auto;
            padding: 0 .5rem 2rem; } }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-ttl {
          background-color: #ffdde9;
          padding: .2rem;
          text-align: center;
          color: #333333; }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #fffc79;
            color: #333333; }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/eyelids/eyelids_check.png) no-repeat;
                background-size: contain; }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-specbox th {
            color: #333333;
            padding: .2rem;
            height: auto;
            border: 1px solid #fef7f9;
            background-color: #ffdde9; }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #fef7f9;
            border-bottom: 0.5rem solid #fef7f9;
            font-size: .8rem;
            padding: .5rem; }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #606060;
            color: #fff;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #333333 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #333333 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #a2a2a2;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-com {
          display: flex;
          gap: 1rem;
          justify-content: center;
          margin: 1rem auto;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-com {
              gap: .5rem; } }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-com-img {
            width: 20%; }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-com-content {
            width: 79%;
            padding: 1rem;
            background-color: #fff;
            border-radius: 10px; }
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-com-content-txt {
              font-size: .9rem;
              line-height: 1.6; }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point {
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point {
              margin-bottom: 1rem; } }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            padding-top: 1rem; }
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item {
              box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
              background-color: #fff;
              padding: 1rem 0;
              border-radius: 10px;
              width: 100%; }
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-ttl {
                position: relative;
                background-color: #fef7f9;
                padding: .5rem; }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  left: -25px;
                  z-index: 1;
                  width: 7rem; }
                  @media only screen and (max-width: 767px) {
                    .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                      left: -15px;
                      width: 6.5rem; } }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                  font-size: 1rem;
                  line-height: 1.3;
                  padding-left: 5.5rem;
                  display: inline-block;
                  font-weight: normal; }
                  @media only screen and (max-width: 767px) {
                    .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                      font-size: .9rem; } }
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                    font-size: 1.8rem;
                    font-weight: bold; }
                    @media only screen and (max-width: 767px) {
                      .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                        font-size: 1.3rem; } }
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-inner {
                padding: 1rem; }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex {
                  display: flex;
                  gap: 5px;
                  margin-bottom: 1rem;
                  align-items: center;
                  justify-content: center; }
                  @media only screen and (max-width: 767px) {
                    .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex {
                      gap: .5rem; } }
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                    width: 220px; }
                    @media only screen and (max-width: 767px) {
                      .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                        width: 145px; } }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-inner-kome {
                  text-align: right;
                  font-size: .5rem; }
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-inner-kome-margin {
                    margin-top: -.5rem; }
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-inner-kome a {
                    color: #606060; }
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-flex {
                display: flex;
                gap: 1rem;
                padding: 1rem;
                align-items: center; }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                  width: 20%; }
                  @media only screen and (max-width: 767px) {
                    .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                      width: 30%; } }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                  width: 79%; }
                  @media only screen and (max-width: 767px) {
                    .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                      width: 69%; } }
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper {
                padding: 1.5rem 0;
                max-width: 600px;
                margin: 0 auto;
                display: flex;
                flex-direction: column;
                gap: 1rem; }
                @media only screen and (max-width: 767px) {
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper {
                    padding: 1rem; } }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex {
                  display: flex;
                  gap: .5rem;
                  align-items: center;
                  justify-content: center; }
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex-img {
                    width: 35%; }
                    @media only screen and (max-width: 767px) {
                      .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex-img {
                        width: 44%; } }
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex-txt {
                    width: 64%; }
                    @media only screen and (max-width: 767px) {
                      .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex-txt {
                        width: 55%; } }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex2 {
                  display: flex;
                  gap: .5rem;
                  align-items: center;
                  justify-content: center; }
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-flex2-img {
                    width: 49.5%; }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-videowrap {
                  display: flex;
                  justify-content: center;
                  align-items: center; }
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-3point-content-item-wrapper-videowrap-video {
                    aspect-ratio: 16/9; }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-cam {
          margin: 2rem auto; }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-cam-fukidashi {
            background-color: #ffffdc;
            border-radius: 10px;
            position: relative;
            margin-bottom: 1rem;
            padding: 1rem .5rem; }
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-cam-fukidashi:before {
              position: absolute;
              bottom: -8px;
              left: 50%;
              transform: translateX(-50%);
              content: '';
              display: inline-block;
              width: 0;
              height: 0;
              border-style: solid;
              border-right: 25px solid transparent;
              border-left: 25px solid transparent;
              border-top: 20px solid #ffffdc;
              border-bottom: 0; }
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-cam-fukidashi-txt {
              line-height: 1.5;
              text-align: center;
              color: #333333; }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-cam-bnr {
            max-width: 600px;
            margin: auto; }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0;
            display: flex;
            flex-direction: column;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner {
                gap: .5rem; } }
            .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner-card {
              background-color: #fff;
              position: relative;
              display: flex;
              align-items: center;
              gap: 1rem;
              border-radius: 10px;
              padding: 1rem; }
              @media only screen and (max-width: 767px) {
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner-card {
                  gap: .5rem; } }
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner-card-img {
                width: 20%; }
                @media only screen and (max-width: 767px) {
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner-card-img {
                    width: 24%; } }
              .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                width: 79%; }
                @media only screen and (max-width: 767px) {
                  .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                    width: 75%; } }
                .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                  height: auto; }
                  @media only screen and (max-width: 767px) {
                    .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                      font-size: 13px !important; } }
        .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .eyelids .ranking .eyelids-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .eyelids-survey {
    margin-top: 2rem; }

.eyelidssearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .eyelidssearch {
      padding: .5rem; } }
  .eyelidssearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .eyelidssearch .only-pc {
      display: none; } }
  .eyelidssearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .eyelidssearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .eyelidssearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .eyelidssearch-form {
        gap: .5rem; } }
    .eyelidssearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .eyelidssearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .eyelidssearch-form-wrap-sankaku {
            width: 48%; } }
        .eyelidssearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .eyelidssearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .eyelidssearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .eyelidssearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .eyelidssearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .eyelidssearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .eyelidssearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .eyelidssearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .eyelidssearch-form-submit-txt:before {
              display: none; } }
        .eyelidssearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .eyelidssearch-form-submit-txt:after {
              display: none; } }
      .eyelidssearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .eyelidssearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .eyelidssearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .eyelidssearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.eyelidskekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .eyelidskekka-sort {
      flex-direction: column; } }
  .eyelidskekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .eyelidskekka-sort-now {
        width: 100%; } }
    .eyelidskekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .eyelidskekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .eyelidskekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .eyelidskekka-sort-form {
        width: 100%; } }
    .eyelidskekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .eyelidskekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.eyelidskekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .eyelidskekka-none-button {
      width: 70%; } }
  .eyelidskekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .eyelidskekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .eyelidskekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .eyelidskekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .eyelidskekka-none-button-wrap a:hover {
        color: #808080; }

.eyelids .eyelids-exam-inner-swiper .swiper-button-prev, .eyelids .eyelids-exam-inner-swiper .swiper-button-next {
  color: #fd7ba9; }
.eyelids .eyelids-exam-inner-swiper .swiper-button-next:after, .eyelids .eyelids-exam-inner-swiper .swiper-button-prev:after {
  font-size: 2rem; }
.eyelids .eyelids-exam-inner-swiper .swiper-pagination-bullet {
  color: #fd7ba9;
  border: 1px solid #fff;
  box-sizing: content-box; }
.eyelids .eyelids-exam-inner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fd7ba9;
  border: 1px solid #fff;
  box-sizing: content-box; }
.eyelids .ranking-list-box-inner-review .swiper-button-prev, .eyelids .ranking-list-box-inner-review .swiper-button-next {
  color: #e59cd3; }
.eyelids .ranking-list-box-inner-review .swiper-button-next:after, .eyelids .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.eyelids .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #e59cd3;
  border: 1px solid #fff;
  box-sizing: content-box; }
.eyelids .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #e59cd3;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*二重整形LP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.electric {
  color: #172a55; }
  @media only screen and (max-width: 767px) {
    .electric {
      font-size: .9rem; } }
  .electric .kome {
    font-size: .7rem;
    display: inline-block; }
  .electric .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .electric img {
    margin: auto; }
  .electric-wrapper {
    padding: 0 .5rem; }
  .electric a {
    transition: 0.3s; }
    .electric a:hover {
      opacity: 0.7; }
  .electric-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .electric-ttl {
        margin: 1rem auto 0; } }
  .electric-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .electric-cv {
        width: 90%; } }
    .electric-cv a:hover {
      opacity: 1; }
    .electric-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .electric-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .electric-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .electric-cv-copy-inner .small {
          font-size: 1rem; }
        .electric-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/electric/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .electric-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .electric-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/electric/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .electric-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .electric-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #ff4d3b;
      box-shadow: 0 8px 0 #86271d;
      animation-name: ele-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .electric-cv-btn {
          width: 100%; } }
      .electric-cv-btn a {
        width: 100%;
        display: inline-block; }
      .electric-cv-btn a:hover {
        opacity: 1; }
      .electric-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes ele-cvmove {
  0% {
    box-shadow: 0 8px 0 #86271d;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #86271d;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #86271d;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #86271d;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #86271d;
    transform: translatey(0); } }
  .electric-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .electric-link {
        margin: 1rem auto 1.5rem; } }
    .electric-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .electric-link-btn {
          width: 95%; } }
      .electric-link-btn a:hover {
        opacity: 1; }
      .electric-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #172a55;
        text-decoration: none;
        font-weight: bold;
        background-color: #ffe33a;
        box-shadow: 0 8px 0 #6a5e14;
        animation-name: ele-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .electric-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .electric-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .electric-link-btn-inner a:hover {
          opacity: 1; }
@keyframes ele-linkmove {
  0% {
    box-shadow: 0 8px 0 #6a5e14;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6a5e14;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6a5e14;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6a5e14;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6a5e14;
    transform: translatey(0); } }
        .electric-link-btn-inner-txt {
          color: #172a55;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .electric-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .electric-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .electric-neotype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .electric-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .electric-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .electric-neotype-list {
      margin-top: 3rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .electric-neotype-list {
          margin-top: 2rem;
          flex-direction: column;
          gap: 2rem; } }
      .electric-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #fefbea;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .electric-neotype-list-inner {
            width: 100%; } }
        .electric-neotype-list-inner-1 {
          border: 4px solid #ffe33a; }
          @media only screen and (max-width: 767px) {
            .electric-neotype-list-inner-1 {
              border: 3px solid #ffe33a; } }
          .electric-neotype-list-inner-1 .electric-neotype-list-inner-ttl {
            position: relative; }
            .electric-neotype-list-inner-1 .electric-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/electric/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .electric-neotype-list-inner-1 .electric-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .electric-neotype-list-inner-2 .electric-neotype-list-inner-ttl {
          position: relative; }
          .electric-neotype-list-inner-2 .electric-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/electric/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .electric-neotype-list-inner-2 .electric-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .electric-neotype-list-inner-3 .electric-neotype-list-inner-ttl {
          position: relative; }
          .electric-neotype-list-inner-3 .electric-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/electric/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .electric-neotype-list-inner-3 .electric-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .electric-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .electric-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/electric/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .electric-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .electric-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .electric-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .electric-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .electric-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .electric-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .electric-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .electric-neotype-list-inner-ttl-name {
            font-size: 1.5rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            .electric-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .electric-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .electric-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .electric-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .electric-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .5rem .2rem;
            margin: 0;
            flex-wrap: wrap; }
            .electric-neotype-list-inner-content-spec-inner {
              width: 32%;
              background-color: #fff; }
              .electric-neotype-list-inner-content-spec-inner-big {
                width: 100%; }
              .electric-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #65adc3;
                color: #fff;
                font-weight: bold;
                padding: .2rem;
                font-size: .7rem; }
                @media only screen and (max-width: 767px) {
                  .electric-neotype-list-inner-content-spec-inner-dt {
                    font-size: .8rem; } }
              .electric-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .electric-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .electric-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .electric-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .electric-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .electric-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .electric-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/electric/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .electric-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .electric-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .electric-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .electric-neotype-list-inner-content-cv {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .electric-neotype-list-inner-content-cv {
                width: 100%; } }
            .electric-neotype-list-inner-content-cv-btn {
              width: 80%;
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
        .electric-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .electric-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center;
            color: #333333;
            text-decoration: none; }
            .electric-neotype-list-inner-link-btn-txt {
              position: relative; }
              .electric-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #333333;
                border-bottom: 0;
                transition: .3s; }
              .electric-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #333333;
                border-bottom: 0;
                transition: .3s; }
  .electric-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .electric-type {
        margin: .5rem auto; } }
    .electric-type-ttl {
      max-width: 500px;
      margin: auto; }
    .electric-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .electric-type-list {
          margin-bottom: 1.5rem; } }
      .electric-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .electric-type-list-inner {
            width: 100%; } }
        .electric-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: .9rem;
          border-radius: 20px 20px 0 0;
          background: #65adc3; }
          @media only screen and (max-width: 767px) {
            .electric-type-list-inner-ttl {
              font-size: 1rem; } }
          .electric-type-list-inner-ttl-big {
            font-size: 1.2rem; }
            @media only screen and (max-width: 767px) {
              .electric-type-list-inner-ttl-big {
                font-size: 1.5rem; } }
          .electric-type-list-inner-ttl-y {
            background-color: #ffe33a;
            color: #172a55; }
          .electric-type-list-inner-ttl-a {
            background-color: #70ae7b; }
          .electric-type-list-inner-ttl-b {
            background-color: #172a55; }
        .electric-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #172a55;
          border: none;
          background-color: #fefbea;
          border-radius: 0 0 20px 20px;
          height: 14rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .electric-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .electric-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            width: 100%; }
            .electric-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .electric-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .electric-type-list-inner-content-wrap-flex {
              display: flex;
              gap: .5rem; }
              .electric-type-list-inner-content-wrap-flex-link {
                width: 30%;
                border-radius: 20px;
                background-color: #f3f3f3;
                line-height: 45px;
                margin-top: 5px;
                box-shadow: 0 3px 0 #172a55; }
                .electric-type-list-inner-content-wrap-flex-link:hover {
                  box-shadow: 0 0 0 0;
                  margin: 8px 0 -3px;
                  opacity: 1 !important;
                  transition: .2s; }
                .electric-type-list-inner-content-wrap-flex-link-txt {
                  color: #172a55 !important;
                  font-weight: bold;
                  font-size: 1rem; }
              .electric-type-list-inner-content-wrap-flex-cv {
                height: 45px;
                line-height: 45px;
                width: 69%; }
                .electric-type-list-inner-content-wrap-flex-cv-btn {
                  width: 100% !important;
                  padding: 0.5rem !important; }
                .electric-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff;
                  font-size: 1.2rem;
                  display: block; }
                  @media only screen and (max-width: 767px) {
                    .electric-type-list-inner-content-wrap-flex-cv-txt {
                      font-size: 1.3rem; } }
        .electric-type-list-inner-copy {
          width: 75%; }
        .electric-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .electric-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .electric-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .electric-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .electric-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .electric-type-list-inner-cv-txt {
            color: #fff; }
          .electric-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .electric-kome {
    text-align: right;
    font-size: .7rem;
    margin: -1rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .electric-kome {
        margin: 0 auto 1rem; } }
  .electric-fact {
    background-color: #65adc3;
    margin: 0rem auto 3rem;
    position: relative;
    padding-top: 1rem; }
    .electric-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: -1;
      border-left: 60px solid transparent;
      border-top: 40px solid #65adc3;
      border-bottom: 0; }
    .electric-fact-ttl {
      max-width: 500px;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .electric-fact-ttl {
          padding: 0 .5rem; } }
    .electric-fact-container {
      margin: 1rem auto;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .electric-fact-container {
          padding: 0 .5rem 1rem; } }
      .electric-fact-container-img {
        margin: 0 auto;
        max-width: 500px; }
  .electric-simu-con {
    max-width: 500px;
    margin: 1rem auto;
    border: 2px solid #ffe33a;
    padding: 1rem; }
    @media only screen and (max-width: 767px) {
      .electric-simu-con {
        padding: .5rem; } }
    .electric-simu-con-ttl {
      font-size: 1rem; }
    .electric-simu-con-list {
      display: flex;
      flex-direction: column;
      gap: .2rem;
      margin: .5rem 0 0; }
      .electric-simu-con-list-wrap {
        display: flex;
        justify-content: left;
        align-items: center;
        font-size: .9rem; }
        @media only screen and (max-width: 767px) {
          .electric-simu-con-list-wrap {
            font-size: .8rem; } }
        .electric-simu-con-list-wrap-ttl {
          width: 20%; }
          @media only screen and (max-width: 767px) {
            .electric-simu-con-list-wrap-ttl {
              width: 25%; } }
        .electric-simu-con-list-wrap-txt {
          width: 80%;
          line-height: 1.3; }
          @media only screen and (max-width: 767px) {
            .electric-simu-con-list-wrap-txt {
              width: 75%; } }
  .electric-simu-hikaku {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: auto;
    gap: 5px;
    grid-auto-flow: row;
    grid-template-areas: "logo plan one two three four cv" "anken1 anken1-plan anken1-one anken1-two anken1-three anken1-four anken1-cv" "anken2 anken2-plan anken2-one anken2-two anken2-three anken2-four anken2-cv" "anken3 anken3-plan anken3-one anken3-two anken3-three anken3-four anken3-cv"; }
    @media only screen and (max-width: 767px) {
      .electric-simu-hikaku {
        grid-template-columns: 8rem repeat(5, 10rem) 9rem;
        position: relative;
        margin-top: .5rem; } }
    .electric-simu-hikaku .flex {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      gap: .5rem;
      padding: .5rem .2rem;
      background-color: #fefbea; }
    .electric-simu-hikaku .ttl {
      font-size: .8rem;
      padding: .5rem .2rem;
      text-align: center;
      line-height: 1.4; }
      .electric-simu-hikaku .ttl-b {
        font-size: 1rem;
        font-weight: bold; }
    .electric-simu-hikaku-inner {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: .5rem;
      justify-content: center;
      font-size: .9rem;
      text-align: center;
      line-height: 1.4; }
      @media only screen and (max-width: 767px) {
        .electric-simu-hikaku-inner {
          font-size: .8rem; } }
      .electric-simu-hikaku-inner .logo {
        width: 90%;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          .electric-simu-hikaku-inner .logo {
            width: 80%; } }
      .electric-simu-hikaku-inner .name {
        font-weight: bold;
        text-align: center;
        margin-top: .2rem; }
    @media only screen and (max-width: 767px) {
      .electric-simu-hikaku-cv {
        width: 80%; } }
    @media only screen and (max-width: 767px) {
      .electric-simu-hikaku-cv-btn {
        padding: .8rem .4rem; } }
    .electric-simu-hikaku .logo {
      grid-area: logo; }
      @media only screen and (max-width: 767px) {
        .electric-simu-hikaku .logo {
          position: sticky;
          left: 0;
          z-index: 0; } }
    .electric-simu-hikaku .plan {
      grid-area: plan; }
    .electric-simu-hikaku .one {
      grid-area: one; }
    .electric-simu-hikaku .two {
      grid-area: two; }
    .electric-simu-hikaku .three {
      grid-area: three; }
    .electric-simu-hikaku .four {
      grid-area: four; }
    .electric-simu-hikaku .cv {
      grid-area: cv; }
    .electric-simu-hikaku .anken1 {
      grid-area: anken1;
      background-color: #fdf4bb; }
      @media only screen and (max-width: 767px) {
        .electric-simu-hikaku .anken1 {
          position: sticky;
          left: 0;
          z-index: 0; } }
      .electric-simu-hikaku .anken1-plan {
        grid-area: anken1-plan;
        background-color: #fdf4bb; }
      .electric-simu-hikaku .anken1-one {
        grid-area: anken1-one;
        background-color: #fdf4bb; }
      .electric-simu-hikaku .anken1-two {
        grid-area: anken1-two;
        background-color: #fdf4bb; }
      .electric-simu-hikaku .anken1-three {
        grid-area: anken1-three;
        background-color: #fdf4bb; }
      .electric-simu-hikaku .anken1-four {
        grid-area: anken1-four;
        background-color: #fdf4bb; }
      .electric-simu-hikaku .anken1-cv {
        grid-area: anken1-cv;
        background-color: #fdf4bb; }
    .electric-simu-hikaku .anken2 {
      grid-area: anken2; }
      @media only screen and (max-width: 767px) {
        .electric-simu-hikaku .anken2 {
          position: sticky;
          left: 0;
          z-index: 0; } }
      .electric-simu-hikaku .anken2-plan {
        grid-area: anken2-plan; }
      .electric-simu-hikaku .anken2-one {
        grid-area: anken2-one; }
      .electric-simu-hikaku .anken2-two {
        grid-area: anken2-two; }
      .electric-simu-hikaku .anken2-three {
        grid-area: anken2-three; }
      .electric-simu-hikaku .anken2-four {
        grid-area: anken2-four; }
      .electric-simu-hikaku .anken2-cv {
        grid-area: anken2-cv; }
    .electric-simu-hikaku .anken3 {
      grid-area: anken3; }
      @media only screen and (max-width: 767px) {
        .electric-simu-hikaku .anken3 {
          position: sticky;
          left: 0;
          z-index: 0; } }
      .electric-simu-hikaku .anken3-plan {
        grid-area: anken3-plan; }
      .electric-simu-hikaku .anken3-one {
        grid-area: anken3-one; }
      .electric-simu-hikaku .anken3-two {
        grid-area: anken3-two; }
      .electric-simu-hikaku .anken3-three {
        grid-area: anken3-three; }
      .electric-simu-hikaku .anken3-four {
        grid-area: anken3-four; }
      .electric-simu-hikaku .anken3-cv {
        grid-area: anken3-cv; }
  .electric-simu-ketsu {
    max-width: 500px;
    margin: 1rem auto; }
  .electric-hikaku {
    margin: 2rem auto; }
    .electric-hikaku-container {
      max-width: 750px;
      margin: 1rem auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "archive archive archive" "anken1-archive anken2-archive anken3-archive" "tokyo40 tokyo40 tokyo40" "anken1-tokyo40 anken2-tokyo40 anken3-tokyo40" "kwh kwh kwh" "anken1-kwh anken2-kwh anken3-kwh" "area area area" "anken1-area anken2-area anken3-area" "pay pay pay" "anken1-pay anken2-pay anken3-pay" "change change change" "anken1-change anken2-change anken3-change" "money money money" "anken1-money anken2-money anken3-money" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "link link link" "anken1-link anken2-link anken3-link"; }
      .electric-hikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .electric-hikaku-container .ttl {
        background-color: #70ae7b;
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .electric-hikaku-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .electric-hikaku-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .electric-hikaku-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container-inner .ico-rank {
              width: 2.5rem; } }
        .electric-hikaku-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container-inner .bnr {
              width: 80%; } }
        .electric-hikaku-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .electric-hikaku-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .electric-hikaku-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container-inner-txt {
              font-size: .8rem; } }
      @media only screen and (max-width: 767px) {
        .electric-hikaku-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .electric-hikaku-container-cv-btn {
          width: 90%;
          font-size: .9rem; } }
      .electric-hikaku-container .archive {
        grid-area: archive; }
      .electric-hikaku-container .tokyo40 {
        grid-area: tokyo40; }
      .electric-hikaku-container .kwh {
        grid-area: kwh; }
      .electric-hikaku-container .area {
        grid-area: area; }
      .electric-hikaku-container .pay {
        grid-area: pay; }
      .electric-hikaku-container .change {
        grid-area: change; }
      .electric-hikaku-container .money {
        grid-area: money; }
      .electric-hikaku-container .cam {
        grid-area: cam; }
      .electric-hikaku-container .link {
        grid-area: link; }
      .electric-hikaku-container .anken1 {
        grid-area: anken1;
        background-color: #fefbea;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .electric-hikaku-container .anken1 {
            border-right: 2px solid #fff; } }
        .electric-hikaku-container .anken1-archive {
          grid-area: anken1-archive;
          background-color: #fefbea;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken1-archive {
              border-right: 2px solid #fff; } }
        .electric-hikaku-container .anken1-tokyo40 {
          grid-area: anken1-tokyo40;
          background-color: #fefbea;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken1-tokyo40 {
              border-right: 2px solid #fff; } }
        .electric-hikaku-container .anken1-kwh {
          grid-area: anken1-kwh;
          background-color: #fefbea;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken1-kwh {
              border-right: 2px solid #fff; } }
        .electric-hikaku-container .anken1-area {
          grid-area: anken1-area;
          background-color: #fefbea;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken1-area {
              border-right: 2px solid #fff; } }
        .electric-hikaku-container .anken1-pay {
          grid-area: anken1-pay;
          background-color: #fefbea;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken1-pay {
              border-right: 2px solid #fff; } }
        .electric-hikaku-container .anken1-change {
          grid-area: anken1-change;
          background-color: #fefbea;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken1-change {
              border-right: 2px solid #fff; } }
        .electric-hikaku-container .anken1-money {
          grid-area: anken1-money;
          background-color: #fefbea;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken1-money {
              border-right: 2px solid #fff; } }
        .electric-hikaku-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #fefbea;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken1-cam {
              border-right: 2px solid #fff; } }
        .electric-hikaku-container .anken1-link {
          grid-area: anken1-link;
          background-color: #fefbea;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken1-link {
              border-right: 2px solid #fff; } }
      .electric-hikaku-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .electric-hikaku-container .anken2 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken2-archive {
          grid-area: anken2-archive;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken2-archive {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken2-tokyo40 {
          grid-area: anken2-tokyo40;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken2-tokyo40 {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken2-kwh {
          grid-area: anken2-kwh;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken2-kwh {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken2-area {
          grid-area: anken2-area;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken2-area {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken2-pay {
          grid-area: anken2-pay;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken2-pay {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken2-change {
          grid-area: anken2-change;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken2-change {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken2-money {
          grid-area: anken2-money;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken2-money {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken2-cam {
          grid-area: anken2-cam;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken2-cam {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken2-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .electric-hikaku-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .electric-hikaku-container .anken3 {
            border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken3-archive {
          grid-area: anken3-archive;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken3-archive {
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken3-tokyo40 {
          grid-area: anken3-tokyo40;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken3-tokyo40 {
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken3-kwh {
          grid-area: anken3-kwh;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken3-kwh {
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken3-area {
          grid-area: anken3-area;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken3-area {
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken3-pay {
          grid-area: anken3-pay;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken3-pay {
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken3-change {
          grid-area: anken3-change;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken3-change {
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken3-money {
          grid-area: anken3-money;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken3-money {
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken3-cam {
          grid-area: anken3-cam;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken3-cam {
              border-left: 2px solid #fff; } }
        .electric-hikaku-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .electric-hikaku-container .anken3-link {
              border-left: 2px solid #fff; } }
  .electric-select {
    max-width: 750px;
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .electric-select {
        padding: 0 .5rem; } }
    .electric-select-list {
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      .electric-select-list-wrap {
        display: flex;
        flex-direction: column; }
        .electric-select-list-wrap-ttl {
          display: flex;
          justify-content: space-between;
          padding: 1rem 1.5rem;
          align-items: center;
          background-color: #65adc3;
          cursor: pointer; }
          @media only screen and (max-width: 767px) {
            .electric-select-list-wrap-ttl {
              padding: 0.5rem; } }
          .electric-select-list-wrap-ttl-inner {
            display: flex;
            gap: 1rem;
            align-items: center;
            width: 60%; }
            @media only screen and (max-width: 767px) {
              .electric-select-list-wrap-ttl-inner {
                flex-direction: column;
                gap: 0.2rem;
                align-items: baseline;
                width: 100%; } }
            .electric-select-list-wrap-ttl-inner-img {
              width: 25%; }
              @media only screen and (max-width: 767px) {
                .electric-select-list-wrap-ttl-inner-img {
                  width: 30%; } }
            .electric-select-list-wrap-ttl-inner-txt {
              font-size: 1rem;
              font-weight: bold;
              color: #fff;
              width: 74%; }
              @media only screen and (max-width: 767px) {
                .electric-select-list-wrap-ttl-inner-txt {
                  font-size: .9rem;
                  width: 100%; } }
              .electric-select-list-wrap-ttl-inner-txt .big {
                font-size: 1.6rem; }
                @media only screen and (max-width: 767px) {
                  .electric-select-list-wrap-ttl-inner-txt .big {
                    font-size: 1.4rem; } }
          .electric-select-list-wrap-ttl .plus {
            position: relative;
            width: 23px;
            height: 23px;
            display: block;
            transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            cursor: pointer;
            will-change: transform; }
            .electric-select-list-wrap-ttl .plus:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 75%;
              height: 3px;
              border-radius: 10px;
              background: #fff;
              display: block; }
            .electric-select-list-wrap-ttl .plus:after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 3px;
              height: 75%;
              border-radius: 10px;
              background: #fff;
              display: block;
              transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
              will-change: transform; }
          .electric-select-list-wrap-ttl.active .plus:after {
            transform: translate(-50%, -50%) rotate(90deg); }
        .electric-select-list-wrap-content {
          background-color: #f3f3f3;
          display: none; }
          .electric-select-list-wrap-content-inner {
            padding: 1.5rem;
            display: flex;
            gap: 1rem;
            align-items: center;
            justify-content: center;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .electric-select-list-wrap-content-inner {
                padding: 1rem .5rem;
                flex-direction: column; } }
            .electric-select-list-wrap-content-inner-img {
              width: 30%; }
              @media only screen and (max-width: 767px) {
                .electric-select-list-wrap-content-inner-img {
                  width: 60%; } }
            .electric-select-list-wrap-content-inner-txt {
              width: 69%; }
              @media only screen and (max-width: 767px) {
                .electric-select-list-wrap-content-inner-txt {
                  width: 100%; } }
    .electric-select-ichioshi {
      margin: 2rem auto;
      display: flex;
      flex-direction: column;
      gap: .5rem; }
      .electric-select-ichioshi-img {
        max-width: 500px;
        margin: 0 auto; }
      .electric-select-ichioshi-cv {
        margin: 0 auto 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .electric-select-ichioshi-cv {
            width: 75%; } }
        .electric-select-ichioshi-cv-logo {
          width: 40%; }
          @media only screen and (max-width: 767px) {
            .electric-select-ichioshi-cv-logo {
              width: 80%; } }
        .electric-select-ichioshi-cv-bnr {
          width: 80%; }
          @media only screen and (max-width: 767px) {
            .electric-select-ichioshi-cv-bnr {
              width: 100%; } }
        .electric-select-ichioshi-cv-btn {
          width: 50%; }
          @media only screen and (max-width: 767px) {
            .electric-select-ichioshi-cv-btn {
              width: 80%; } }
  .electric .ranking-title {
    background-color: #65adc3;
    z-index: 0; }
    .electric .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .electric .ranking-title:after {
      top: 100%;
      border-top: 20px solid #65adc3; }
  .electric .ranking .electric-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .electric .ranking .electric-ranking {
        padding: 0 .5rem; } }
    .electric .ranking .electric-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #ffe33a; }
    .electric .ranking .electric-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .electric .ranking .electric-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .electric .ranking .electric-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .electric .ranking .electric-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .electric .ranking .electric-ranking-list .ranking-list-box.rank-6 {
      border-top: 0.5rem solid #bf406d; }
    .electric .ranking .electric-ranking-list .ranking-list-box.rank-7 {
      border-top: 0.5rem solid #bf406d; }
    .electric .ranking .electric-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #fefbea;
      border-radius: 20px; }
      .electric .ranking .electric-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .electric .ranking .electric-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .electric .ranking .electric-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .electric .ranking .electric-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .electric .ranking .electric-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .electric .ranking .electric-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .electric .ranking .electric-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .electric .ranking .electric-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .electric .ranking .electric-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .electric .ranking .electric-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .electric .ranking .electric-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .electric .ranking .electric-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .electric .ranking .electric-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .electric .ranking .electric-ranking-list .ranking-list-box-inner-ttl {
          background-color: #65adc3;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .electric .ranking .electric-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .electric .ranking .electric-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .electric .ranking .electric-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #ffe33a;
            color: #172a55; }
          .electric .ranking .electric-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .electric .ranking .electric-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .electric .ranking .electric-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .electric .ranking .electric-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/electric/electric_check.png) no-repeat;
                background-size: contain; }
        .electric .ranking .electric-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .electric .ranking .electric-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #fefbea;
            background-color: #65adc3; }
          .electric .ranking .electric-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #fefbea;
            border-bottom: 0.5rem solid #fefbea;
            font-size: .8rem;
            padding: .5rem; }
        .electric .ranking .electric-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0; }
          .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card {
            background-color: #fff;
            width: 100%;
            padding: 2rem;
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: center;
            height: auto;
            gap: .5rem; }
            @media only screen and (max-width: 767px) {
              .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card {
                padding: 2rem 1.5rem; } }
            .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-ttl {
              font-weight: bold;
              font-size: 1.2rem; }
              @media only screen and (max-width: 767px) {
                .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-ttl {
                  font-size: 1rem; } }
            .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-img {
              width: 50%; }
              @media only screen and (max-width: 767px) {
                .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-img {
                  width: 60%; } }
            .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-comment {
              margin-top: -1rem;
              width: 100%; }
              @media only screen and (max-width: 767px) {
                .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-comment {
                  padding: 0 2rem; } }
              .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-comment-ttl {
                position: relative;
                display: inline-block;
                font-size: 1.8rem;
                margin-bottom: 1rem;
                line-height: 1.2; }
                .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-comment-ttl:after {
                  position: absolute;
                  bottom: -0.5rem;
                  left: 0;
                  background: linear-gradient(90deg, #e4abbe 0%, #caabbb 50%, #c2b9ce 100%);
                  content: "";
                  height: 2px;
                  width: 100%; }
              .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-comment-txt {
                margin-top: .5rem;
                line-height: 1.5; }
              .electric .ranking .electric-ranking-list .ranking-list-box-inner-review-card-comment p {
                font-size: .9rem; }
        .electric .ranking .electric-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .electric .ranking .electric-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .electric-survey {
    margin-top: 2rem; }

.electricsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .electricsearch {
      padding: .5rem; } }
  .electricsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .electricsearch .only-pc {
      display: none; } }
  .electricsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .electricsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .electricsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .electricsearch-form {
        gap: .5rem; } }
    .electricsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .electricsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .electricsearch-form-wrap-sankaku {
            width: 48%; } }
        .electricsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .electricsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .electricsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .electricsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .electricsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .electricsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .electricsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .electricsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .electricsearch-form-submit-txt:before {
              display: none; } }
        .electricsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .electricsearch-form-submit-txt:after {
              display: none; } }
      .electricsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .electricsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .electricsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .electricsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.electrickekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .electrickekka-sort {
      flex-direction: column; } }
  .electrickekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .electrickekka-sort-now {
        width: 100%; } }
    .electrickekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .electrickekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .electrickekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .electrickekka-sort-form {
        width: 100%; } }
    .electrickekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .electrickekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.electrickekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .electrickekka-none-button {
      width: 70%; } }
  .electrickekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .electrickekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .electrickekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .electrickekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .electrickekka-none-button-wrap a:hover {
        color: #808080; }

.electric-type .swiper-pagination-bullet {
  color: #65adc3;
  border: 1px solid #fff;
  box-sizing: content-box; }
.electric-type .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #65adc3;
  border: 1px solid #fff;
  box-sizing: content-box; }
.electric .ranking-list-box-inner-review .swiper-button-prev, .electric .ranking-list-box-inner-review .swiper-button-next {
  color: #65adc3; }
.electric .ranking-list-box-inner-review .swiper-button-next:after, .electric .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.electric .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #65adc3;
  border: 1px solid #fff;
  box-sizing: content-box; }
.electric .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #65adc3;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*電気LP用*/
/* pilatesLP   feature　
----------------------------------------------------------------------------------------------*/
.pilates {
  color: #332c27;
  max-width: 750px;
  margin: 0 auto;
  box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
  background-color: #f3f3f3; }
  @media only screen and (max-width: 767px) {
    .pilates {
      font-size: .9rem; } }
  .pilates p {
    color: #332c27; }
  .pilates .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .pilates img {
    margin: auto; }
  .pilates-wrapper {
    padding: 0 .5rem; }
  .pilates a {
    transition: 0.3s; }
    .pilates a:hover {
      opacity: 0.7; }
  .pilates-ttl {
    margin: 1rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .pilates-ttl {
        margin: 1rem auto 0; } }
  .pilates-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .pilates-cv {
        width: 90%; } }
    .pilates-cv a:hover {
      opacity: 1; }
    .pilates-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .pilates-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .pilates-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .pilates-cv-copy-inner .small {
          font-size: 1rem; }
        .pilates-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/pilates/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .pilates-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .pilates-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/pilates/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .pilates-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .pilates-cv-btn {
      color: #fff !important;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 65%;
      padding: 0;
      margin: auto;
      line-height: 1.3;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #f5b3cf;
      box-shadow: 0 8px 0 #7c5666;
      animation-name: pilates-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .pilates-cv-btn {
          width: 100%; } }
      .pilates-cv-btn a {
        width: 100%;
        display: inline-block; }
      .pilates-cv-btn a:hover {
        opacity: 1; }
      .pilates-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes pilates-cvmove {
  0% {
    box-shadow: 0 8px 0 #7c5666;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #7c5666;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #7c5666;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #7c5666;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #7c5666;
    transform: translatey(0); } }
  .pilates-type {
    margin: -1rem auto 0; }
    .pilates-type-ttl {
      max-width: 500px;
      margin: auto; }
    .pilates-type-list {
      max-width: 500px;
      margin: .5rem auto 0;
      flex-direction: column;
      gap: 1rem; }
      @media only screen and (max-width: 767px) {
        .pilates-type-list {
          gap: 2rem; } }
      .pilates-type-list-inner {
        width: 100%; }
        .pilates-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #332c27;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #c7c7c7; }
          .pilates-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .pilates-type-list-inner-ttl-mid {
            background-color: #a8a7a7; }
          .pilates-type-list-inner-ttl-deep {
            background-color: #676767;
            color: #fff; }
          .pilates-type-list-inner-ttl-font {
            background-color: #332c27;
            color: #fff; }
        .pilates-type-list-inner-content {
          padding: 1.5rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #332c27;
          background-color: #fff;
          border: none;
          border-radius: 0 0 20px 20px;
          height: auto;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .pilates-type-list-inner-content {
              padding: 1rem;
              height: auto; } }
          .pilates-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            max-width: 350px;
            margin: auto; }
            .pilates-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .pilates-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .pilates-type-list-inner-content-wrap-flex {
              display: flex;
              gap: .5rem; }
              .pilates-type-list-inner-content-wrap-flex-link {
                width: 25%;
                border-radius: 20px;
                background-color: #c7c7c7;
                line-height: 45px;
                margin-top: 5px;
                box-shadow: 0 3px 0 #757575; }
                .pilates-type-list-inner-content-wrap-flex-link:hover {
                  box-shadow: 0 0 0 0;
                  margin: 8px 0 -3px;
                  opacity: 1 !important;
                  transition: .2s; }
                .pilates-type-list-inner-content-wrap-flex-link-txt {
                  color: #332c27 !important;
                  font-weight: bold;
                  font-size: 1rem; }
              .pilates-type-list-inner-content-wrap-flex-cv {
                height: 45px;
                line-height: 45px; }
                .pilates-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff;
                  font-size: 1.3rem;
                  display: block; }
            .pilates-type-list-inner-content-wrap .kome {
              display: flex;
              flex-direction: column;
              margin: .2rem auto; }
              .pilates-type-list-inner-content-wrap .kome-item {
                font-size: .7rem;
                text-align: center; }
          .pilates-type-list-inner-content-copy {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center; }
  .pilates-fact-ttl {
    margin: 1rem auto 0; }
  .pilates-fact-list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 .5rem;
    margin: 0 auto;
    max-width: 600px; }
    .pilates-fact-list-item {
      background-color: #fff;
      border-radius: 10px;
      padding: 1rem .5rem; }
      .pilates-fact-list-item-ttl {
        display: flex;
        justify-content: center; }
        .pilates-fact-list-item-ttl-inner {
          background-color: #f3f3f3;
          border-radius: 40px;
          padding: .2rem 2rem;
          font-size: 1.2rem; }
          .pilates-fact-list-item-ttl-inner .big {
            font-size: 1.8rem;
            font-weight: bold; }
      .pilates-fact-list-item-content {
        margin: 1rem auto 0; }
        .pilates-fact-list-item-content-txt {
          text-align: center;
          line-height: 1.5; }
          .pilates-fact-list-item-content-txt .big {
            font-size: 1.8rem;
            font-weight: bold; }
        .pilates-fact-list-item-content-img {
          max-width: 500px;
          margin: 1rem auto; }
      .pilates-fact-list-item-pilates {
        background-color: #fff1f7; }
        .pilates-fact-list-item-pilates-ttl-inner {
          background-color: #f5b3cf;
          color: #fff; }
    .pilates-fact-list-txt {
      text-align: center;
      line-height: 1.5; }
      .pilates-fact-list-txt .big {
        font-size: 1.8rem;
        color: #F56ECF;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .pilates-fact-list-txt .big {
            font-size: 1.4rem; } }
  .pilates-top3 {
    margin: 1rem auto 2rem; }
    .pilates-top3-container {
      position: relative;
      margin: 1rem auto;
      padding: 0 .5rem;
      display: grid;
      grid-template-columns: repeat(10, 1fr);
      grid-template-rows: auto;
      grid-auto-flow: row;
      gap: 2px 0;
      grid-template-areas: "name lesson cost cam kinds type quality tenpo feature cv" "anken1 anken1-lesson anken1-cost anken1-cam anken1-kinds anken1-type anken1-quality anken1-tenpo anken1-feature anken1-cv" "anken2 anken2-lesson anken2-cost anken2-cam anken2-kinds anken2-type anken2-quality anken2-tenpo anken2-feature anken2-cv" "anken3 anken3-lesson anken3-cost anken3-cam anken3-kinds anken3-type anken3-quality anken3-tenpo anken3-feature anken3-cv"; }
      @media only screen and (max-width: 767px) {
        .pilates-top3-container {
          grid-template-columns: 9rem repeat(8, 6rem) 9rem;
          margin: 0 .5rem;
          padding: 0; } }
      .pilates-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #fff; }
      .pilates-top3-container .ttl {
        color: #8f8c76;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .pilates-top3-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .pilates-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .pilates-top3-container-inner .ico-rank {
          width: 2.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .pilates-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .pilates-top3-container-inner .logo {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .pilates-top3-container-inner .logo {
              width: 80%; } }
        .pilates-top3-container-inner .ankenname {
          font-weight: bold;
          text-align: center;
          font-size: .9rem; }
        .pilates-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .pilates-top3-container-inner-txt {
          font-size: .8rem;
          text-align: center;
          line-height: 1.4; }
      .pilates-top3-container-cv {
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .pilates-top3-container-cv {
            width: 70%; } }
        .pilates-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem;
          height: 45px; }
      .pilates-top3-container .name {
        grid-area: name;
        border-radius: 10px 0 0 0; }
        @media only screen and (max-width: 767px) {
          .pilates-top3-container .name {
            position: sticky;
            left: 0;
            z-index: 1; } }
      .pilates-top3-container .feature {
        grid-area: feature; }
      .pilates-top3-container .kinds {
        grid-area: kinds; }
      .pilates-top3-container .lesson {
        grid-area: lesson; }
      .pilates-top3-container .cam {
        grid-area: cam; }
      .pilates-top3-container .cost {
        grid-area: cost; }
      .pilates-top3-container .quality {
        grid-area: quality; }
      .pilates-top3-container .type {
        grid-area: type; }
      .pilates-top3-container .tenpo {
        grid-area: tenpo; }
      .pilates-top3-container .cv {
        grid-area: cv;
        border: none;
        border-radius: 0 10px 0 0; }
      .pilates-top3-container .anken1 {
        grid-area: anken1;
        background-color: #fefce5;
        padding-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .pilates-top3-container .anken1 {
            position: sticky;
            left: 0;
            z-index: 1; } }
        .pilates-top3-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fefce5; }
        .pilates-top3-container .anken1-kinds {
          grid-area: anken1-kinds;
          background-color: #fefce5; }
        .pilates-top3-container .anken1-lesson {
          grid-area: anken1-lesson;
          background-color: #fefce5; }
        .pilates-top3-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #fefce5; }
        .pilates-top3-container .anken1-cost {
          grid-area: anken1-cost;
          background-color: #fefce5; }
        .pilates-top3-container .anken1-quality {
          grid-area: anken1-quality;
          background-color: #fefce5; }
        .pilates-top3-container .anken1-type {
          grid-area: anken1-type;
          background-color: #fefce5; }
        .pilates-top3-container .anken1-tenpo {
          grid-area: anken1-tenpo;
          background-color: #fefce5; }
        .pilates-top3-container .anken1-cv {
          grid-area: anken1-cv;
          background-color: #fefce5;
          border: none; }
      .pilates-top3-container .anken2 {
        grid-area: anken2;
        background-color: #f9f9f9;
        padding-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .pilates-top3-container .anken2 {
            position: sticky;
            left: 0;
            z-index: 1; } }
        .pilates-top3-container .anken2-feature {
          grid-area: anken2-feature;
          background-color: #f9f9f9; }
        .pilates-top3-container .anken2-kinds {
          grid-area: anken2-kinds;
          background-color: #f9f9f9; }
        .pilates-top3-container .anken2-lesson {
          grid-area: anken2-lesson;
          background-color: #f9f9f9; }
        .pilates-top3-container .anken2-cam {
          grid-area: anken2-cam;
          background-color: #f9f9f9; }
        .pilates-top3-container .anken2-cost {
          grid-area: anken2-cost;
          background-color: #f9f9f9; }
        .pilates-top3-container .anken2-quality {
          grid-area: anken2-quality;
          background-color: #f9f9f9; }
        .pilates-top3-container .anken2-type {
          grid-area: anken2-type;
          background-color: #f9f9f9; }
        .pilates-top3-container .anken2-tenpo {
          grid-area: anken2-tenpo;
          background-color: #f9f9f9; }
        .pilates-top3-container .anken2-cv {
          grid-area: anken2-cv;
          background-color: #f9f9f9;
          border: none; }
      .pilates-top3-container .anken3 {
        grid-area: anken3;
        background-color: #fff;
        padding-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .pilates-top3-container .anken3 {
            position: sticky;
            left: 0;
            z-index: 1; } }
        .pilates-top3-container .anken3-feature {
          grid-area: anken3-feature;
          background-color: #fff; }
        .pilates-top3-container .anken3-kinds {
          grid-area: anken3-kinds;
          background-color: #fff; }
        .pilates-top3-container .anken3-lesson {
          grid-area: anken3-lesson;
          background-color: #fff; }
        .pilates-top3-container .anken3-cam {
          grid-area: anken3-cam;
          background-color: #fff; }
        .pilates-top3-container .anken3-cost {
          grid-area: anken3-cost;
          background-color: #fff; }
        .pilates-top3-container .anken3-quality {
          grid-area: anken3-quality;
          background-color: #fff; }
        .pilates-top3-container .anken3-type {
          grid-area: anken3-type;
          background-color: #fff; }
        .pilates-top3-container .anken3-tenpo {
          grid-area: anken3-tenpo;
          background-color: #fff; }
        .pilates-top3-container .anken3-cv {
          grid-area: anken3-cv;
          background-color: #fff;
          border: none; }
    .pilates-top3-kome {
      font-size: .7rem;
      text-align: right;
      padding: 0 .5rem;
      margin-top: -.5rem; }
      @media only screen and (max-width: 767px) {
        .pilates-top3-kome {
          margin-top: .2rem; } }
  .pilates-column {
    margin: 2rem auto; }
    .pilates-column-content {
      padding: 0 .5rem; }
      .pilates-column-content-txt {
        text-align: center; }
        .pilates-column-content-txt .big {
          font-size: 1.4rem; }
    .pilates-column-container {
      margin: 1rem auto;
      display: grid;
      grid-template-columns: 1fr .3fr  1fr;
      grid-template-rows: auto;
      gap: 4px;
      grid-auto-flow: row;
      grid-template-areas: "pilates white yoga" "pilates-purpose purpose yoga-purpose" "pilates-method method yoga-method" "pilates-move move yoga-move" "pilates-osusume osusume yoga-osusume"; }
      .pilates-column-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem 1rem; }
        @media only screen and (max-width: 767px) {
          .pilates-column-container .flex {
            padding: .5rem; } }
      .pilates-column-container .ttl {
        font-weight: bold;
        font-size: .8rem;
        text-align: center; }
        @media only screen and (max-width: 767px) {
          .pilates-column-container .ttl {
            padding: .5rem .2rem; } }
      .pilates-column-container-inner-yoga {
        width: 40%;
        margin: 0 auto; }
      .pilates-column-container .white {
        grid-area: white; }
      .pilates-column-container .purpose {
        grid-area: purpose; }
      .pilates-column-container .method {
        grid-area: method; }
      .pilates-column-container .move {
        grid-area: move; }
      .pilates-column-container .osusume {
        grid-area: osusume; }
      .pilates-column-container .pilates {
        grid-area: pilates;
        background-color: #fff;
        padding-left: 1.5rem; }
        .pilates-column-container .pilates-purpose {
          grid-area: pilates-purpose;
          background-color: #fff;
          padding-left: 1.5rem; }
        .pilates-column-container .pilates-method {
          grid-area: pilates-method;
          background-color: #fff;
          padding-left: 1.5rem; }
        .pilates-column-container .pilates-move {
          grid-area: pilates-move;
          background-color: #fff;
          padding-left: 1.5rem; }
        .pilates-column-container .pilates-osusume {
          grid-area: pilates-osusume;
          background-color: #fff;
          padding-left: 1.5rem; }
      .pilates-column-container .yoga {
        grid-area: yoga;
        background-color: #f9f9f9;
        padding-right: 1.5rem; }
        .pilates-column-container .yoga-purpose {
          grid-area: yoga-purpose;
          background-color: #f9f9f9;
          padding-right: 1.5rem; }
        .pilates-column-container .yoga-method {
          grid-area: yoga-method;
          background-color: #f9f9f9;
          padding-right: 1.5rem; }
        .pilates-column-container .yoga-move {
          grid-area: yoga-move;
          background-color: #f9f9f9;
          padding-right: 1.5rem; }
        .pilates-column-container .yoga-osusume {
          grid-area: yoga-osusume;
          background-color: #f9f9f9;
          padding-right: 1.5rem; }
  .pilates-select {
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .pilates-select {
        padding: 0 .5rem; } }
    .pilates-select-list {
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: 1.5rem; }
      .pilates-select-list-wrap {
        display: flex;
        flex-direction: column; }
        .pilates-select-list-wrap-ttl {
          display: flex;
          justify-content: space-between;
          padding: 1rem 1.5rem;
          align-items: center;
          background-color: #fff;
          cursor: pointer; }
          @media only screen and (max-width: 767px) {
            .pilates-select-list-wrap-ttl {
              padding: 0.5rem; } }
          .pilates-select-list-wrap-ttl-inner {
            display: flex;
            gap: 1rem;
            align-items: center;
            width: 60%; }
            @media only screen and (max-width: 767px) {
              .pilates-select-list-wrap-ttl-inner {
                width: 90%;
                gap: 0.4rem; } }
            .pilates-select-list-wrap-ttl-inner-img {
              width: 7%; }
            .pilates-select-list-wrap-ttl-inner-txt {
              font-size: 1rem;
              font-weight: bold;
              color: #332c27;
              width: 80%; }
              @media only screen and (max-width: 767px) {
                .pilates-select-list-wrap-ttl-inner-txt {
                  font-size: .9rem;
                  width: 100%; } }
              .pilates-select-list-wrap-ttl-inner-txt .big {
                font-size: 1.6rem; }
                @media only screen and (max-width: 767px) {
                  .pilates-select-list-wrap-ttl-inner-txt .big {
                    font-size: 1.4rem; } }
          .pilates-select-list-wrap-ttl .plus {
            position: relative;
            width: 23px;
            height: 23px;
            display: block;
            transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            cursor: pointer;
            will-change: transform; }
            .pilates-select-list-wrap-ttl .plus:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 75%;
              height: 3px;
              border-radius: 10px;
              background: #332c27;
              display: block; }
            .pilates-select-list-wrap-ttl .plus:after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 3px;
              height: 75%;
              border-radius: 10px;
              background: #332c27;
              display: block;
              transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
              will-change: transform; }
          .pilates-select-list-wrap-ttl.active .plus:after {
            transform: translate(-50%, -50%) rotate(90deg); }
        .pilates-select-list-wrap-content {
          background-color: #f9f9f9;
          display: none; }
          .pilates-select-list-wrap-content-inner {
            padding: 1.5rem;
            display: flex;
            gap: 1rem;
            align-items: center;
            justify-content: center;
            width: 100%;
            background-color: #f9f9f9; }
            @media only screen and (max-width: 767px) {
              .pilates-select-list-wrap-content-inner {
                padding: 1rem .5rem;
                flex-direction: column; } }
            .pilates-select-list-wrap-content-inner-img {
              width: 30%; }
              @media only screen and (max-width: 767px) {
                .pilates-select-list-wrap-content-inner-img {
                  width: 60%; } }
            .pilates-select-list-wrap-content-inner-txt {
              width: 69%; }
              @media only screen and (max-width: 767px) {
                .pilates-select-list-wrap-content-inner-txt {
                  width: 100%; } }
              .pilates-select-list-wrap-content-inner-txt-list {
                margin: 1rem auto; }
                .pilates-select-list-wrap-content-inner-txt-list-item {
                  position: relative;
                  padding-left: 1rem; }
                  @media only screen and (max-width: 767px) {
                    .pilates-select-list-wrap-content-inner-txt-list-item {
                      font-size: .9rem; } }
                  .pilates-select-list-wrap-content-inner-txt-list-item:before {
                    content: '';
                    background-color: #c7c7c7;
                    border-radius: 50px;
                    width: .5rem;
                    height: .5rem;
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 0; }
    .pilates-select-ichioshi {
      margin: 2rem auto;
      display: flex;
      flex-direction: column;
      gap: .5rem; }
      .pilates-select-ichioshi-img {
        max-width: 500px;
        margin: 0 auto; }
      .pilates-select-ichioshi-cv {
        margin: 0 auto 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem; }
        @media only screen and (max-width: 767px) {
          .pilates-select-ichioshi-cv {
            width: 75%; } }
        .pilates-select-ichioshi-cv-logo {
          width: 40%; }
          @media only screen and (max-width: 767px) {
            .pilates-select-ichioshi-cv-logo {
              width: 80%; } }
        .pilates-select-ichioshi-cv-bnr {
          width: 80%; }
          @media only screen and (max-width: 767px) {
            .pilates-select-ichioshi-cv-bnr {
              width: 100%; } }
        .pilates-select-ichioshi-cv-btn {
          width: 40%;
          line-height: 3; }
          @media only screen and (max-width: 767px) {
            .pilates-select-ichioshi-cv-btn {
              width: 80%; } }
  .pilates .ranking-title {
    background-color: #a8a7a7;
    z-index: 0; }
    .pilates .ranking-title-img {
      display: inline-block;
      max-width: 550px;
      margin: auto; }
    .pilates .ranking-title:after {
      bottom: 5px;
      border-top: 20px solid #a8a7a7; }
  .pilates .ranking .pilates-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .pilates .ranking .pilates-ranking {
        padding: 0 .5rem; } }
    .pilates .ranking .pilates-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #fff99c; }
    .pilates .ranking .pilates-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .pilates .ranking .pilates-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .pilates .ranking .pilates-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .pilates .ranking .pilates-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .pilates .ranking .pilates-ranking-list .ranking-list-box.rank-6 {
      border-top: 0.5rem solid #bf406d; }
    .pilates .ranking .pilates-ranking-list .ranking-list-box.rank-7 {
      border-top: 0.5rem solid #bf406d; }
    .pilates .ranking .pilates-ranking-list .ranking-list-box {
      margin: 3rem auto 2rem;
      background-color: #f9f9f9;
      border-radius: 20px; }
      .pilates .ranking .pilates-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-cv-btn {
          width: 65%;
          padding: .5rem;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .pilates .ranking .pilates-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .pilates .ranking .pilates-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .pilates .ranking .pilates-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .pilates .ranking .pilates-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .pilates .ranking .pilates-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .pilates .ranking .pilates-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .pilates .ranking .pilates-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-ttl {
          background-color: #a8a7a7;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #fff99c;
            color: #332c27; }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/pilates/pilates_check.png) no-repeat;
                background-size: contain; }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume-content-inner .kome {
                line-height: 1.3;
                font-size: 0.8rem; }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume-kome {
            margin: .5rem auto; }
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-osusume-kome-txt {
              line-height: 1.3;
              color: #a8a7a7;
              font-size: 0.8rem;
              text-align: right; }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f9f9f9;
            background-color: #a8a7a7; }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #fff;
            border-bottom: 0.5rem solid #f9f9f9;
            font-size: .8rem;
            padding: .5rem; }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #c7c7c7;
            color: #fff;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #fff transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #fff transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #c7c7c7;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point {
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point {
              margin-bottom: 1rem; } }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-ttl {
            background-color: #fff1f7;
            color: #332c27; }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            padding-top: 1rem; }
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item {
              box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
              background-color: #fff;
              padding: 1rem 0;
              border-radius: 10px;
              width: 100%; }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-ttl {
                position: relative;
                background-color: #fff1f7;
                padding: .5rem; }
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  left: -15px;
                  z-index: 1;
                  width: 7rem; }
                  @media only screen and (max-width: 767px) {
                    .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                      left: -15px;
                      width: 6.5rem; } }
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                  font-size: 1rem;
                  line-height: 1.3;
                  padding-left: 6.5rem;
                  display: inline-block;
                  font-weight: normal; }
                  @media only screen and (max-width: 767px) {
                    .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                      font-size: .9rem;
                      padding-left: 5.5rem; } }
                  .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                    font-size: 1.8rem;
                    font-weight: bold; }
                    @media only screen and (max-width: 767px) {
                      .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                        font-size: 1.2rem; } }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-inner {
                padding: 1rem; }
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-inner-img {
                  margin-bottom: 1rem; }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-flex {
                display: flex;
                gap: 1rem;
                padding: 1rem;
                align-items: center; }
                @media only screen and (max-width: 767px) {
                  .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-flex {
                    padding: 1rem 1rem 0; } }
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                  width: calc(35% - .5rem); }
                  @media only screen and (max-width: 767px) {
                    .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                      width: calc(30% - .5rem); } }
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                  width: calc(65% - .5rem); }
                  @media only screen and (max-width: 767px) {
                    .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                      width: calc(70% - .5rem); } }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-img {
                padding: 0 1rem; }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-3point-content-item-txt {
                margin-top: .5rem;
                padding: 0 1rem; }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0;
            display: flex;
            flex-direction: column;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner {
                gap: .5rem; } }
            .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner-card {
              background-color: #fff;
              position: relative;
              display: flex;
              align-items: center;
              gap: 1rem;
              border-radius: 10px;
              padding: 1rem; }
              @media only screen and (max-width: 767px) {
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner-card {
                  gap: .5rem; } }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner-card-img {
                width: 20%; }
                @media only screen and (max-width: 767px) {
                  .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner-card-img {
                    width: 24%; } }
              .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                width: 79%; }
                @media only screen and (max-width: 767px) {
                  .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                    width: 75%; } }
                .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                  height: auto; }
                  @media only screen and (max-width: 767px) {
                    .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                      font-size: 13px !important; } }
        .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .pilates .ranking .pilates-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .pilates-survey {
    margin-top: 2rem; }

.pilatessearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .pilatessearch {
      padding: .5rem; } }
  .pilatessearch-margin {
    margin: 0 auto 2rem; }
  @media only screen and (max-width: 767px) {
    .pilatessearch .only-pc {
      display: none; } }
  .pilatessearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .pilatessearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .pilatessearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .pilatessearch-form {
        gap: .5rem; } }
    .pilatessearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .pilatessearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .pilatessearch-form-wrap-sankaku {
            width: 48%; } }
        .pilatessearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .pilatessearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .pilatessearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .pilatessearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .pilatessearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .pilatessearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .pilatessearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .pilatessearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .pilatessearch-form-submit-txt:before {
              display: none; } }
        .pilatessearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .pilatessearch-form-submit-txt:after {
              display: none; } }
      .pilatessearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .pilatessearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .pilatessearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .pilatessearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.pilateskekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .pilateskekka-sort {
      flex-direction: column; } }
  .pilateskekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .pilateskekka-sort-now {
        width: 100%; } }
    .pilateskekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .pilateskekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .pilateskekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .pilateskekka-sort-form {
        width: 100%; } }
    .pilateskekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .pilateskekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.pilateskekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .pilateskekka-none-button {
      width: 70%; } }
  .pilateskekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .pilateskekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .pilateskekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .pilateskekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .pilateskekka-none-button-wrap a:hover {
        color: #808080; }

.pilates .ranking-list-box-inner-review .swiper-button-prev, .pilates .ranking-list-box-inner-review .swiper-button-next {
  color: #c7c7c7; }
.pilates .ranking-list-box-inner-review .swiper-button-next:after, .pilates .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.pilates .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #c7c7c7;
  border: 1px solid #fff;
  box-sizing: content-box; }
.pilates .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #c7c7c7;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*ピラティスLP用*/
/* detectiveLP   feature　
----------------------------------------------------------------------------------------------*/
.det {
  color: #183047; }
  .det .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .det-wrapper {
    padding: 0 .5rem; }
  .det a {
    transition: 0.3s; }
    .det a:hover {
      opacity: .7; }
  .det-ttl {
    max-width: 500px;
    margin: 1.5rem auto 0; }
    @media only screen and (max-width: 767px) {
      .det-ttl {
        margin: 1rem auto 0; } }
  .det-cv {
    margin: auto;
    text-align: center;
    width: 80%; }
    .det-cv a:hover {
      opacity: 1 !important; }
    .det-cv-copy {
      display: flex;
      justify-content: center;
      margin-bottom: .5rem; }
      .det-cv-copy-inner {
        position: relative;
        display: inline-block; }
        .det-cv-copy-inner:before {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: -2rem;
          content: '';
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          background: url(../img/feature/detective/trust/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .det-cv-copy-inner:before {
              transform: none;
              bottom: 0;
              top: inherit;
              left: -1.2rem;
              width: 1rem; } }
        .det-cv-copy-inner:after {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          right: -2rem;
          content: '';
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          background: url(../img/feature/detective/trust/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .det-cv-copy-inner:after {
              transform: none;
              bottom: 0;
              top: inherit;
              right: -1rem;
              width: 1rem; } }
    .det-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 70%;
      height: 60px;
      margin: auto;
      line-height: 1.2;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #e01301;
      box-shadow: 0 8px 0 #730900;
      animation-name: det-redmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      .det-cv-btn:hover {
        opacity: 1 !important; }
@keyframes det-redmove {
  0% {
    box-shadow: 0 8px 0 #730900;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #730900;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #730900;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #730900;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #730900;
    transform: translatey(0); } }
  .det-tell {
    width: 100%;
    border-radius: 20px;
    background-color: #282829;
    line-height: 45px;
    margin-top: 5px;
    box-shadow: 0 3px 0 #000;
    display: flex;
    justify-content: center;
    align-items: center; }
    .det-tell:hover {
      box-shadow: 0 0 0 0;
      margin: 8px 0 -3px;
      transition: .2s; }
    .det-tell-link {
      display: flex;
      flex-direction: column;
      margin: 1rem auto 0;
      justify-content: center;
      align-items: center; }
      .det-tell-link-txt-type {
        margin-top: .5rem; }
      .det-tell-link-txt-inner {
        font-weight: bold;
        font-size: 1rem;
        position: relative;
        padding-left: 1.2rem; }
        .det-tell-link-txt-inner:before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          display: inline-block;
          width: 1rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/detective/phone_icon_b.png) no-repeat;
          background-size: contain; }
    .det-tell-btn {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .det-tell-btn:hover {
        opacity: 1 !important; }
      .det-tell-btn-txt {
        color: #fff !important;
        font-weight: bold;
        font-size: 1.2rem;
        position: relative;
        padding-left: 1.2rem; }
        .det-tell-btn-txt:before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          display: inline-block;
          width: 1rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/detective/phone_icon.png) no-repeat;
          background-size: contain; }
  .det-cam {
    margin: 0rem auto 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px; }
    .det-cam-shadow {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      width: 100%;
      border-radius: 20px; }
    .det-cam-month {
      text-align: center;
      font-size: 1.4rem;
      font-weight: bold;
      position: relative; }
      .det-cam-month-big {
        font-size: 2rem;
        color: #e01301;
        font-weight: bold; }
      .det-cam-month:before {
        position: absolute;
        bottom: 1rem;
        left: -2rem;
        width: 1.5rem;
        height: 1.5rem;
        content: '';
        background: url(../img/feature/detective/trust/fukidashi_l.png) no-repeat;
        background-size: contain;
        background-position: center; }
        @media only screen and (max-width: 767px) {
          .det-cam-month:before {
            top: inherit;
            bottom: .5rem;
            transform: none; } }
      .det-cam-month:after {
        position: absolute;
        bottom: 1rem;
        right: -2rem;
        width: 1.5rem;
        height: 1.5rem;
        content: '';
        background: url(../img/feature/detective/trust/fukidashi_r.png) no-repeat;
        background-size: contain;
        background-position: center; }
        @media only screen and (max-width: 767px) {
          .det-cam-month:after {
            top: inherit;
            bottom: .5rem;
            transform: none; } }
    .det-cam-ttl {
      background: linear-gradient(90deg, #204f9c 0%, #0178fe 50%, #204f9c 100%);
      padding: 1rem .5rem;
      color: #fff;
      font-size: 1.2rem;
      text-align: center;
      width: 100%;
      border-radius: 20px 20px 0 0;
      font-weight: bold; }
      .det-cam-ttl .big {
        font-size: 2rem; }
    .det-cam-content {
      padding: 1rem;
      width: 100%;
      border-radius: 0 0 20px 20px; }
      .det-cam-content-kome {
        display: flex;
        flex-direction: column;
        gap: .1rem;
        margin: .5rem auto; }
        .det-cam-content-kome .item {
          font-size: .9rem;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .det-cam-content-kome .item {
              font-size: .8rem; } }
      .det-cam-content-bnr {
        max-width: 450px;
        margin: 1rem auto; }
        .det-cam-content-bnr-img {
          margin-bottom: 1rem; }
  .det-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .det-type {
        margin: .5rem auto; } }
    .det-type-ttl {
      max-width: 500px;
      margin: auto; }
    .det-type-list {
      margin: 2rem auto 1rem;
      max-width: 1000px; }
      @media only screen and (max-width: 767px) {
        .det-type-list {
          margin-top: 1.5rem;
          flex-direction: column;
          gap: 2rem; } }
      .det-type-list-anken4 {
        max-width: 1100px; }
      .det-type-list-inner {
        width: 32%;
        border-radius: 20px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .det-type-list-inner {
            width: 100%; } }
        .det-type-list-inner-anken4 {
          width: 24.5%; }
          @media only screen and (max-width: 767px) {
            .det-type-list-inner-anken4 {
              width: 100%; } }
        .det-type-list-inner-ichioshi {
          border: 3px solid #ffe76b; }
        .det-type-list-inner-ttl {
          position: relative;
          padding: 1.5rem .5rem 1rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          background-color: #204f9c;
          border-radius: 20px 20px 0 0; }
          .det-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .det-type-list-inner-ttl-w {
            background-color: #0178fe; }
          .det-type-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -1.8rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 4rem;
            height: 3rem;
            content: ''; }
            @media only screen and (max-width: 767px) {
              .det-type-list-inner-ttl:before {
                width: 3rem;
                top: -1rem; } }
          .det-type-list-inner-ttl-1:before {
            background: url(../img/feature/detective/trust/ico-rank1.png) no-repeat;
            background-size: contain; }
          .det-type-list-inner-ttl-2:before {
            background: url(../img/feature/detective/trust/ico-rank2.png) no-repeat;
            background-size: contain; }
          .det-type-list-inner-ttl-3:before {
            background: url(../img/feature/detective/trust/ico-rank3.png) no-repeat;
            background-size: contain; }
          .det-type-list-inner-ttl-4:before {
            background: url(../img/feature/detective/trust/ico-rank4.png) no-repeat;
            background-size: contain; }
          .det-type-list-inner-ttl-ichioshi {
            background-color: #fefad3;
            color: #204f9c; }
            .det-type-list-inner-ttl-ichioshi:before {
              background: url(../img/feature/detective/ico-ichioshi.png) no-repeat;
              background-size: contain;
              width: 14rem;
              height: 2.5rem;
              top: -1.3rem; }
        .det-type-list-inner-content {
          padding: 1.5rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #183047;
          background-color: #fff;
          border: none;
          border-radius: 0 0 20px 20px;
          height: auto;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .det-type-list-inner-content {
              padding: 1rem;
              height: auto; } }
          .det-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .det-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .det-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .det-type-list-inner-content-wrap-flex {
              display: flex;
              gap: .5rem; }
              .det-type-list-inner-content-wrap-flex-link {
                width: 25%;
                border-radius: 20px;
                background-color: #f3f3f3;
                line-height: 45px;
                margin-top: 5px;
                box-shadow: 0 3px 0 #183047; }
                .det-type-list-inner-content-wrap-flex-link:hover {
                  box-shadow: 0 0 0 0;
                  margin: 8px 0 -3px;
                  opacity: 1 !important;
                  transition: .2s; }
                .det-type-list-inner-content-wrap-flex-link-txt {
                  color: #183047 !important;
                  font-weight: bold;
                  font-size: 1rem; }
              .det-type-list-inner-content-wrap-flex-tell {
                width: 50%; }
              .det-type-list-inner-content-wrap-flex-cv {
                height: 45px;
                line-height: 45px; }
                .det-type-list-inner-content-wrap-flex-cv a {
                  width: 100%;
                  display: inline-block; }
                  .det-type-list-inner-content-wrap-flex-cv a:hover {
                    opacity: 1 !important; }
                .det-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff;
                  font-size: 1.2rem;
                  display: block; }
                  @media only screen and (max-width: 767px) {
                    .det-type-list-inner-content-wrap-flex-cv-txt {
                      font-size: 1.3rem; } }
              .det-type-list-inner-content-wrap-flex-cvtell {
                width: 50%; }
            .det-type-list-inner-content-wrap-link {
              margin-top: .5rem;
              display: inline-block;
              font-size: 1rem;
              font-weight: bold;
              text-align: center;
              color: #183047;
              text-decoration: none; }
              .det-type-list-inner-content-wrap-link-txt {
                position: relative; }
                .det-type-list-inner-content-wrap-link-txt:before {
                  position: absolute;
                  top: 50%;
                  left: -1.5rem;
                  transform: translateY(-50%);
                  content: '';
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-right: 5px solid transparent;
                  border-left: 5px solid transparent;
                  border-top: 7.5px solid #183047;
                  border-bottom: 0;
                  transition: .3s; }
                .det-type-list-inner-content-wrap-link-txt:after {
                  position: absolute;
                  top: 50%;
                  right: -1.5rem;
                  transform: translateY(-50%);
                  content: '';
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-right: 5px solid transparent;
                  border-left: 5px solid transparent;
                  border-top: 7.5px solid #183047;
                  border-bottom: 0;
                  transition: .3s; }
          .det-type-list-inner-content-copy {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center; }
  .det-fact {
    max-width: 500px;
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .det-fact {
        padding: 0 .5rem; } }
    .det-fact-content-hikaku {
      margin: 1rem auto;
      background: linear-gradient(90deg, #fefad3 0%, #fefad3 50%, #f3f7ff 51%, #f3f7ff 100%);
      padding: .5rem; }
      .det-fact-content-hikaku-container {
        display: grid;
        grid-template-columns: 1fr repeat(2, 0.15fr) 1fr;
        grid-template-rows: repeat(7, 1fr);
        gap: .3rem 0;
        grid-auto-flow: row;
        grid-template-areas: "det det fre fre" "det-sodan sodan sodan fre-sodan" "det-price price price fre-price" "det-privacy privacy privacy fre-privacy" "det-feel feel feel fre-feel" "det-judge judge judge fre-judge" "det-advice advice advice fre-advice"; }
        .det-fact-content-hikaku-container .flex {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          gap: .5rem;
          padding: .5rem;
          background-color: #fff;
          font-size: .9rem; }
          .det-fact-content-hikaku-container .flex-wrap {
            height: 100%;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center; }
          .det-fact-content-hikaku-container .flex-maru {
            background: url(../img/feature/detective/trust/fact-good.png) no-repeat;
            background-size: contain;
            background-position: center; }
          .det-fact-content-hikaku-container .flex-sankaku {
            background: url(../img/feature/detective/trust/fact-notgood.png) no-repeat;
            background-size: contain;
            background-position: center; }
          .det-fact-content-hikaku-container .flex-batsu {
            background: url(../img/feature/detective/trust/fact-bad.png) no-repeat;
            background-size: contain;
            background-position: center; }
        .det-fact-content-hikaku-container .ttl {
          color: #fff;
          background: #204f9c;
          font-weight: bold;
          font-size: .8rem;
          padding: .5rem .2rem;
          text-align: center;
          line-height: 1.2; }
        .det-fact-content-hikaku-container .big {
          font-weight: bold;
          font-size: 1.1rem; }
        .det-fact-content-hikaku-container .white {
          grid-area: white; }
        .det-fact-content-hikaku-container .sodan {
          grid-area: sodan; }
        .det-fact-content-hikaku-container .price {
          grid-area: price; }
        .det-fact-content-hikaku-container .privacy {
          grid-area: privacy; }
        .det-fact-content-hikaku-container .feel {
          grid-area: feel; }
        .det-fact-content-hikaku-container .judge {
          grid-area: judge; }
        .det-fact-content-hikaku-container .advice {
          grid-area: advice; }
        .det-fact-content-hikaku-container .det {
          grid-area: det;
          display: flex;
          justify-content: center;
          align-items: center;
          padding-right: .5rem; }
          .det-fact-content-hikaku-container .det-sodan {
            grid-area: det-sodan; }
          .det-fact-content-hikaku-container .det-price {
            grid-area: det-price; }
          .det-fact-content-hikaku-container .det-privacy {
            grid-area: det-privacy; }
          .det-fact-content-hikaku-container .det-feel {
            grid-area: det-feel; }
          .det-fact-content-hikaku-container .det-judge {
            grid-area: det-judge; }
          .det-fact-content-hikaku-container .det-advice {
            grid-area: det-advice; }
        .det-fact-content-hikaku-container .fre {
          grid-area: fre;
          display: flex;
          justify-content: center;
          align-items: center;
          padding-left: .5rem; }
          .det-fact-content-hikaku-container .fre-sodan {
            grid-area: fre-sodan; }
          .det-fact-content-hikaku-container .fre-price {
            grid-area: fre-price; }
          .det-fact-content-hikaku-container .fre-privacy {
            grid-area: fre-privacy; }
          .det-fact-content-hikaku-container .fre-feel {
            grid-area: fre-feel; }
          .det-fact-content-hikaku-container .fre-judge {
            grid-area: fre-judge; }
          .det-fact-content-hikaku-container .fre-advice {
            grid-area: fre-advice; }
    .det-fact-content-txt {
      text-align: center;
      line-height: 1.5; }
      .det-fact-content-txt .big {
        font-size: 1.3rem;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          .det-fact-content-txt .big {
            font-size: 1.1rem; } }
    .det-fact-content-osusume {
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      .det-fact-content-osusume-sankaku {
        max-width: 350px;
        margin: 0 auto; }
      .det-fact-content-osusume-logo {
        display: flex;
        justify-content: center;
        align-items: center; }
  .det-top5 {
    margin: 2rem auto;
    background-color: #204f9c;
    padding: .1rem 0 2rem; }
    .det-top5-container {
      position: relative;
      max-width: 1050px;
      margin: 1rem auto;
      display: grid;
      grid-template-columns: repeat(11, 1fr);
      grid-template-rows: auto;
      grid-auto-flow: row;
      gap: 2px 0;
      grid-template-areas: "name archive area time plus day success pay back cam cv" "anken1 anken1-archive anken1-area anken1-time anken1-plus anken1-day anken1-success anken1-pay anken1-back anken1-cam anken1-cv" "anken2 anken2-archive anken2-area anken2-time anken2-plus anken2-day anken2-success anken2-pay anken2-back anken2-cam anken2-cv" "anken3 anken3-archive anken3-area anken3-time anken3-plus anken3-day anken3-success anken3-pay anken3-back anken3-cam anken3-cv" "anken4 anken4-archive anken4-area anken4-time anken4-plus anken4-day anken4-success anken4-pay anken4-back anken4-cam anken4-cv" "anken5 anken5-archive anken5-area anken5-time anken5-plus anken5-day anken5-success anken5-pay anken5-back anken5-cam anken5-cv"; }
      @media only screen and (max-width: 767px) {
        .det-top5-container {
          grid-template-columns: 9rem repeat(9, 6rem) 9rem;
          margin: 0 .5rem; } }
      .det-top5-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #fff; }
      .det-top5-container .ttl {
        color: #204f9c;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .det-top5-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .det-top5-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .det-top5-container-inner .ico-rank {
          width: 2.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .det-top5-container-inner .ico-rank {
              width: 2.5rem; } }
        .det-top5-container-inner .logo {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .det-top5-container-inner .logo {
              width: 80%; } }
        .det-top5-container-inner .ankenname {
          font-weight: bold;
          text-align: center;
          font-size: .9rem; }
        .det-top5-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .det-top5-container-inner-txt {
          font-size: .8rem;
          text-align: center;
          line-height: 1.4; }
      .det-top5-container-cv {
        width: 100%;
        margin: 0 auto; }
        @media only screen and (max-width: 767px) {
          .det-top5-container-cv {
            width: 70%; } }
        .det-top5-container-cv-btn {
          width: 90%;
          font-size: .8rem;
          height: 45px; }
          @media only screen and (max-width: 767px) {
            .det-top5-container-cv-btn {
              font-size: 1rem; } }
      .det-top5-container-tell {
        margin-top: .5rem; }
        @media only screen and (max-width: 767px) {
          .det-top5-container-tell {
            margin-top: .5rem;
            width: 65%; } }
        .det-top5-container-tell-txt {
          font-size: .7rem;
          text-align: center;
          margin: .5rem 0 -.5rem;
          position: relative;
          padding: 0 .5rem; }
          .det-top5-container-tell-txt:before {
            position: absolute;
            top: 50%;
            left: -.2rem;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
            border-top: 7.5px solid #183047;
            border-bottom: 0;
            transition: .3s; }
          .det-top5-container-tell-txt:after {
            position: absolute;
            top: 50%;
            right: -.2rem;
            transform: translateY(-50%);
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-right: 5px solid transparent;
            border-left: 5px solid transparent;
            border-top: 7.5px solid #183047;
            border-bottom: 0;
            transition: .3s; }
        .det-top5-container-tell-btn {
          font-size: .7rem;
          text-align: center;
          line-height: 1.3;
          font-weight: bold; }
      .det-top5-container-flex {
        display: flex;
        gap: .5rem;
        justify-content: center;
        align-items: center;
        flex-direction: column; }
        @media only screen and (max-width: 767px) {
          .det-top5-container-flex {
            flex-direction: row-reverse; } }
        .det-top5-container-flex-cv {
          width: 100%; }
          @media only screen and (max-width: 767px) {
            .det-top5-container-flex-cv {
              width: 49%; } }
        .det-top5-container-flex-tell {
          width: 90%; }
          @media only screen and (max-width: 767px) {
            .det-top5-container-flex-tell {
              width: 49%; } }
          .det-top5-container-flex-tell-btn-txt {
            font-size: 1rem; }
      .det-top5-container .name {
        grid-area: name;
        border-radius: 10px 0 0 0; }
        @media only screen and (max-width: 767px) {
          .det-top5-container .name {
            position: sticky;
            left: 0;
            z-index: 1; } }
      .det-top5-container .archive {
        grid-area: archive; }
      .det-top5-container .area {
        grid-area: area; }
      .det-top5-container .time {
        grid-area: time; }
      .det-top5-container .plus {
        grid-area: plus; }
      .det-top5-container .day {
        grid-area: day; }
      .det-top5-container .success {
        grid-area: success; }
      .det-top5-container .pay {
        grid-area: pay; }
      .det-top5-container .back {
        grid-area: back; }
      .det-top5-container .cam {
        grid-area: cam; }
      .det-top5-container .cv {
        grid-area: cv;
        border: none;
        border-radius: 0 10px 0 0; }
      .det-top5-container .anken1 {
        grid-area: anken1;
        background-color: #fefad3;
        padding-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .det-top5-container .anken1 {
            position: sticky;
            left: 0;
            z-index: 1; } }
        .det-top5-container .anken1-archive {
          grid-area: anken1-archive;
          background-color: #fefad3; }
        .det-top5-container .anken1-area {
          grid-area: anken1-area;
          background-color: #fefad3; }
        .det-top5-container .anken1-time {
          grid-area: anken1-time;
          background-color: #fefad3; }
        .det-top5-container .anken1-plus {
          grid-area: anken1-plus;
          background-color: #fefad3; }
        .det-top5-container .anken1-day {
          grid-area: anken1-day;
          background-color: #fefad3; }
        .det-top5-container .anken1-success {
          grid-area: anken1-success;
          background-color: #fefad3; }
        .det-top5-container .anken1-pay {
          grid-area: anken1-pay;
          background-color: #fefad3; }
        .det-top5-container .anken1-back {
          grid-area: anken1-back;
          background-color: #fefad3; }
        .det-top5-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #fefad3; }
        .det-top5-container .anken1-cv {
          grid-area: anken1-cv;
          background-color: #fefad3;
          border: none; }
      .det-top5-container .anken2 {
        grid-area: anken2;
        padding-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .det-top5-container .anken2 {
            position: sticky;
            left: 0;
            z-index: 1; } }
        .det-top5-container .anken2-archive {
          grid-area: anken2-archive; }
        .det-top5-container .anken2-area {
          grid-area: anken2-area; }
        .det-top5-container .anken2-time {
          grid-area: anken2-time; }
        .det-top5-container .anken2-plus {
          grid-area: anken2-plus; }
        .det-top5-container .anken2-day {
          grid-area: anken2-day; }
        .det-top5-container .anken2-success {
          grid-area: anken2-success; }
        .det-top5-container .anken2-pay {
          grid-area: anken2-pay; }
        .det-top5-container .anken2-back {
          grid-area: anken2-back; }
        .det-top5-container .anken2-cam {
          grid-area: anken2-cam; }
        .det-top5-container .anken2-cv {
          grid-area: anken2-cv;
          border: none; }
      .det-top5-container .anken3 {
        grid-area: anken3;
        padding-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .det-top5-container .anken3 {
            position: sticky;
            left: 0;
            z-index: 1; } }
        .det-top5-container .anken3-archive {
          grid-area: anken3-archive; }
        .det-top5-container .anken3-area {
          grid-area: anken3-area; }
        .det-top5-container .anken3-time {
          grid-area: anken3-time; }
        .det-top5-container .anken3-plus {
          grid-area: anken3-plus; }
        .det-top5-container .anken3-day {
          grid-area: anken3-day; }
        .det-top5-container .anken3-success {
          grid-area: anken3-success; }
        .det-top5-container .anken3-pay {
          grid-area: anken3-pay; }
        .det-top5-container .anken3-back {
          grid-area: anken3-back; }
        .det-top5-container .anken3-cam {
          grid-area: anken3-cam; }
        .det-top5-container .anken3-cv {
          grid-area: anken3-cv;
          border: none; }
      .det-top5-container .anken4 {
        grid-area: anken4;
        padding-bottom: 1rem; }
        @media only screen and (max-width: 767px) {
          .det-top5-container .anken4 {
            position: sticky;
            left: 0;
            z-index: 1; } }
        .det-top5-container .anken4-archive {
          grid-area: anken4-archive; }
        .det-top5-container .anken4-area {
          grid-area: anken4-area; }
        .det-top5-container .anken4-time {
          grid-area: anken4-time; }
        .det-top5-container .anken4-plus {
          grid-area: anken4-plus; }
        .det-top5-container .anken4-day {
          grid-area: anken4-day; }
        .det-top5-container .anken4-success {
          grid-area: anken4-success; }
        .det-top5-container .anken4-pay {
          grid-area: anken4-pay; }
        .det-top5-container .anken4-back {
          grid-area: anken4-back; }
        .det-top5-container .anken4-cam {
          grid-area: anken4-cam; }
        .det-top5-container .anken4-cv {
          grid-area: anken4-cv;
          border: none; }
      .det-top5-container .anken5 {
        grid-area: anken5;
        padding-bottom: 1rem;
        border-radius: 0 0 0 10px; }
        @media only screen and (max-width: 767px) {
          .det-top5-container .anken5 {
            position: sticky;
            left: 0;
            z-index: 1; } }
        .det-top5-container .anken5-archive {
          grid-area: anken5-archive; }
        .det-top5-container .anken5-area {
          grid-area: anken5-area; }
        .det-top5-container .anken5-time {
          grid-area: anken5-time; }
        .det-top5-container .anken5-plus {
          grid-area: anken5-plus; }
        .det-top5-container .anken5-day {
          grid-area: anken5-day; }
        .det-top5-container .anken5-success {
          grid-area: anken5-success; }
        .det-top5-container .anken5-pay {
          grid-area: anken5-pay; }
        .det-top5-container .anken5-back {
          grid-area: anken5-back; }
        .det-top5-container .anken5-cam {
          grid-area: anken5-cam; }
        .det-top5-container .anken5-cv {
          grid-area: anken5-cv;
          border: none;
          border-radius: 0 0 10px 0; }
    .det-top5-ichioshi {
      margin: 1.5rem auto;
      max-width: 1050px; }
      @media only screen and (max-width: 767px) {
        .det-top5-ichioshi {
          padding: 0 .5rem; } }
      .det-top5-ichioshi-ranking {
        margin: 2rem auto -1rem; }
      .det-top5-ichioshi-com {
        text-align: center;
        font-size: 1.2rem;
        font-weight: bold;
        margin-bottom: .5rem; }
        .det-top5-ichioshi-com-inner {
          line-height: 1.3;
          color: #fefad3;
          position: relative;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .det-top5-ichioshi-com-inner {
              font-size: .8rem;
              max-width: 80%; } }
          .det-top5-ichioshi-com-inner:before {
            position: absolute;
            bottom: 0;
            left: -1.5rem;
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/detective/trust/fukidashi_y_l.png) no-repeat;
            background-position: bottom;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .det-top5-ichioshi-com-inner:before {
                top: inherit;
                bottom: 0;
                transform: none; } }
          .det-top5-ichioshi-com-inner:after {
            position: absolute;
            bottom: 0;
            right: -1.5rem;
            width: 1.5rem;
            height: 1.5rem;
            content: '';
            background: url(../img/feature/detective/trust/fukidashi_y_r.png) no-repeat;
            background-position: bottom;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .det-top5-ichioshi-com-inner:after {
                top: inherit;
                bottom: 0;
                transform: none; } }
      .det-top5-ichioshi-inner {
        padding: 1rem;
        background-color: #fefad3;
        display: flex;
        gap: .6rem;
        align-items: center;
        border-radius: 10px; }
        @media only screen and (max-width: 767px) {
          .det-top5-ichioshi-inner {
            width: 1050px; } }
        .det-top5-ichioshi-inner-name {
          width: 15%; }
          .det-top5-ichioshi-inner-name .bnr {
            margin-bottom: .5rem; }
          .det-top5-ichioshi-inner-name .name {
            text-align: center;
            font-weight: bold; }
        .det-top5-ichioshi-inner-list {
          width: 31%;
          padding: 1rem .5rem;
          background-color: #fff;
          display: flex;
          flex-direction: column;
          gap: .5rem; }
          .det-top5-ichioshi-inner-list-ttl {
            color: #204f9c;
            font-size: 1rem; }
            .det-top5-ichioshi-inner-list-ttl .big {
              font-size: 1.2rem; }
          .det-top5-ichioshi-inner-list-item {
            display: flex;
            gap: .5rem;
            align-items: center; }
            .det-top5-ichioshi-inner-list-item-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/detective/trust/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .det-top5-ichioshi-inner-list-item-check {
                  width: 7%; } }
            .det-top5-ichioshi-inner-list-item-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .det-top5-ichioshi-inner-list-item-txt {
                  width: 92%; } }
        .det-top5-ichioshi-inner-how {
          width: 44%; }
        .det-top5-ichioshi-inner-cv {
          width: 8%; }
          .det-top5-ichioshi-inner-cv-btn {
            width: 100%;
            font-size: 1.5rem;
            line-height: 1.2;
            display: flex;
            flex-direction: column;
            height: 7.5rem;
            gap: .2rem; }
            .det-top5-ichioshi-inner-cv-btn .small {
              font-size: .8rem; }
            .det-top5-ichioshi-inner-cv-btn .vertical {
              writing-mode: vertical-rl;
              font-size: 2rem; }
  .det-point {
    max-width: 750px;
    margin: -.5rem auto 3rem; }
    @media only screen and (max-width: 767px) {
      .det-point {
        padding: 0 .5rem; } }
    .det-point-list {
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: 1.5rem; }
      .det-point-list-wrap {
        display: flex;
        flex-direction: column; }
        .det-point-list-wrap-ttl {
          display: flex;
          justify-content: space-between;
          padding: 1rem 1.5rem;
          align-items: center;
          background-color: #f3f3f3;
          cursor: pointer; }
          @media only screen and (max-width: 767px) {
            .det-point-list-wrap-ttl {
              padding: 0.5rem; } }
          .det-point-list-wrap-ttl-inner {
            display: flex;
            gap: 1rem;
            align-items: center;
            width: 75%; }
            @media only screen and (max-width: 767px) {
              .det-point-list-wrap-ttl-inner {
                gap: 0.5rem;
                width: 100%; } }
            .det-point-list-wrap-ttl-inner-img {
              width: 10%; }
              @media only screen and (max-width: 767px) {
                .det-point-list-wrap-ttl-inner-img {
                  width: 12%; } }
            .det-point-list-wrap-ttl-inner-txt {
              font-size: 1rem;
              font-weight: bold;
              color: #204f9c;
              width: 89%;
              line-height: 1.4; }
              @media only screen and (max-width: 767px) {
                .det-point-list-wrap-ttl-inner-txt {
                  font-size: .8rem;
                  width: 86%; } }
              .det-point-list-wrap-ttl-inner-txt .big {
                font-size: 1.6rem; }
                @media only screen and (max-width: 767px) {
                  .det-point-list-wrap-ttl-inner-txt .big {
                    font-size: 1rem; } }
          .det-point-list-wrap-ttl .plus {
            position: relative;
            width: 23px;
            height: 23px;
            display: block;
            transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            cursor: pointer;
            will-change: transform; }
            .det-point-list-wrap-ttl .plus:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 75%;
              height: 3px;
              border-radius: 10px;
              background: #204f9c;
              display: block; }
            .det-point-list-wrap-ttl .plus:after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 3px;
              height: 75%;
              border-radius: 10px;
              background: #204f9c;
              display: block;
              transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
              will-change: transform; }
          .det-point-list-wrap-ttl.active .plus:after {
            transform: translate(-50%, -50%) rotate(90deg); }
        .det-point-list-wrap-content {
          background-color: #fff;
          display: none;
          border: 3px solid #f3f3f3;
          border-top: none; }
          .det-point-list-wrap-content-inner {
            padding: 1rem 1.5rem 1rem 1rem;
            display: flex;
            gap: 1rem;
            align-items: center;
            justify-content: center;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .det-point-list-wrap-content-inner {
                padding: 1rem .5rem;
                flex-direction: column; } }
            .det-point-list-wrap-content-inner-img {
              width: 30%; }
              @media only screen and (max-width: 767px) {
                .det-point-list-wrap-content-inner-img {
                  width: 40%; } }
            .det-point-list-wrap-content-inner-txt {
              width: 69%; }
              @media only screen and (max-width: 767px) {
                .det-point-list-wrap-content-inner-txt {
                  width: 100%; } }
              .det-point-list-wrap-content-inner-txt-list {
                margin: 0 auto 1rem; }
                .det-point-list-wrap-content-inner-txt-list-item {
                  position: relative;
                  padding-left: 1rem; }
                  @media only screen and (max-width: 767px) {
                    .det-point-list-wrap-content-inner-txt-list-item {
                      font-size: .9rem; } }
                  .det-point-list-wrap-content-inner-txt-list-item:before {
                    content: '';
                    background-color: #204f9c;
                    border-radius: 50px;
                    width: .5rem;
                    height: .5rem;
                    display: inline-block;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 0; }
            .det-point-list-wrap-content-inner-list {
              display: flex;
              flex-direction: column;
              gap: 1rem;
              margin: 0; }
              .det-point-list-wrap-content-inner-list-wrap {
                display: flex;
                gap: 1rem;
                align-items: center; }
                @media only screen and (max-width: 767px) {
                  .det-point-list-wrap-content-inner-list-wrap {
                    flex-direction: column; } }
                .det-point-list-wrap-content-inner-list-wrap-img {
                  width: 25%; }
                .det-point-list-wrap-content-inner-list-wrap-inner {
                  width: 74%;
                  display: flex;
                  flex-direction: column;
                  gap: .2rem; }
                  @media only screen and (max-width: 767px) {
                    .det-point-list-wrap-content-inner-list-wrap-inner {
                      width: 100%; } }
                  .det-point-list-wrap-content-inner-list-wrap-inner-dt {
                    font-weight: bold;
                    font-size: 1.1rem; }
                  .det-point-list-wrap-content-inner-list-wrap-inner-dd p {
                    line-height: 1.5; }
                    @media only screen and (max-width: 767px) {
                      .det-point-list-wrap-content-inner-list-wrap-inner-dd p {
                        line-height: 1.6; } }
  .det-survey {
    margin-top: 2rem; }
  .det .ranking .det-ranking {
    margin-bottom: 1.5rem; }

/*探偵LP（Trust）用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.eyebags {
  color: #000000; }
  @media only screen and (max-width: 767px) {
    .eyebags {
      font-size: .9rem; } }
  .eyebags .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .eyebags-wrapper {
    max-width: 1020px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .eyebags-wrapper {
        padding: 0 .5rem; } }
  .eyebags img {
    margin: auto; }
  .eyebags-wrapper {
    padding: 0 .5rem; }
  .eyebags a {
    transition: 0.3s; }
    .eyebags a:hover {
      opacity: 0.7; }
  .eyebags-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .eyebags-ttl {
        margin: 1rem auto; } }
  .eyebags-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .eyebags-cv {
        width: 90%; } }
    .eyebags-cv a:hover {
      opacity: 1; }
    .eyebags-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .eyebags-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .eyebags-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .eyebags-cv-copy-inner .small {
          font-size: 1rem; }
        .eyebags-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/eyebags/fukidashi_l.png) no-repeat;
          background-size: contain;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .eyebags-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .eyebags-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/eyebags/fukidashi_r.png) no-repeat;
          background-size: contain;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .eyebags-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .eyebags-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #dd0021;
      box-shadow: 0 8px 0 #730012;
      animation-name: eyebags-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .eyebags-cv-btn {
          width: 100%; } }
      .eyebags-cv-btn a {
        width: 100%;
        display: inline-block; }
      .eyebags-cv-btn a:hover {
        opacity: 1; }
      .eyebags-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes eyebags-cvmove {
  0% {
    box-shadow: 0 8px 0 #730012;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #730012;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #730012;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #730012;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #730012;
    transform: translatey(0); } }
  .eyebags-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .eyebags-link {
        margin: 1rem auto 1.5rem; } }
    .eyebags-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .eyebags-link-btn {
          width: 95%; } }
      .eyebags-link-btn a:hover {
        opacity: 1; }
      .eyebags-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
        background-color: #ffe33a;
        box-shadow: 0 8px 0 #6a5e14;
        animation-name: eyebags-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .eyebags-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .eyebags-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .eyebags-link-btn-inner a:hover {
          opacity: 1; }
@keyframes eyebags-linkmove {
  0% {
    box-shadow: 0 8px 0 #6a5e14;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6a5e14;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6a5e14;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6a5e14;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6a5e14;
    transform: translatey(0); } }
        .eyebags-link-btn-inner-txt {
          color: #000000;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .eyebags-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .eyebags-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .eyebags-neotype {
    margin: 0 auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .eyebags-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .eyebags-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .eyebags-neotype-list {
      margin: 2rem auto;
      display: flex;
      justify-content: space-between; }
      .eyebags-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #fdf6f5;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .eyebags-neotype-list-inner {
            width: 100%; } }
        .eyebags-neotype-list-inner-1 {
          border: 4px solid #ffe33a; }
          @media only screen and (max-width: 767px) {
            .eyebags-neotype-list-inner-1 {
              border: 3px solid #ffe33a; } }
          .eyebags-neotype-list-inner-1 .eyebags-neotype-list-inner-ttl {
            position: relative; }
            .eyebags-neotype-list-inner-1 .eyebags-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/eyebags/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .eyebags-neotype-list-inner-1 .eyebags-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .eyebags-neotype-list-inner-2 .eyebags-neotype-list-inner-ttl {
          position: relative; }
          .eyebags-neotype-list-inner-2 .eyebags-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/eyebags/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .eyebags-neotype-list-inner-2 .eyebags-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .eyebags-neotype-list-inner-3 .eyebags-neotype-list-inner-ttl {
          position: relative; }
          .eyebags-neotype-list-inner-3 .eyebags-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/eyebags/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .eyebags-neotype-list-inner-3 .eyebags-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .eyebags-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .eyebags-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/eyebags/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .eyebags-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .eyebags-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .eyebags-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .eyebags-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .eyebags-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .eyebags-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .eyebags-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .eyebags-neotype-list-inner-ttl-name {
            font-size: 1.5rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            .eyebags-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .eyebags-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .eyebags-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .eyebags-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .eyebags-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .5rem .2rem;
            margin: 0;
            flex-wrap: wrap; }
            .eyebags-neotype-list-inner-content-spec-inner {
              width: 49%;
              background-color: #fff; }
              .eyebags-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #ffdde9;
                color: #000000;
                font-weight: bold;
                padding: .2rem;
                font-size: .9rem; }
              .eyebags-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .eyebags-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .eyebags-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .eyebags-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .eyebags-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .eyebags-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .eyebags-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/eyebags/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .eyebags-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .eyebags-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .eyebags-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .eyebags-neotype-list-inner-content-cv {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .eyebags-neotype-list-inner-content-cv {
                width: 100%; } }
            .eyebags-neotype-list-inner-content-cv-btn {
              width: 80%;
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
        .eyebags-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .eyebags-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            color: #000000;
            text-decoration: none;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
            .eyebags-neotype-list-inner-link-btn-txt {
              position: relative; }
              .eyebags-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #000000;
                border-bottom: 0;
                transition: .3s; }
              .eyebags-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #000000;
                border-bottom: 0;
                transition: .3s; }
  .eyebags-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .eyebags-type {
        margin: .5rem auto; } }
    .eyebags-type-ttl {
      max-width: 500px;
      margin: 0 auto .5rem; }
    .eyebags-type-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin: 0 auto .5rem; }
      @media only screen and (max-width: 767px) {
        .eyebags-type-copy {
          font-size: 1rem;
          max-width: 80%; } }
      .eyebags-type-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        .eyebags-type-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/eyebags/fukidashi_l.png) no-repeat;
          background-size: contain;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .eyebags-type-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .eyebags-type-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/eyebags/fukidashi_r.png) no-repeat;
          background-size: contain;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .eyebags-type-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .eyebags-type-inner {
      display: flex;
      justify-content: center;
      gap: .5rem;
      flex-direction: column;
      padding: 1rem 2rem 1.5rem;
      border: 2px solid #000000;
      border-radius: 10px;
      background-color: transparent;
      box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
      max-width: 500px;
      margin: 0 auto 1.5rem; }
      @media only screen and (max-width: 767px) {
        .eyebags-type-inner {
          width: 90%;
          border: 1px solid #000000; } }
      .eyebags-type-inner-link {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .eyebags-type-inner-link .logo {
          width: 70%;
          margin: 0 auto; }
      .eyebags-type-inner-txt {
        line-height: 1.5;
        text-align: center; }
  .eyebags-fact {
    background-color: #f3f3f3;
    margin: 0rem auto -1rem;
    position: relative;
    padding-top: 1rem; }
    .eyebags-fact-ttl {
      max-width: 500px;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .eyebags-fact-ttl {
          padding: 0 .5rem 1rem; } }
    .eyebags-fact-container {
      margin: 0 auto 1rem;
      padding-bottom: 1rem; }
      .eyebags-fact-container-img {
        margin: .5rem auto;
        max-width: 500px; }
        .eyebags-fact-container-img-padding {
          padding: 0 .5rem; }
      .eyebags-fact-container-kome {
        font-size: .6rem;
        text-align: right;
        max-width: 500px;
        margin: .5rem auto; }
        @media only screen and (max-width: 767px) {
          .eyebags-fact-container-kome {
            font-size: .5rem; } }
        .eyebags-fact-container-kome a {
          text-decoration: none;
          color: #282829;
          transition: .3s; }
        .eyebags-fact-container-kome a:hover {
          opacity: 0.7; }
      .eyebags-fact-container-txt {
        text-align: center;
        margin: .5rem auto; }
        .eyebags-fact-container-txt .big {
          font-size: 1.4rem;
          font-weight: bold; }
    .eyebags-fact-fukidashi {
      margin-bottom: 2rem; }
      .eyebags-fact-fukidashi:before {
        position: absolute;
        bottom: -1.5rem;
        left: 50%;
        transform: translateX(-50%);
        display: inline-block;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 60px solid transparent;
        z-index: -1;
        border-left: 60px solid transparent;
        border-top: 40px solid #f3f3f3;
        border-bottom: 0; }
    .eyebags-fact-kuma {
      padding: 1rem 0; }
      @media only screen and (max-width: 767px) {
        .eyebags-fact-kuma {
          padding: 0 .5rem 1rem; } }
      .eyebags-fact-kuma-ttl {
        max-width: 500px;
        margin: 0 auto; }
      .eyebags-fact-kuma-img {
        max-width: 500px;
        margin: 0 auto; }
      .eyebags-fact-kuma-inner {
        max-width: 500px;
        margin: 1rem auto; }
        @media only screen and (max-width: 767px) {
          .eyebags-fact-kuma-inner {
            margin-bottom: .5rem; } }
        .eyebags-fact-kuma-inner-swiper {
          max-width: 500px;
          margin: 0 auto;
          background-color: #fff; }
          .eyebags-fact-kuma-inner-swiper-list {
            margin: 1rem atuo; }
            .eyebags-fact-kuma-inner-swiper-list-item {
              padding: 2rem 0;
              display: flex;
              justify-content: center;
              align-items: center;
              flex-direction: column;
              gap: .4rem; }
              .eyebags-fact-kuma-inner-swiper-list-item-kome {
                font-size: .6rem;
                margin: 0 auto; }
                .eyebags-fact-kuma-inner-swiper-list-item-kome a {
                  text-decoration: none;
                  color: #000000;
                  transition: .3s; }
                .eyebags-fact-kuma-inner-swiper-list-item-kome a:hover {
                  opacity: 0.7; }
      .eyebags-fact-kuma-kome {
        font-size: .6rem;
        text-align: right;
        max-width: 500px;
        margin: -.5rem auto .5rem; }
        @media only screen and (max-width: 767px) {
          .eyebags-fact-kuma-kome {
            font-size: .5rem; } }
        .eyebags-fact-kuma-kome a {
          text-decoration: none;
          color: #000000;
          transition: .3s; }
        .eyebags-fact-kuma-kome a:hover {
          opacity: 0.7; }
  .eyebags-top3 {
    margin: 0rem auto 1.5rem; }
    .eyebags-top3-container {
      max-width: 750px;
      margin: 0 auto;
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "way way way" "anken1-way anken2-way anken3-way" "kinds kinds kinds" "anken1-kinds anken2-kinds anken3-kinds" "inj inj inj" "anken1-inj anken2-inj anken3-inj" "notcut notcut notcut" "anken1-notcut anken2-notcut anken3-notcut" "cam cam cam" "anken1-cam anken2-cam anken3-cam" "area area area" "anken1-area anken2-area anken3-area" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "link link link" "anken1-link anken2-link anken3-link"; }
      .eyebags-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .eyebags-top3-container .ttl {
        background-color: #000000;
        color: #fff;
        flex-direction: row;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .eyebags-top3-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .eyebags-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .eyebags-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .eyebags-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container-inner .bnr {
              width: 80%; } }
        .eyebags-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .eyebags-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .eyebags-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container-inner-txt {
              font-size: .8rem; } }
      .eyebags-top3-container-list {
        display: inline-block; }
        .eyebags-top3-container-list li {
          margin-left: 1rem;
          position: relative;
          font-size: .8rem;
          line-height: 1.4; }
          .eyebags-top3-container-list li:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            display: inline-block;
            content: '';
            width: .4rem;
            height: .4rem;
            background-color: #606060;
            border-radius: 5rem; }
        .eyebags-top3-container-list-osusume li {
          margin: 0 auto .4rem 1rem; }
      .eyebags-top3-container-batch {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        flex-wrap: wrap;
        max-width: 500px;
        margin: auto; }
        .eyebags-top3-container-batch-item {
          font-size: .8rem;
          padding: .3rem 1rem;
          color: #fff;
          background-color: #606060;
          border-radius: 20px; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container-batch-item {
              font-size: .7rem;
              padding: .3rem .4rem; } }
          .eyebags-top3-container-batch-item-on {
            font-size: .8rem;
            padding: .3rem 1rem;
            background-color: #f14987;
            color: #fff;
            border-radius: 20px;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .eyebags-top3-container-batch-item-on {
                font-size: .7rem;
                padding: .3rem .4rem; } }
      @media only screen and (max-width: 767px) {
        .eyebags-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .eyebags-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .eyebags-top3-container .way {
        grid-area: way; }
      .eyebags-top3-container .kinds {
        grid-area: kinds; }
      .eyebags-top3-container .inj {
        grid-area: inj; }
      .eyebags-top3-container .notcut {
        grid-area: notcut; }
      .eyebags-top3-container .cam {
        grid-area: cam; }
      .eyebags-top3-container .area {
        grid-area: area; }
      .eyebags-top3-container .osusume {
        grid-area: osusume; }
      .eyebags-top3-container .link {
        grid-area: link; }
      .eyebags-top3-container .anken1 {
        grid-area: anken1;
        background-color: #fffceb;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyebags-top3-container .anken1 {
            border-right: 2px solid #fff; } }
        .eyebags-top3-container .anken1-way {
          grid-area: anken1-way;
          background-color: #fffceb;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken1-way {
              border-right: 2px solid #fff; } }
        .eyebags-top3-container .anken1-kinds {
          grid-area: anken1-kinds;
          background-color: #fffceb;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken1-kinds {
              border-right: 2px solid #fff; } }
        .eyebags-top3-container .anken1-inj {
          grid-area: anken1-inj;
          background-color: #fffceb;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken1-inj {
              border-right: 2px solid #fff; } }
        .eyebags-top3-container .anken1-notcut {
          grid-area: anken1-notcut;
          background-color: #fffceb;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken1-notcut {
              border-right: 2px solid #fff; } }
        .eyebags-top3-container .anken1-cam {
          grid-area: anken1-cam;
          background-color: #fffceb;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken1-cam {
              border-right: 2px solid #fff; } }
        .eyebags-top3-container .anken1-area {
          grid-area: anken1-area;
          background-color: #fffceb;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken1-area {
              border-right: 2px solid #fff; } }
        .eyebags-top3-container .anken1-osusume {
          grid-area: anken1-osusume;
          background-color: #fffceb;
          border-right: 3px solid #fff;
          padding: .5rem; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken1-osusume {
              border-right: 2px solid #fff; } }
        .eyebags-top3-container .anken1-link {
          grid-area: anken1-link;
          background-color: #fffceb;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken1-link {
              border-right: 2px solid #fff; } }
      .eyebags-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyebags-top3-container .anken2 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken2-way {
          grid-area: anken2-way;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken2-way {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken2-kinds {
          grid-area: anken2-kinds;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken2-kinds {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken2-inj {
          grid-area: anken2-inj;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken2-inj {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken2-notcut {
          grid-area: anken2-notcut;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken2-notcut {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken2-cam {
          grid-area: anken2-cam;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken2-cam {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken2-area {
          grid-area: anken2-area;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken2-area {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken2-osusume {
          grid-area: anken2-osusume;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          padding: .5rem; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken2-osusume {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken2-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .eyebags-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .eyebags-top3-container .anken3 {
            border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken3-way {
          grid-area: anken3-way;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken3-way {
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken3-kinds {
          grid-area: anken3-kinds;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken3-kinds {
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken3-inj {
          grid-area: anken3-inj;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken3-inj {
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken3-notcut {
          grid-area: anken3-notcut;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken3-notcut {
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken3-cam {
          grid-area: anken3-cam;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken3-cam {
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken3-area {
          grid-area: anken3-area;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken3-area {
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken3-osusume {
          grid-area: anken3-osusume;
          border-left: 3px solid #fff;
          padding: .5rem; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken3-osusume {
              border-left: 2px solid #fff; } }
        .eyebags-top3-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .eyebags-top3-container .anken3-link {
              border-left: 2px solid #fff; } }
  .eyebags .ranking-title {
    background-color: #000000;
    z-index: 0; }
    .eyebags .ranking-title-img {
      display: inline-block;
      max-width: 500px;
      margin: auto; }
    .eyebags .ranking-title:after {
      top: 100%;
      border-top: 20px solid #000000; }
  .eyebags .ranking .eyebags-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .eyebags .ranking .eyebags-ranking {
        padding: 0 .5rem; } }
    .eyebags .ranking .eyebags-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #ffe33a; }
    .eyebags .ranking .eyebags-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .eyebags .ranking .eyebags-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .eyebags .ranking .eyebags-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .eyebags .ranking .eyebags-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .eyebags .ranking .eyebags-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f3f3;
      border-radius: 20px; }
      .eyebags .ranking .eyebags-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .eyebags .ranking .eyebags-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .eyebags .ranking .eyebags-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner {
            margin: 1rem auto;
            padding: 0 .5rem 2rem; } }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-ttl {
          background-color: #000000;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #ffe33a;
            color: #000000; }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/eyebags/eyebags_check.png) no-repeat;
                background-size: contain; }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f3f3;
            background-color: #000000; }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f3f3;
            border-bottom: 0.5rem solid #f3f3f3;
            font-size: .8rem;
            padding: .5rem; }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #606060;
            color: #fff;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #000000 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #000000 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #949494;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-com {
          display: flex;
          gap: 1rem;
          justify-content: center;
          margin: 1rem auto;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-com {
              gap: .5rem; } }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-com-img {
            width: 20%; }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-com-content {
            width: 79%;
            padding: 1rem;
            background-color: #fff;
            border-radius: 10px; }
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-com-content-txt {
              font-size: .9rem;
              line-height: 1.6; }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point {
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point {
              margin-bottom: 1rem; } }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            padding-top: 1rem; }
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item {
              box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
              background-color: #fff;
              padding: 1rem 0;
              border-radius: 10px; }
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-ttl {
                position: relative;
                background-color: #fdf6f5;
                padding: .5rem; }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  left: -25px;
                  z-index: 1;
                  width: 7rem; }
                  @media only screen and (max-width: 767px) {
                    .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                      left: -15px;
                      width: 6.5rem; } }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                  font-size: 1rem;
                  line-height: 1.3;
                  padding-left: 5.5rem;
                  display: inline-block;
                  font-weight: normal; }
                  @media only screen and (max-width: 767px) {
                    .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                      font-size: .9rem; } }
                  .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                    font-size: 1.8rem;
                    font-weight: bold; }
                    @media only screen and (max-width: 767px) {
                      .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                        font-size: 1.2rem; } }
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-inner {
                padding: 1rem; }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex {
                  display: flex;
                  gap: 5px;
                  margin-bottom: 1rem;
                  align-items: center;
                  justify-content: center; }
                  @media only screen and (max-width: 767px) {
                    .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex {
                      gap: .5rem; } }
                  .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                    width: 220px; }
                    @media only screen and (max-width: 767px) {
                      .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                        width: 145px; } }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-inner-img {
                  max-width: 500px;
                  margin: 0 auto 1rem; }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-inner-kome {
                  text-align: right;
                  font-size: .5rem;
                  margin: -.5rem 0 .5rem;
                  line-height: 1.3; }
                  .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-inner-kome a {
                    color: #000000; }
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-flex {
                display: flex;
                gap: 1rem;
                padding: 1rem;
                align-items: center; }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                  width: 20%; }
                  @media only screen and (max-width: 767px) {
                    .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-flex-img {
                      width: 30%; } }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                  width: 79%; }
                  @media only screen and (max-width: 767px) {
                    .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-3point-content-item-flex-txt {
                      width: 69%; } }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-cam {
          margin: 2rem auto; }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-cam-fukidashi {
            background-color: #fffceb;
            border-radius: 10px;
            position: relative;
            margin-bottom: 1rem;
            padding: 1rem .5rem; }
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-cam-fukidashi:before {
              position: absolute;
              bottom: -8px;
              left: 50%;
              transform: translateX(-50%);
              content: '';
              display: inline-block;
              width: 0;
              height: 0;
              border-style: solid;
              border-right: 25px solid transparent;
              border-left: 25px solid transparent;
              border-top: 20px solid #fffceb;
              border-bottom: 0; }
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-cam-fukidashi-txt {
              line-height: 1.5;
              text-align: center;
              color: #000000; }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-cam-bnr {
            max-width: 600px;
            margin: auto; }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0;
            display: flex;
            flex-direction: column;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner {
                gap: .5rem; } }
            .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner-card {
              background-color: #fff;
              position: relative;
              display: flex;
              align-items: center;
              gap: 1rem;
              border-radius: 10px;
              padding: 1rem; }
              @media only screen and (max-width: 767px) {
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner-card {
                  gap: .5rem; } }
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner-card-img {
                width: 20%; }
                @media only screen and (max-width: 767px) {
                  .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner-card-img {
                    width: 24%; } }
              .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                width: 79%; }
                @media only screen and (max-width: 767px) {
                  .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                    width: 75%; } }
                .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                  height: auto; }
                  @media only screen and (max-width: 767px) {
                    .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                      font-size: 13px !important; } }
        .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .eyebags .ranking .eyebags-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .eyebags-survey {
    margin-top: 2rem; }

.eyebags .eyebags-neotype .swiper-pagination-bullet {
  color: #eb2147;
  border: 1px solid #fff;
  box-sizing: content-box; }
.eyebags .eyebags-neotype .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #eb2147;
  border: 1px solid #fff;
  box-sizing: content-box; }
.eyebags .eyebags-fact-kuma-inner-swiper .swiper-button-prev, .eyebags .eyebags-fact-kuma-inner-swiper .swiper-button-next {
  color: #d8d7d8; }
.eyebags .eyebags-fact-kuma-inner-swiper .swiper-pagination-bullet {
  color: #d8d7d8;
  border: 1px solid #fff;
  box-sizing: content-box; }
.eyebags .eyebags-fact-kuma-inner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #d8d7d8;
  border: 1px solid #fff;
  box-sizing: content-box; }
.eyebags .ranking-list-box-inner-review .swiper-button-prev, .eyebags .ranking-list-box-inner-review .swiper-button-next {
  color: #eb2147; }
.eyebags .ranking-list-box-inner-review .swiper-button-next:after, .eyebags .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.eyebags .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #eb2147;
  border: 1px solid #fff;
  box-sizing: content-box; }
.eyebags .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #eb2147;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*クマ取り用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.date {
  color: #000001; }
  @media only screen and (max-width: 767px) {
    .date {
      font-size: .9rem; } }
  .date .kome {
    font-size: .7rem;
    display: inline-block; }
  .date .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .date img {
    margin: auto; }
  .date-wrapper {
    padding: 0 .5rem; }
  .date a {
    transition: 0.3s; }
    .date a:hover {
      opacity: 0.7; }
  .date-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .date-ttl {
        margin: 1rem auto 0; } }
  .date-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .date-cv {
        width: 90%; } }
    .date-cv a:hover {
      opacity: 1; }
    .date-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .date-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .date-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .date-cv-copy-inner .small {
          font-size: 1rem; }
        .date-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/date/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .date-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .date-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/date/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .date-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .date-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #f78dbb;
      box-shadow: 0 8px 0 #8a0b42;
      animation-name: date-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .date-cv-btn {
          width: 100%; } }
      .date-cv-btn a {
        width: 100%;
        display: inline-block; }
      .date-cv-btn a:hover {
        opacity: 1; }
      .date-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes date-cvmove {
  0% {
    box-shadow: 0 8px 0 #8a0b42;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #8a0b42;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #8a0b42;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #8a0b42;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #8a0b42;
    transform: translatey(0); } }
  .date-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .date-link {
        margin: 1rem auto 1.5rem; } }
    .date-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .date-link-btn {
          width: 95%; } }
      .date-link-btn a:hover {
        opacity: 1; }
      .date-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #000001;
        text-decoration: none;
        font-weight: bold;
        background-color: #f0fd08;
        box-shadow: 0 8px 0 #6a7001;
        animation-name: date-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .date-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .date-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .date-link-btn-inner a:hover {
          opacity: 1; }
@keyframes date-linkmove {
  0% {
    box-shadow: 0 8px 0 #6a7001;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #6a7001;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #6a7001;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #6a7001;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #6a7001;
    transform: translatey(0); } }
        .date-link-btn-inner-txt {
          color: #000001;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .date-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .date-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .date-neotype {
    margin: 1.5rem auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .date-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .date-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .date-neotype-list {
      margin-top: 2rem;
      display: flex;
      gap: 1rem;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .date-neotype-list {
          margin-top: 2rem;
          flex-direction: column;
          gap: 2rem; } }
      .date-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #f3f3f3;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .date-neotype-list-inner {
            width: 100%; } }
        .date-neotype-list-inner-1 {
          border: 4px solid #f0fd08; }
          @media only screen and (max-width: 767px) {
            .date-neotype-list-inner-1 {
              border: 3px solid #f0fd08; } }
          .date-neotype-list-inner-1 .date-neotype-list-inner-ttl {
            position: relative; }
            .date-neotype-list-inner-1 .date-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/date/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .date-neotype-list-inner-1 .date-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .date-neotype-list-inner-2 .date-neotype-list-inner-ttl {
          position: relative; }
          .date-neotype-list-inner-2 .date-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/date/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .date-neotype-list-inner-2 .date-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .date-neotype-list-inner-3 .date-neotype-list-inner-ttl {
          position: relative; }
          .date-neotype-list-inner-3 .date-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/date/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .date-neotype-list-inner-3 .date-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .date-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .date-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/date/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .date-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .date-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .date-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .date-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .date-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .date-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .date-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .date-neotype-list-inner-ttl-name {
            font-size: 1.5rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            .date-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .date-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .date-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .date-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .date-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .5rem .2rem;
            margin: 0;
            flex-wrap: wrap; }
            .date-neotype-list-inner-content-spec-inner {
              width: 32%;
              background-color: #fff; }
              .date-neotype-list-inner-content-spec-inner-big {
                width: 100%; }
              .date-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #38a8f2;
                color: #fff;
                font-weight: bold;
                padding: .2rem;
                font-size: .9rem; }
                .date-neotype-list-inner-content-spec-inner-dt-y {
                  background-color: #f0fd08;
                  color: #000001; }
              .date-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .date-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .date-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .date-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
                .date-neotype-list-inner-content-spec-inner-dd-y {
                  background-color: #fdffd9; }
                  .date-neotype-list-inner-content-spec-inner-dd-y .txt {
                    font-size: .9rem; }
          .date-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .date-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .date-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/date/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .date-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .date-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .date-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .date-neotype-list-inner-content-cv {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .date-neotype-list-inner-content-cv {
                width: 100%; } }
            .date-neotype-list-inner-content-cv-btn {
              width: 80%;
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
        .date-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .date-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center;
            color: #000001;
            text-decoration: none; }
            .date-neotype-list-inner-link-btn-txt {
              position: relative; }
              .date-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #000001;
                border-bottom: 0;
                transition: .3s; }
              .date-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #000001;
                border-bottom: 0;
                transition: .3s; }
  .date-select {
    max-width: 750px;
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .date-select {
        padding: 0 .5rem; } }
    .date-select-list {
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      .date-select-list-wrap {
        display: flex;
        flex-direction: column; }
        .date-select-list-wrap-ttl {
          display: flex;
          justify-content: space-between;
          padding: 1rem 1.5rem;
          align-items: center;
          background-color: #38a8f2;
          cursor: pointer;
          border-radius: 10px 10px 0 0; }
          @media only screen and (max-width: 767px) {
            .date-select-list-wrap-ttl {
              padding: 0.5rem; } }
          .date-select-list-wrap-ttl-inner {
            display: flex;
            gap: 1rem;
            align-items: center;
            width: 60%; }
            @media only screen and (max-width: 767px) {
              .date-select-list-wrap-ttl-inner {
                gap: 0.8rem;
                align-items: baseline;
                width: 100%; } }
            .date-select-list-wrap-ttl-inner-img {
              width: 25%; }
              @media only screen and (max-width: 767px) {
                .date-select-list-wrap-ttl-inner-img {
                  width: 30%; } }
            .date-select-list-wrap-ttl-inner-txt {
              font-size: 1rem;
              font-weight: bold;
              color: #fff;
              width: 74%; }
              @media only screen and (max-width: 767px) {
                .date-select-list-wrap-ttl-inner-txt {
                  font-size: .9rem;
                  width: 100%; } }
              .date-select-list-wrap-ttl-inner-txt .big {
                font-size: 1.6rem; }
                @media only screen and (max-width: 767px) {
                  .date-select-list-wrap-ttl-inner-txt .big {
                    font-size: 1.4rem; } }
          .date-select-list-wrap-ttl .plus {
            position: relative;
            width: 23px;
            height: 23px;
            display: block;
            transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            cursor: pointer;
            will-change: transform; }
            .date-select-list-wrap-ttl .plus:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 75%;
              height: 3px;
              border-radius: 10px;
              background: #fff;
              display: block; }
            .date-select-list-wrap-ttl .plus:after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 3px;
              height: 75%;
              border-radius: 10px;
              background: #fff;
              display: block;
              transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
              will-change: transform; }
          .date-select-list-wrap-ttl.active .plus:after {
            transform: translate(-50%, -50%) rotate(90deg); }
        .date-select-list-wrap-content {
          background-color: #f3f3f3;
          display: none;
          border-radius: 0 0 10px 10px; }
          .date-select-list-wrap-content-inner {
            padding: 1.5rem;
            display: flex;
            gap: 1rem;
            align-items: center;
            justify-content: center;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .date-select-list-wrap-content-inner {
                padding: 1rem .5rem;
                flex-direction: column; } }
            .date-select-list-wrap-content-inner-img {
              width: 30%; }
              @media only screen and (max-width: 767px) {
                .date-select-list-wrap-content-inner-img {
                  width: 60%; } }
            .date-select-list-wrap-content-inner-txt {
              width: 69%; }
              @media only screen and (max-width: 767px) {
                .date-select-list-wrap-content-inner-txt {
                  width: 100%; } }
  .date-cam {
    margin: 0rem auto 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 500px; }
    .date-cam-shadow {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      width: 100%;
      border-radius: 20px; }
    .date-cam-month {
      text-align: center;
      font-size: 1.4rem;
      font-weight: bold;
      position: relative; }
      .date-cam-month-big {
        font-size: 2rem;
        color: #F75BBB;
        font-weight: bold; }
      .date-cam-month:before {
        position: absolute;
        bottom: 1rem;
        left: -2rem;
        width: 1.5rem;
        height: 1.5rem;
        content: '';
        background: url(../img/feature/date/fukidashi_l.png) no-repeat;
        background-size: contain;
        background-position: center; }
        @media only screen and (max-width: 767px) {
          .date-cam-month:before {
            top: inherit;
            bottom: .5rem;
            transform: none; } }
      .date-cam-month:after {
        position: absolute;
        bottom: 1rem;
        right: -2rem;
        width: 1.5rem;
        height: 1.5rem;
        content: '';
        background: url(../img/feature/detective/trust/fukidashi_r.png) no-repeat;
        background-size: contain;
        background-position: center; }
        @media only screen and (max-width: 767px) {
          .date-cam-month:after {
            top: inherit;
            bottom: .5rem;
            transform: none; } }
    .date-cam-ttl {
      background-color: #f0fd08;
      padding: 1rem .5rem;
      color: #000001;
      font-size: 1.2rem;
      text-align: center;
      width: 100%;
      border-radius: 20px 20px 0 0;
      line-height: 1.2;
      font-weight: bold; }
      .date-cam-ttl .big {
        font-size: 2rem; }
    .date-cam-content {
      padding: 0 1rem 1rem;
      width: 100%;
      border-radius: 0 0 20px 20px; }
      .date-cam-content-kome {
        display: flex;
        flex-direction: column;
        gap: .1rem;
        margin-bottom: .5rem;
        text-align: center; }
        .date-cam-content-kome .item {
          font-size: .9rem;
          text-align: center; }
          @media only screen and (max-width: 767px) {
            .date-cam-content-kome .item {
              font-size: .8rem; } }
      .date-cam-content-bnr {
        max-width: 450px;
        margin: 1rem auto; }
        .date-cam-content-bnr-img {
          margin-bottom: 1rem; }
      .date-cam-content-logo {
        margin: 0 auto; }
        .date-cam-content-logo-img {
          width: 60%;
          margin: 0 auto; }
          @media only screen and (max-width: 767px) {
            .date-cam-content-logo-img {
              width: 80%; } }
      .date-cam-content-cv {
        width: 90%; }
        @media only screen and (max-width: 767px) {
          .date-cam-content-cv {
            width: 80%; } }
  .date-hikaku {
    margin: 2rem auto; }
    .date-hikaku-container {
      max-width: 750px;
      margin: 1rem auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "point point point" "anken1-point anken2-point anken3-point" "for for for" "anken1-for anken2-for anken3-for" "get get get" "anken1-get anken2-get anken3-get" "num num num" "anken1-num anken2-num anken3-num" "rate rate rate" "anken1-rate anken2-rate anken3-rate" "cost cost cost" "anken1-cost anken2-cost anken3-cost" "men men men" "anken1-men anken2-men anken3-men" "female female female" "anken1-female anken2-female anken3-female" "like like like" "anken1-like anken2-like anken3-like" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "link link link" "anken1-link anken2-link anken3-link"; }
      .date-hikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .date-hikaku-container .ttl {
        background-color: #38a8f2;
        color: #fff;
        font-weight: bold;
        flex-direction: row;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .date-hikaku-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .date-hikaku-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .date-hikaku-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container-inner .ico-rank {
              width: 2.5rem; } }
        .date-hikaku-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container-inner .bnr {
              width: 80%; } }
        .date-hikaku-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .date-hikaku-container-inner .hitokoto {
          padding: 0 .5rem;
          line-height: 1.3;
          font-weight: bold;
          text-align: center; }
        .date-hikaku-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .date-hikaku-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container-inner-txt {
              font-size: .8rem; } }
        .date-hikaku-container-inner-list {
          padding: 0 .5rem;
          display: flex;
          flex-direction: column;
          gap: .4rem; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container-inner-list {
              padding: 0 .2rem; } }
          .date-hikaku-container-inner-list li {
            margin-left: 1rem;
            position: relative;
            font-size: .8rem;
            line-height: 1.4; }
            .date-hikaku-container-inner-list li:before {
              position: absolute;
              top: 50%;
              left: -1rem;
              transform: translateY(-50%);
              display: inline-block;
              content: '';
              width: .4rem;
              height: .4rem;
              background-color: #38a8f2;
              border-radius: 5rem; }
          .date-hikaku-container-inner-list-osusume li {
            margin: 0 auto .4rem 1rem; }
      @media only screen and (max-width: 767px) {
        .date-hikaku-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .date-hikaku-container-cv-btn {
          width: 90%;
          font-size: .9rem; } }
      .date-hikaku-container .point {
        grid-area: point;
        margin: 0;
        background-color: #f0fd08;
        color: #000001;
        position: relative; }
        .date-hikaku-container .point:before {
          position: absolute;
          top: 0;
          left: 0;
          content: '';
          width: 100%;
          height: 4.5rem;
          display: block;
          border: 4px solid #f78dbb; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .point:before {
              height: 4.4rem; } }
      .date-hikaku-container .for {
        grid-area: for; }
      .date-hikaku-container .get {
        grid-area: get; }
      .date-hikaku-container .num {
        grid-area: num; }
      .date-hikaku-container .rate {
        grid-area: rate; }
      .date-hikaku-container .cost {
        grid-area: cost; }
      .date-hikaku-container .men {
        grid-area: men; }
      .date-hikaku-container .female {
        grid-area: female; }
      .date-hikaku-container .like {
        grid-area: like; }
      .date-hikaku-container .feature {
        grid-area: feature; }
      .date-hikaku-container .link {
        grid-area: link; }
      .date-hikaku-container .anken1 {
        grid-area: anken1;
        background-color: #feffef;
        position: sticky;
        top: 0;
        z-index: 2;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .date-hikaku-container .anken1 {
            border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-point {
          grid-area: anken1-point;
          background-color: #fdffd9;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-point {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-for {
          grid-area: anken1-for;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-for {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-get {
          grid-area: anken1-get;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-get {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-num {
          grid-area: anken1-num;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-num {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-rate {
          grid-area: anken1-rate;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-rate {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-cost {
          grid-area: anken1-cost;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-cost {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-men {
          grid-area: anken1-men;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-men {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-female {
          grid-area: anken1-female;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-female {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-like {
          grid-area: anken1-like;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-like {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-feature {
              border-right: 2px solid #fff; } }
        .date-hikaku-container .anken1-link {
          grid-area: anken1-link;
          background-color: #feffef;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken1-link {
              border-right: 2px solid #fff; } }
      .date-hikaku-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 2;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .date-hikaku-container .anken2 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-point {
          grid-area: anken2-point;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          background-color: #fdffd9; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-point {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-for {
          grid-area: anken2-for;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-for {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-get {
          grid-area: anken2-get;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-get {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-num {
          grid-area: anken2-num;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-num {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-rate {
          grid-area: anken2-rate;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-rate {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-cost {
          grid-area: anken2-cost;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-cost {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-men {
          grid-area: anken2-men;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-men {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-female {
          grid-area: anken2-female;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-female {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-like {
          grid-area: anken2-like;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-like {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-feature {
          grid-area: anken2-feature;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-feature {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken2-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .date-hikaku-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 2;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .date-hikaku-container .anken3 {
            border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-point {
          grid-area: anken3-point;
          border-left: 3px solid #fff;
          background-color: #fdffd9; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-point {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-for {
          grid-area: anken3-for;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-for {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-get {
          grid-area: anken3-get;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-get {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-num {
          grid-area: anken3-num;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-num {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-rate {
          grid-area: anken3-rate;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-rate {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-cost {
          grid-area: anken3-cost;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-cost {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-men {
          grid-area: anken3-men;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-men {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-female {
          grid-area: anken3-female;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-female {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-like {
          grid-area: anken3-like;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-like {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-feature {
          grid-area: anken3-feature;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-feature {
              border-left: 2px solid #fff; } }
        .date-hikaku-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .date-hikaku-container .anken3-link {
              border-left: 2px solid #fff; } }
  .date .ranking-title {
    background-color: #38a8f2;
    z-index: 0; }
    .date .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .date .ranking-title:after {
      top: 100%;
      border-top: 20px solid #38a8f2; }
  .date .ranking .date-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .date .ranking .date-ranking {
        padding: 0 .5rem; } }
    .date .ranking .date-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #f0fd08; }
    .date .ranking .date-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .date .ranking .date-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .date .ranking .date-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .date .ranking .date-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .date .ranking .date-ranking-list .ranking-list-box.rank-6 {
      border-top: 0.5rem solid #bf406d; }
    .date .ranking .date-ranking-list .ranking-list-box.rank-7 {
      border-top: 0.5rem solid #bf406d; }
    .date .ranking .date-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f3f3;
      border-radius: 20px; }
      .date .ranking .date-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .date .ranking .date-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .date .ranking .date-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .date .ranking .date-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .date .ranking .date-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .date .ranking .date-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .date .ranking .date-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .date .ranking .date-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .date .ranking .date-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .date .ranking .date-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .date .ranking .date-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .date .ranking .date-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .date .ranking .date-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .date .ranking .date-ranking-list .ranking-list-box-inner-ttl {
          background-color: #38a8f2;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .date .ranking .date-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .date .ranking .date-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .date .ranking .date-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #f0fd08;
            color: #000001; }
          .date .ranking .date-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .date .ranking .date-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .date .ranking .date-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .date .ranking .date-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/date/date_check.png) no-repeat;
                background-size: contain; }
        .date .ranking .date-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .date .ranking .date-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f3f3;
            background-color: #38a8f2; }
          .date .ranking .date-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f3f3;
            border-bottom: 0.5rem solid #f3f3f3;
            font-size: .8rem;
            padding: .5rem; }
        .date .ranking .date-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .date .ranking .date-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .date-survey {
    margin-top: 2rem; }

.datesearch {
  max-width: 1020px;
  margin: 0 auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #c7c7c7; }
  @media only screen and (max-width: 767px) {
    .datesearch {
      padding: .5rem; } }
  @media only screen and (max-width: 767px) {
    .datesearch .only-pc {
      display: none; } }
  .datesearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .765rem; }
    @media only screen and (max-width: 767px) {
      .datesearch select {
        font-size: .68rem;
        height: 2.5rem; } }
  .datesearch-form {
    display: flex; }
    @media only screen and (max-width: 767px) {
      .datesearch-form {
        gap: .5rem; } }
    .datesearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 80%;
      justify-content: center; }
      @media only screen and (max-width: 767px) {
        .datesearch-form-wrap {
          flex-wrap: wrap;
          width: 75%; } }
      .datesearch-form-wrap-sankaku {
        position: relative;
        width: 45%; }
        @media only screen and (max-width: 767px) {
          .datesearch-form-wrap-sankaku {
            width: 48%; } }
        .datesearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .datesearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .datesearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .datesearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .datesearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .datesearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .datesearch-form-submit-txt {
        text-align: center;
        font-size: 0.765rem;
        line-height: 1.2;
        position: relative; }
      .datesearch-form-submit input {
        margin: 0 auto;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.105rem; }
        @media only screen and (max-width: 767px) {
          .datesearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .datesearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .datesearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.datekekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .datekekka-sort {
      flex-direction: column; } }
  .datekekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .datekekka-sort-now {
        width: 100%; } }
    .datekekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .datekekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .datekekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .datekekka-sort-form {
        width: 100%; } }
    .datekekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .datekekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.datekekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .datekekka-none-button {
      width: 70%; } }
  .datekekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .datekekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .datekekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .datekekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .datekekka-none-button-wrap a:hover {
        color: #808080; }

/*出会い系サイトLP用*/
/* matchLP   feature　基本はdate.scssの設定を引き継ぐ。色やイメージ参照パスなどのみこちらで調整
----------------------------------------------------------------------------------------------*/
.match {
  color: #222222; }
  .match-appcv {
    display: flex;
    justify-content: center;
    align-items: center; }
    .match-appcv-btn {
      display: inline-block;
      width: 49%; }
      .match-appcv-btn-apple {
        width: 85%; }
      .match-appcv-btn-google {
        width: 100%; }
  .match .date-cv-copy-inner:before {
    background: url(../img/feature/match/fukidashi_l.png) no-repeat;
    background-size: contain; }
  .match .date-cv-copy-inner:after {
    background: url(../img/feature/match/fukidashi_r.png) no-repeat;
    background-size: contain; }
  .match .date-cv-btn {
    background-color: #ff6a70;
    box-shadow: 0 8px 0 #b4363b;
    animation-name: match-cvmove;
    animation-delay: 0s;
    /* アニメーションの開始時間指定 */
    animation-duration: 3s;
    /* アニメーション動作時間の指定 */
    animation-timing-function: linear;
    /* アニメーションの動き（一定）*/
    animation-iteration-count: infinite;
    /* アニメーションを繰り返す */ }
@keyframes match-cvmove {
  0% {
    box-shadow: 0 8px 0 #b4363b;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #b4363b;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #b4363b;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #b4363b;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #b4363b;
    transform: translatey(0); } }
  .match .date-link-btn-inner {
    color: #222222;
    background-color: #fff240;
    box-shadow: 0 8px 0 #968c08;
    animation-name: match-linkmove;
    animation-delay: 0s;
    /* アニメーションの開始時間指定 */
    animation-duration: 3s;
    /* アニメーション動作時間の指定 */
    animation-timing-function: linear;
    /* アニメーションの動き（一定）*/
    animation-iteration-count: infinite;
    /* アニメーションを繰り返す */ }
@keyframes match-linkmove {
  0% {
    box-shadow: 0 8px 0 #968c08;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #968c08;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #968c08;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #968c08;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #968c08;
    transform: translatey(0); } }
    .match .date-link-btn-inner-txt {
      color: #222222;
      font-weight: bold;
      font-size: 1.1rem;
      text-align: center; }
  .match .date-neotype-list-inner {
    background-color: #f3f3f3; }
    .match .date-neotype-list-inner-1 {
      border: 4px solid #fff240; }
      @media only screen and (max-width: 767px) {
        .match .date-neotype-list-inner-1 {
          border: 3px solid #fff240; } }
      .match .date-neotype-list-inner-1 .date-neotype-list-inner-ttl:before {
        background: url(../img/feature/match/ico-rank1.png) no-repeat;
        background-size: contain; }
    .match .date-neotype-list-inner-2 .date-neotype-list-inner-ttl:before {
      background: url(../img/feature/match/ico-rank2.png) no-repeat;
      background-size: contain; }
    .match .date-neotype-list-inner-3 .date-neotype-list-inner-ttl:before {
      background: url(../img/feature/match/ico-rank3.png) no-repeat;
      background-size: contain; }
    .match .date-neotype-list-inner-ttl:after {
      background: url(../img/feature/match/neotype_line.png) no-repeat;
      background-size: contain; }
    .match .date-neotype-list-inner-content-spec-inner-dt {
      background-color: #ff9b9f;
      flex-direction: column;
      min-height: 2.8rem; }
    .match .date-neotype-list-inner-content-point-check {
      background: url(../img/feature/match/check.png) no-repeat;
      background-size: contain; }
    .match .date-neotype-list-inner-link-btn {
      color: #222222; }
      .match .date-neotype-list-inner-link-btn-txt:before {
        border-top: 7.5px solid #222222; }
      .match .date-neotype-list-inner-link-btn-txt:after {
        border-top: 7.5px solid #222222; }
  .match .date-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .match .date-type {
        margin: .5rem auto; } }
    .match .date-type-ttl {
      max-width: 500px;
      margin: auto; }
    .match .date-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .match .date-type-list {
          flex-direction: column;
          gap: 1rem; } }
      .match .date-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .match .date-type-list-inner {
            width: 100%; } }
        .match .date-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #ff9b9f; }
          .match .date-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .match .date-type-list-inner-ttl-y {
            background-color: #fff240;
            color: #222222; }
          .match .date-type-list-inner-ttl-o {
            background-color: #FAD0C4; }
          .match .date-type-list-inner-ttl-p {
            background-color: #FDB5B1; }
        .match .date-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #222222;
          border: none;
          background-color: #f3f3f3;
          border-radius: 0 0 20px 20px;
          height: auto;
          min-height: 15rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .match .date-type-list-inner-content {
              height: auto;
              padding: 1rem;
              min-height: inherit; } }
          .match .date-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            width: 100%; }
            .match .date-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .match .date-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .match .date-type-list-inner-content-wrap-flex {
              display: flex;
              gap: .5rem; }
              .match .date-type-list-inner-content-wrap-flex-link {
                width: 30%;
                border-radius: 20px;
                background-color: #fff;
                line-height: 53px;
                margin-top: 5px;
                box-shadow: 0 3px 0 #000001; }
                .match .date-type-list-inner-content-wrap-flex-link-app {
                  line-height: 85px; }
                  @media only screen and (max-width: 767px) {
                    .match .date-type-list-inner-content-wrap-flex-link-app {
                      line-height: 53px; } }
                .match .date-type-list-inner-content-wrap-flex-link:hover {
                  box-shadow: 0 0 0 0;
                  margin: 8px 0 -3px;
                  opacity: 1 !important;
                  transition: .2s; }
                .match .date-type-list-inner-content-wrap-flex-link-txt {
                  color: #222222 !important;
                  font-weight: bold;
                  font-size: 1rem; }
              .match .date-type-list-inner-content-wrap-flex-cv-btn {
                width: 100%; }
              .match .date-type-list-inner-content-wrap-flex-appcv {
                flex-direction: column;
                width: 68%;
                gap: .2rem; }
                @media only screen and (max-width: 767px) {
                  .match .date-type-list-inner-content-wrap-flex-appcv {
                    width: 100%;
                    flex-direction: row;
                    gap: 0; } }
                .match .date-type-list-inner-content-wrap-flex-appcv-btn {
                  width: 100%; }
          .match .date-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .match .date-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .match .date-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .match .date-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .match .date-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .match .date-type-list-inner-copy {
          width: 75%; }
        .match .date-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .match .date-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .match .date-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .match .date-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .match .date-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .match .date-type-list-inner-cv-txt {
            color: #fff; }
          .match .date-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .match .date-select-list-wrap-ttl {
    background: linear-gradient(90deg, #ff9b9f 0%, #FDB5B1 25%, #FAD0C4 100%); }
  .match .date-select-list-wrap-content {
    background-color: #f3f3f3; }
  .match .date-hikaku-margin {
    margin-top: -1.5rem; }
    @media only screen and (max-width: 767px) {
      .match .date-hikaku-margin {
        margin-top: -1rem; } }
  .match .date-hikaku-container .flex {
    background-color: #f3f3f3; }
  .match .date-hikaku-container .ttl {
    background: linear-gradient(90deg, #ff9b9f 0%, #FDB5B1 25%, #FAD0C4 100%); }
  .match .date-hikaku-container-appcv {
    flex-direction: column;
    gap: .5rem; }
    .match .date-hikaku-container-appcv-btn {
      width: 80%; }
      @media only screen and (max-width: 767px) {
        .match .date-hikaku-container-appcv-btn {
          width: 100%; } }
      .match .date-hikaku-container-appcv-btn-apple {
        width: 100%; }
  .match .date-hikaku-container-inner-list li:before {
    background-color: #ff9b9f;
    border-radius: 5rem; }
  .match .date-hikaku-container .point {
    background-color: #fff240;
    color: #222222;
    position: inherit; }
  .match .date-hikaku-container .anken1 {
    background-color: #fffde7; }
    .match .date-hikaku-container .anken1-for {
      background-color: #fffde7; }
    .match .date-hikaku-container .anken1-num {
      background-color: #fffde7; }
    .match .date-hikaku-container .anken1-rate {
      background-color: #fffde7; }
    .match .date-hikaku-container .anken1-cost {
      background-color: #fffde7; }
    .match .date-hikaku-container .anken1-men {
      background-color: #fffde7; }
    .match .date-hikaku-container .anken1-female {
      background-color: #fffde7; }
    .match .date-hikaku-container .anken1-like {
      background-color: #fffde7; }
    .match .date-hikaku-container .anken1-feature {
      background-color: #fffde7; }
    .match .date-hikaku-container .anken1-link {
      background-color: #fffde7; }
  .match .ranking-title {
    background-color: #f3f3f3; }
    .match .ranking-title:after {
      border-top: 20px solid #f3f3f3; }
  .match .ranking .date-ranking-list .ranking-list-box.rank-1 {
    border-top: 0.5rem solid #fff240; }
  .match .ranking .date-ranking-list .ranking-list-box.rank-2 {
    border-top: 0.5rem solid #bdb6c1; }
  .match .ranking .date-ranking-list .ranking-list-box.rank-3 {
    border-top: 0.5rem solid #9b7846; }
  .match .ranking .date-ranking-list .ranking-list-box.rank-4 {
    border-top: 0.5rem solid #1d215c; }
  .match .ranking .date-ranking-list .ranking-list-box.rank-5 {
    border-top: 0.5rem solid #bf406d; }
  .match .ranking .date-ranking-list .ranking-list-box.rank-6 {
    border-top: 0.5rem solid #bf406d; }
  .match .ranking .date-ranking-list .ranking-list-box.rank-7 {
    border-top: 0.5rem solid #bf406d; }
  .match .ranking .date-ranking-list .ranking-list-box {
    background-color: #f3f3f3; }
    .match .ranking .date-ranking-list .ranking-list-box-inner-ttl {
      background-color: #ff9b9f; }
    .match .ranking .date-ranking-list .ranking-list-box-inner-osusume-ttl {
      background-color: #fff240;
      color: #222222; }
    .match .ranking .date-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
      background: url(../img/feature/match/match_check.png) no-repeat;
      background-size: contain; }
    .match .ranking .date-ranking-list .ranking-list-box-inner-specbox th {
      border: 1px solid #f3f3f3;
      background-color: #ff9b9f; }
    .match .ranking .date-ranking-list .ranking-list-box-inner-specbox td {
      border: 1px solid #f3f3f3;
      border-bottom: 0.5rem solid #f3f3f3; }

/*マッチングアプリLP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.nose {
  color: #494949; }
  @media only screen and (max-width: 767px) {
    .nose {
      font-size: .9rem; } }
  .nose p {
    color: #494949 !important; }
  .nose .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .nose-wrapper {
    max-width: 1020px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .nose-wrapper {
        padding: 0 .5rem; } }
  .nose img {
    margin: auto; }
  .nose-wrapper {
    padding: 0 .5rem; }
  .nose a {
    transition: 0.3s; }
    .nose a:hover {
      opacity: 0.7; }
  .nose-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .nose-ttl {
        margin: 1rem auto; } }
  .nose-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .nose-cv {
        width: 90%; } }
    .nose-cv a:hover {
      opacity: 1; }
    .nose-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .nose-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .nose-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .nose-cv-copy-inner .small {
          font-size: 1rem; }
        .nose-cv-copy-inner:before {
          position: absolute;
          bottom: 0;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/nose/fukidashi_l.png) no-repeat;
          background-size: contain;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .nose-cv-copy-inner:before {
              top: inherit;
              transform: none; } }
        .nose-cv-copy-inner:after {
          position: absolute;
          bottom: 0;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/nose/fukidashi_r.png) no-repeat;
          background-size: contain;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .nose-cv-copy-inner:after {
              top: inherit;
              transform: none; } }
    .nose-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #df5a5d;
      box-shadow: 0 8px 0 #a61417;
      animation-name: nose-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .nose-cv-btn {
          width: 100%; } }
      .nose-cv-btn a {
        width: 100%;
        display: inline-block; }
      .nose-cv-btn a:hover {
        opacity: 1; }
      .nose-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes nose-cvmove {
  0% {
    box-shadow: 0 8px 0 #a61417;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #a61417;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #a61417;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #a61417;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #a61417;
    transform: translatey(0); } }
  .nose-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .nose-link {
        margin: 1rem auto 1.5rem; } }
    .nose-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .nose-link-btn {
          width: 95%; } }
      .nose-link-btn a:hover {
        opacity: 1; }
      .nose-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #494949;
        text-decoration: none;
        font-weight: bold;
        background-color: #fbe091;
        box-shadow: 0 8px 0 #957822;
        animation-name: nose-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .nose-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .nose-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .nose-link-btn-inner a:hover {
          opacity: 1; }
@keyframes nose-linkmove {
  0% {
    box-shadow: 0 8px 0 #957822;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #957822;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #957822;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #957822;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #957822;
    transform: translatey(0); } }
        .nose-link-btn-inner-txt {
          color: #494949;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .nose-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .nose-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .nose-neotype {
    margin: 0 auto;
    max-width: 1000px; }
    @media only screen and (max-width: 767px) {
      .nose-neotype {
        margin: .5rem auto;
        padding: 0 .5rem; } }
    .nose-neotype-ttl {
      max-width: 500px;
      margin: auto; }
    .nose-neotype-list {
      margin: 2rem auto;
      display: flex;
      justify-content: space-between; }
      .nose-neotype-list-inner {
        position: relative;
        width: 32%;
        background-color: #fffcf4;
        border-radius: 10px;
        box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1); }
        @media only screen and (max-width: 767px) {
          .nose-neotype-list-inner {
            width: 100%; } }
        .nose-neotype-list-inner-1 {
          border: 4px solid #feeebf; }
          @media only screen and (max-width: 767px) {
            .nose-neotype-list-inner-1 {
              border: 3px solid #feeebf; } }
          .nose-neotype-list-inner-1 .nose-neotype-list-inner-ttl {
            position: relative; }
            .nose-neotype-list-inner-1 .nose-neotype-list-inner-ttl:before {
              position: absolute;
              z-index: 1;
              top: -2rem;
              left: 50%;
              transform: translateX(-50%);
              display: inline-block;
              width: 3.5rem;
              height: 3.5rem;
              content: '';
              background: url(../img/feature/nose/ico-rank1.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .nose-neotype-list-inner-1 .nose-neotype-list-inner-ttl:before {
                  top: -1.6rem;
                  width: 3rem;
                  height: 3rem; } }
        .nose-neotype-list-inner-2 .nose-neotype-list-inner-ttl {
          position: relative; }
          .nose-neotype-list-inner-2 .nose-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/nose/ico-rank2.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .nose-neotype-list-inner-2 .nose-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .nose-neotype-list-inner-3 .nose-neotype-list-inner-ttl {
          position: relative; }
          .nose-neotype-list-inner-3 .nose-neotype-list-inner-ttl:before {
            position: absolute;
            z-index: 1;
            top: -2rem;
            left: 50%;
            transform: translateX(-50%);
            display: inline-block;
            width: 3.5rem;
            height: 3.5rem;
            content: '';
            background: url(../img/feature/nose/ico-rank3.png) no-repeat;
            background-size: contain; }
            @media only screen and (max-width: 767px) {
              .nose-neotype-list-inner-3 .nose-neotype-list-inner-ttl:before {
                top: -1.6rem;
                width: 3rem;
                height: 3rem; } }
        .nose-neotype-list-inner-ttl {
          position: relative;
          padding: 2rem .5rem 1rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background-color: #fff;
          border-radius: 10px; }
          .nose-neotype-list-inner-ttl:after {
            position: absolute;
            z-index: 1;
            display: inline-block;
            bottom: -1.6rem;
            left: 0;
            width: 100%;
            height: 2rem;
            content: '';
            background: url(../img/feature/nose/neotype_line.png) no-repeat;
            background-size: contain; }
          @media only screen and (max-width: 767px) {
            .nose-neotype-list-inner-ttl {
              padding: 1.2rem .5rem 1rem; } }
          .nose-neotype-list-inner-ttl-copy {
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
          .nose-neotype-list-inner-ttl-star {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: .8rem; }
            .nose-neotype-list-inner-ttl-star-name {
              width: 20%;
              text-align: right; }
            .nose-neotype-list-inner-ttl-star-img {
              width: 38%; }
            .nose-neotype-list-inner-ttl-star-eval {
              width: 20%; }
              .nose-neotype-list-inner-ttl-star-eval-big {
                font-size: 1.5rem;
                font-weight: bold; }
          .nose-neotype-list-inner-ttl-name {
            font-size: 1.5rem;
            text-decoration: underline #349FE8;
            transition: 0.3s; }
            .nose-neotype-list-inner-ttl-name a {
              color: #349FE8 !important; }
            .nose-neotype-list-inner-ttl-name a:hover {
              color: #060a3a !important; }
            .nose-neotype-list-inner-ttl-name:hover {
              text-decoration: underline #060a3a; }
        .nose-neotype-list-inner-content {
          padding: 2rem .5rem 4rem;
          display: flex;
          flex-direction: column;
          gap: .8rem; }
          .nose-neotype-list-inner-content-spec {
            display: flex;
            justify-content: center;
            gap: .5rem .2rem;
            margin: 0;
            flex-wrap: wrap; }
            .nose-neotype-list-inner-content-spec-inner {
              width: 49%;
              background-color: #fff; }
              .nose-neotype-list-inner-content-spec-inner-dt {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                background-color: #fde5c8;
                color: #494949;
                font-weight: bold;
                padding: .2rem;
                font-size: .9rem; }
              .nose-neotype-list-inner-content-spec-inner-dd {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: .5rem;
                padding: .5rem .2rem;
                background-color: #fff; }
                .nose-neotype-list-inner-content-spec-inner-dd .eval-mark {
                  width: 30%;
                  display: flex; }
                .nose-neotype-list-inner-content-spec-inner-dd .txt {
                  font-size: .7rem;
                  text-align: center; }
                  .nose-neotype-list-inner-content-spec-inner-dd .txt .big {
                    font-size: 1rem;
                    font-weight: bold; }
          .nose-neotype-list-inner-content-point {
            padding: 1rem .5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem; }
            .nose-neotype-list-inner-content-point-flex {
              display: flex;
              gap: .5rem;
              align-items: center; }
            .nose-neotype-list-inner-content-point-check {
              display: inline-block;
              width: 25px;
              height: 15px;
              background: url(../img/feature/eyebags/check.png) no-repeat;
              background-size: contain; }
              @media only screen and (max-width: 767px) {
                .nose-neotype-list-inner-content-point-check {
                  width: 7%; } }
            .nose-neotype-list-inner-content-point-txt {
              width: 100%;
              font-size: .9rem; }
              @media only screen and (max-width: 767px) {
                .nose-neotype-list-inner-content-point-txt {
                  width: 92%; } }
          .nose-neotype-list-inner-content-cv {
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .nose-neotype-list-inner-content-cv {
                width: 100%; } }
            .nose-neotype-list-inner-content-cv-btn {
              width: 80%;
              line-height: 1.4;
              display: flex;
              justify-content: center;
              align-items: center; }
        .nose-neotype-list-inner-link {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          .nose-neotype-list-inner-link-btn {
            border-radius: 0 0 5px 5px;
            display: inline-block;
            width: 100%;
            color: #494949;
            text-decoration: none;
            background-color: #d8d7d8;
            padding: .5rem;
            font-size: 1rem;
            font-weight: bold;
            text-align: center; }
            .nose-neotype-list-inner-link-btn-txt {
              position: relative; }
              .nose-neotype-list-inner-link-btn-txt:before {
                position: absolute;
                top: 50%;
                left: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #494949;
                border-bottom: 0;
                transition: .3s; }
              .nose-neotype-list-inner-link-btn-txt:after {
                position: absolute;
                top: 50%;
                right: -1.5rem;
                transform: translateY(-50%);
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent;
                border-top: 7.5px solid #494949;
                border-bottom: 0;
                transition: .3s; }
  .nose-way {
    background: linear-gradient(45deg, #faf1e8 0%, #fcf6e9 50%, #fdf2eb 100%);
    margin: 0rem auto 3rem;
    position: relative;
    padding-top: 2rem; }
    @media only screen and (max-width: 767px) {
      .nose-way {
        padding: 1.5rem .5rem 0; } }
    .nose-way:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: -1;
      border-left: 60px solid transparent;
      border-top: 40px solid #fcf6e9;
      border-bottom: 0; }
      @media only screen and (max-width: 767px) {
        .nose-way:before {
          border-top: 40px solid #faf1e8;
          border-bottom: 0; } }
    .nose-way-container {
      margin: 0 auto;
      padding: 8rem 0 1rem;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .nose-way-container {
          padding: 5.5rem 0 1rem; } }
      .nose-way-container-ttl {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        max-width: 500px;
        width: 95%; }
      .nose-way-container-img {
        margin: .5rem auto;
        max-width: 500px; }
      .nose-way-container-txt {
        text-align: center;
        margin: 1rem auto; }
        .nose-way-container-txt .big {
          font-size: 1.4rem;
          font-weight: bold; }
      .nose-way-container-hikaku {
        margin: 1rem auto;
        max-width: 600px;
        display: grid;
        grid-template-columns: .5fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        gap: 5px;
        grid-auto-flow: row;
        grid-template-areas: "hikakuttl hikakuttl hikakuttl hikakuttl" "name way1 way2 way3" "feature way1-feature way2-feature way3-feature" "way way1-way way2-way way3-way" "period way1-period way2-period way3-period" "down way1-down way2-down way3-down" "price way1-price way2-price way3-price"; }
        .nose-way-container-hikaku .flex {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          gap: .5rem;
          padding: .5rem .2rem;
          background-color: #fffcf4; }
        .nose-way-container-hikaku .ttl {
          background-color: #FEB588;
          color: #fff;
          font-weight: bold;
          flex-direction: row;
          font-size: .9rem;
          padding: .5rem .6rem;
          text-align: center;
          line-height: 1.2; }
          @media only screen and (max-width: 767px) {
            .nose-way-container-hikaku .ttl {
              font-size: .8rem;
              padding: .3rem; } }
        .nose-way-container-hikaku-ttl {
          width: 60%; }
          @media only screen and (max-width: 767px) {
            .nose-way-container-hikaku-ttl {
              width: 95%; } }
        .nose-way-container-hikaku-ttl2 {
          width: 50%; }
          @media only screen and (max-width: 767px) {
            .nose-way-container-hikaku-ttl2 {
              width: 75%; } }
        .nose-way-container-hikaku-img {
          width: 80%; }
          @media only screen and (max-width: 767px) {
            .nose-way-container-hikaku-img {
              width: 100%; } }
        .nose-way-container-hikaku-txt {
          text-align: center;
          font-size: .8rem; }
        .nose-way-container-hikaku .hikakuttl {
          grid-area: hikakuttl;
          background: linear-gradient(45deg, #FEB588 0%, #df5a5d 100%);
          border-radius: 20px 20px 0 0;
          padding: 1rem;
          display: flex; }
        .nose-way-container-hikaku .name {
          grid-area: name; }
        .nose-way-container-hikaku .feature {
          grid-area: feature; }
        .nose-way-container-hikaku .way {
          grid-area: way; }
        .nose-way-container-hikaku .period {
          grid-area: period; }
        .nose-way-container-hikaku .down {
          grid-area: down; }
        .nose-way-container-hikaku .price {
          grid-area: price; }
        .nose-way-container-hikaku .way1 {
          grid-area: way1; }
          .nose-way-container-hikaku .way1-feature {
            grid-area: way1-feature; }
          .nose-way-container-hikaku .way1-way {
            grid-area: way1-way; }
          .nose-way-container-hikaku .way1-period {
            grid-area: way1-period; }
          .nose-way-container-hikaku .way1-down {
            grid-area: way1-down; }
          .nose-way-container-hikaku .way1-price {
            grid-area: way1-price; }
        .nose-way-container-hikaku .way2 {
          grid-area: way2; }
          .nose-way-container-hikaku .way2-feature {
            grid-area: way2-feature; }
          .nose-way-container-hikaku .way2-way {
            grid-area: way2-way; }
          .nose-way-container-hikaku .way2-period {
            grid-area: way2-period; }
          .nose-way-container-hikaku .way2-down {
            grid-area: way2-down; }
          .nose-way-container-hikaku .way2-price {
            grid-area: way2-price; }
        .nose-way-container-hikaku .way3 {
          grid-area: way3; }
          .nose-way-container-hikaku .way3-feature {
            grid-area: way3-feature; }
          .nose-way-container-hikaku .way3-way {
            grid-area: way3-way; }
          .nose-way-container-hikaku .way3-period {
            grid-area: way3-period; }
          .nose-way-container-hikaku .way3-down {
            grid-area: way3-down; }
          .nose-way-container-hikaku .way3-price {
            grid-area: way3-price; }
      .nose-way-container-hikaku2 {
        margin-top: 1.5rem; }
      .nose-way-container-counseling {
        max-width: 600px;
        margin: 1rem auto; }
        .nose-way-container-counseling-fukidashi {
          display: flex;
          gap: 1.5rem;
          margin: 1rem auto;
          align-items: center;
          justify-content: center; }
          .nose-way-container-counseling-fukidashi-img {
            width: 15%; }
            @media only screen and (max-width: 767px) {
              .nose-way-container-counseling-fukidashi-img {
                width: 25%; } }
          .nose-way-container-counseling-fukidashi-right {
            width: 84%;
            background-color: #fffcf4;
            border-radius: 10px;
            padding: 1rem;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center; }
            @media only screen and (max-width: 767px) {
              .nose-way-container-counseling-fukidashi-right {
                width: 74%; } }
            .nose-way-container-counseling-fukidashi-right:before {
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent;
              border-right: 20px solid #fffcf4;
              border-left: 0;
              position: absolute;
              content: '';
              top: 50%;
              left: -1rem;
              transform: translateY(-50%); }
          .nose-way-container-counseling-fukidashi-left {
            width: 84%;
            background-color: #fffcf4;
            border-radius: 10px;
            padding: 1rem;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center; }
            @media only screen and (max-width: 767px) {
              .nose-way-container-counseling-fukidashi-left {
                width: 74%; } }
            .nose-way-container-counseling-fukidashi-left:before {
              width: 0;
              height: 0;
              border-style: solid;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent;
              border-left: 20px solid #fffcf4;
              border-right: 0;
              position: absolute;
              content: '';
              top: 50%;
              right: -1rem;
              transform: translateY(-50%); }
        .nose-way-container-counseling-can {
          margin: 1.5rem auto; }
          .nose-way-container-counseling-can-swiper {
            margin: 1rem auto .5rem; }
            .nose-way-container-counseling-can-swiper-wrapper {
              padding-bottom: .5rem; }
              @media only screen and (max-width: 767px) {
                .nose-way-container-counseling-can-swiper-wrapper {
                  padding-bottom: 1.5rem; } }
          .nose-way-container-counseling-can-flex {
            display: flex;
            gap: 1rem;
            align-items: center;
            margin: .5rem auto; }
            .nose-way-container-counseling-can-flex-img {
              width: calc(35% - .5rem); }
            .nose-way-container-counseling-can-flex-txt {
              width: calc(65% - .5rem); }
      .nose-way-container-link {
        margin: .5rem auto 1rem;
        display: flex;
        justify-content: center; }
        @media only screen and (max-width: 767px) {
          .nose-way-container-link {
            margin: .5rem auto 1.5rem; } }
        .nose-way-container-link-inner-btn {
          background: linear-gradient(45deg, #FEB588 0%, #df5a5d 100%);
          display: inline-block;
          color: #fff;
          padding: 1rem 2rem;
          text-decoration: none;
          border-radius: 40px;
          box-shadow: 0 8px 0 #a61417; }
          @media only screen and (max-width: 767px) {
            .nose-way-container-link-inner-btn {
              padding: 1rem; } }
          .nose-way-container-link-inner-btn:hover {
            opacity: 1 !important;
            box-shadow: 0 0 0 #a61417;
            transform: translatey(8px); }
          .nose-way-container-link-inner-btn .big {
            font-size: 1.6rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .nose-way-container-link-inner-btn .big {
                font-size: 1.4rem; } }
  .nose-case {
    max-width: 500px;
    margin: -2rem auto 2rem; }
    @media only screen and (max-width: 767px) {
      .nose-case {
        padding: 0 .5rem; } }
    .nose-case-list {
      display: flex;
      flex-direction: column;
      gap: 1.5rem; }
      .nose-case-list-item {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        padding: 1.5rem;
        border-radius: 20px; }
        .nose-case-list-item-ttl {
          margin-bottom: .5rem;
          font-size: .8rem;
          line-height: 1.3; }
          @media only screen and (max-width: 767px) {
            .nose-case-list-item-ttl {
              font-size: .9rem; } }
          .nose-case-list-item-ttl .big {
            font-size: 1.6rem;
            font-weight: bold; }
            @media only screen and (max-width: 767px) {
              .nose-case-list-item-ttl .big {
                font-size: 1.5rem; } }
        .nose-case-list-item-content {
          display: flex;
          flex-direction: column;
          gap: .5rem; }
          .nose-case-list-item-content-tag {
            display: flex;
            gap: .5rem; }
            .nose-case-list-item-content-tag-wrap {
              padding: .2rem 1rem;
              border-radius: 20px;
              background-color: #fbf5e9;
              font-size: .8rem; }
          .nose-case-list-item-content-kome {
            font-size: .8rem; }
            @media only screen and (max-width: 767px) {
              .nose-case-list-item-content-kome {
                font-size: .7rem; } }
  .nose-top3 {
    margin: 0rem auto 1.5rem; }
    .nose-top3-container {
      max-width: 750px;
      margin: 0 auto;
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "way way way" "anken1-way anken2-way anken3-way" "acid acid acid" "anken1-acid anken2-acid anken3-acid" "high high high" "anken1-high anken2-high anken3-high" "middle middle middle" "anken1-middle anken2-middle anken3-middle" "pro pro pro" "anken1-pro anken2-pro anken3-pro" "area area area" "anken1-area anken2-area anken3-area" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "link link link" "anken1-link anken2-link anken3-link"; }
      .nose-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #fef3f2; }
      .nose-top3-container .ttl {
        background: linear-gradient(90deg, #fde5c8 0%, #feeed1 35%, #fed9c9 65%, #fedad5 100%);
        color: #494949;
        font-weight: bold;
        flex-direction: row;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .nose-top3-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .nose-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .nose-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .nose-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container-inner .bnr {
              width: 80%; } }
        .nose-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .nose-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .nose-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container-inner-txt {
              font-size: .8rem; } }
      .nose-top3-container-list {
        display: inline-block; }
        .nose-top3-container-list li {
          margin-left: 1rem;
          position: relative;
          font-size: .8rem;
          line-height: 1.4; }
          .nose-top3-container-list li:before {
            position: absolute;
            top: 50%;
            left: -1rem;
            transform: translateY(-50%);
            display: inline-block;
            content: '';
            width: .4rem;
            height: .4rem;
            background-color: #df5a5d;
            border-radius: 5rem; }
        .nose-top3-container-list-osusume li {
          margin: 0 auto .4rem 1rem; }
      @media only screen and (max-width: 767px) {
        .nose-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .nose-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .nose-top3-container .way {
        grid-area: way; }
      .nose-top3-container .acid {
        grid-area: acid; }
      .nose-top3-container .high {
        grid-area: high; }
      .nose-top3-container .middle {
        grid-area: middle; }
      .nose-top3-container .pro {
        grid-area: pro; }
      .nose-top3-container .area {
        grid-area: area; }
      .nose-top3-container .osusume {
        grid-area: osusume; }
      .nose-top3-container .link {
        grid-area: link; }
      .nose-top3-container .anken1 {
        grid-area: anken1;
        background-color: #fffcf4;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .nose-top3-container .anken1 {
            border-right: 2px solid #fff; } }
        .nose-top3-container .anken1-way {
          grid-area: anken1-way;
          background-color: #fffcf4;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken1-way {
              border-right: 2px solid #fff; } }
        .nose-top3-container .anken1-acid {
          grid-area: anken1-acid;
          background-color: #fffcf4;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken1-acid {
              border-right: 2px solid #fff; } }
        .nose-top3-container .anken1-high {
          grid-area: anken1-high;
          background-color: #fffcf4;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken1-high {
              border-right: 2px solid #fff; } }
        .nose-top3-container .anken1-middle {
          grid-area: anken1-middle;
          background-color: #fffcf4;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken1-middle {
              border-right: 2px solid #fff; } }
        .nose-top3-container .anken1-pro {
          grid-area: anken1-pro;
          background-color: #fffcf4;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken1-pro {
              border-right: 2px solid #fff; } }
        .nose-top3-container .anken1-area {
          grid-area: anken1-area;
          background-color: #fffcf4;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken1-area {
              border-right: 2px solid #fff; } }
        .nose-top3-container .anken1-osusume {
          grid-area: anken1-osusume;
          background-color: #fffcf4;
          border-right: 3px solid #fff;
          padding: .5rem; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken1-osusume {
              border-right: 2px solid #fff; } }
        .nose-top3-container .anken1-link {
          grid-area: anken1-link;
          background-color: #fffcf4;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken1-link {
              border-right: 2px solid #fff; } }
      .nose-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .nose-top3-container .anken2 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
        .nose-top3-container .anken2-way {
          grid-area: anken2-way;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken2-way {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken2-acid {
          grid-area: anken2-acid;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken2-acid {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken2-high {
          grid-area: anken2-high;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken2-high {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken2-middle {
          grid-area: anken2-middle;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken2-middle {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken2-pro {
          grid-area: anken2-pro;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken2-pro {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken2-area {
          grid-area: anken2-area;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken2-area {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken2-osusume {
          grid-area: anken2-osusume;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff;
          padding: .5rem; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken2-osusume {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken2-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .nose-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .nose-top3-container .anken3 {
            border-left: 2px solid #fff; } }
        .nose-top3-container .anken3-way {
          grid-area: anken3-way;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken3-way {
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken3-acid {
          grid-area: anken3-acid;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken3-acid {
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken3-high {
          grid-area: anken3-high;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken3-high {
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken3-middle {
          grid-area: anken3-middle;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken3-middle {
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken3-pro {
          grid-area: anken3-pro;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken3-pro {
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken3-area {
          grid-area: anken3-area;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken3-area {
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken3-osusume {
          grid-area: anken3-osusume;
          border-left: 3px solid #fff;
          padding: .5rem; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken3-osusume {
              border-left: 2px solid #fff; } }
        .nose-top3-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .nose-top3-container .anken3-link {
              border-left: 2px solid #fff; } }
  .nose .ranking-title {
    background: linear-gradient(90deg, #fde5c8 0%, #feeed1 35%, #fed9c9 65%, #fedad5 100%);
    z-index: 0; }
    .nose .ranking-title-img {
      display: inline-block;
      max-width: 500px;
      margin: auto; }
    .nose .ranking-title:after {
      top: 100%;
      border-top: 20px solid #fee4cc; }
  .nose .ranking .nose-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .nose .ranking .nose-ranking {
        padding: 0 .5rem; } }
    .nose .ranking .nose-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #feeebf; }
    .nose .ranking .nose-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .nose .ranking .nose-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .nose .ranking .nose-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .nose .ranking .nose-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .nose .ranking .nose-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #fffcf4;
      border-radius: 20px; }
      .nose .ranking .nose-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .nose .ranking .nose-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .nose .ranking .nose-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .nose .ranking .nose-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .nose .ranking .nose-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .nose .ranking .nose-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .nose .ranking .nose-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .nose .ranking .nose-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .nose .ranking .nose-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .nose .ranking .nose-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .nose .ranking .nose-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .nose .ranking .nose-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .nose .ranking .nose-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .nose .ranking .nose-ranking-list .ranking-list-box-inner-ttl {
          background: linear-gradient(90deg, #fde5c8 0%, #feeed1 35%, #fed9c9 65%, #fedad5 100%);
          padding: .2rem;
          text-align: center;
          color: #494949; }
        .nose .ranking .nose-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #feeebf;
            color: #494949; }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .nose .ranking .nose-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .nose .ranking .nose-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/nose/nose_check.png) no-repeat;
                background-size: contain; }
        .nose .ranking .nose-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-specbox .orange {
            background-color: #fee4cc; }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-specbox .yellow {
            background-color: #feeed1; }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-specbox .pink {
            background-color: #fedad5; }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-specbox th {
            padding: .2rem;
            height: auto;
            border: 1px solid #fffcf4;
            background-color: #494949; }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #fffcf4;
            border-bottom: 0.5rem solid #fffcf4;
            font-size: .8rem;
            padding: .5rem; }
        .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #c7c7c7;
            color: #494949;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #494949 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #494949 transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #c7c7c7;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .nose .ranking .nose-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .nose .ranking .nose-ranking-list .ranking-list-box-inner-com {
          display: flex;
          gap: 1rem;
          justify-content: center;
          margin: 1rem auto;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-com {
              gap: .5rem; } }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-com-img {
            width: 20%; }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-com-content {
            width: 79%;
            padding: 1rem;
            background-color: #fff;
            border-radius: 10px; }
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-com-content-txt {
              font-size: .9rem;
              line-height: 1.6; }
        .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point {
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point {
              margin-bottom: 1rem; } }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            padding-top: 1rem; }
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item {
              box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
              background-color: #fff;
              padding: 1rem 0;
              border-radius: 10px;
              width: 100%; }
              .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-ttl {
                position: relative;
                background: linear-gradient(90deg, #fde5c8 0%, #feeed1 35%, #fed9c9 65%, #fedad5 100%);
                padding: .5rem; }
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  left: -25px;
                  z-index: 1;
                  width: 7rem; }
                  @media only screen and (max-width: 767px) {
                    .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                      left: -15px;
                      width: 6.5rem; } }
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                  font-size: 1rem;
                  line-height: 1.3;
                  padding-left: 5.5rem;
                  display: inline-block;
                  font-weight: normal; }
                  @media only screen and (max-width: 767px) {
                    .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                      font-size: .9rem; } }
                  .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                    font-size: 1.8rem;
                    font-weight: bold; }
                    @media only screen and (max-width: 767px) {
                      .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                        font-size: 1.2rem; } }
              .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-inner {
                padding: 1rem;
                max-width: 600px;
                margin: 0 auto; }
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-inner-img {
                  margin: 1rem auto; }
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex {
                  display: flex;
                  gap: 1rem;
                  align-items: center;
                  margin: 1rem auto; }
                  .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                    width: calc(40% - .5rem); }
                    @media only screen and (max-width: 767px) {
                      .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-img {
                        width: calc(50% - .5rem); } }
                  .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-txt {
                    width: calc(60% - .5rem); }
                    @media only screen and (max-width: 767px) {
                      .nose .ranking .nose-ranking-list .ranking-list-box-inner-3point-content-item-inner-flex-txt {
                        width: calc(50% - .5rem); } }
        .nose .ranking .nose-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0;
            display: flex;
            flex-direction: column;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner {
                gap: .5rem; } }
            .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner-card {
              background-color: #fff;
              position: relative;
              display: flex;
              align-items: center;
              gap: 1rem;
              border-radius: 10px;
              padding: 1rem; }
              @media only screen and (max-width: 767px) {
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner-card {
                  gap: .5rem; } }
              .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner-card-img {
                width: 20%; }
                @media only screen and (max-width: 767px) {
                  .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner-card-img {
                    width: 24%; } }
              .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                width: 79%; }
                @media only screen and (max-width: 767px) {
                  .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                    width: 75%; } }
                .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                  height: auto; }
                  @media only screen and (max-width: 767px) {
                    .nose .ranking .nose-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                      font-size: 13px !important; } }
        .nose .ranking .nose-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .nose .ranking .nose-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .nose-survey {
    margin-top: 2rem; }

.nose-neotype .swiper-pagination-bullet, .nose-way-container-counseling-can-swiper .swiper-pagination-bullet {
  color: #df5a5d;
  border: 1px solid #fff;
  box-sizing: content-box; }
.nose-neotype .swiper-pagination-bullet.swiper-pagination-bullet-active, .nose-way-container-counseling-can-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #df5a5d;
  border: 1px solid #fff;
  box-sizing: content-box; }
.nose .ranking-list-box-inner-review .swiper-button-prev, .nose .ranking-list-box-inner-review .swiper-button-next {
  color: #df5a5d; }
.nose .ranking-list-box-inner-review .swiper-button-next:after, .nose .ranking-list-box-inner-review .swiper-button-prev:after {
  font-size: 2rem; }
.nose .ranking-list-box-inner-review .swiper-pagination-bullet {
  color: #df5a5d;
  border: 1px solid #fff;
  box-sizing: content-box; }
.nose .ranking-list-box-inner-review .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #df5a5d;
  border: 1px solid #fff;
  box-sizing: content-box; }

/*鼻整形LP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.agent {
  color: #394e63;
  background-color: #f2f2f2;
  padding-bottom: 1px; }
  @media only screen and (max-width: 767px) {
    .agent {
      font-size: .9rem; } }
  .agent .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .agent img {
    margin: auto; }
  .agent-wrapper {
    padding: 0 .5rem; }
  .agent a {
    transition: 0.3s; }
    .agent a:hover {
      opacity: 0.7; }
  .agent-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .agent-ttl {
        margin: 1rem auto 0; } }
  .agent-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .agent-cv {
        width: 90%; } }
    .agent-cv a:hover {
      opacity: 1; }
    .agent-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .agent-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .agent-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .agent-cv-copy-inner .small {
          font-size: 1rem; }
        .agent-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/agent/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .agent-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .agent-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/agent/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .agent-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .agent-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #9c203c;
      box-shadow: 0 8px 0 #661427;
      animation-name: agent-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .agent-cv-btn {
          width: 100%; } }
      .agent-cv-btn a {
        width: 100%;
        display: inline-block; }
      .agent-cv-btn a:hover {
        opacity: 1; }
      .agent-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes agent-cvmove {
  0% {
    box-shadow: 0 8px 0 #661427;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #661427;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #661427;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #661427;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #661427;
    transform: translatey(0); } }
  .agent-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .agent-link {
        margin: 1rem auto 1.5rem; } }
    .agent-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .agent-link-btn {
          width: 95%; } }
      .agent-link-btn a:hover {
        opacity: 1; }
      .agent-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #394e63;
        text-decoration: none;
        font-weight: bold;
        background-color: #ffe33a;
        box-shadow: 0 8px 0 #8d7d1f;
        animation-name: agent-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .agent-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .agent-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .agent-link-btn-inner a:hover {
          opacity: 1; }
@keyframes agent-linkmove {
  0% {
    box-shadow: 0 8px 0 #8d7d1f;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #8d7d1f;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #8d7d1f;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #8d7d1f;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #8d7d1f;
    transform: translatey(0); } }
        .agent-link-btn-inner-txt {
          color: #394e63;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .agent-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .agent-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .agent-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .agent-type {
        margin: .5rem auto; } }
    .agent-type-ttl {
      max-width: 500px;
      margin: auto; }
    .agent-type-list {
      max-width: 750px;
      margin: .5rem auto 1rem;
      gap: .7rem; }
      @media only screen and (max-width: 767px) {
        .agent-type-list {
          margin-bottom: 1.5rem;
          flex-direction: column; } }
      .agent-type-list-inner {
        width: 33%; }
        @media only screen and (max-width: 767px) {
          .agent-type-list-inner {
            width: 100%; } }
        .agent-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #394e63;
          font-size: .9rem;
          border-radius: 20px 20px 0 0;
          background: #d4d7de; }
          @media only screen and (max-width: 767px) {
            .agent-type-list-inner-ttl {
              font-size: 1rem; } }
          .agent-type-list-inner-ttl-big {
            font-size: 1.2rem; }
            @media only screen and (max-width: 767px) {
              .agent-type-list-inner-ttl-big {
                font-size: 1.5rem; } }
          .agent-type-list-inner-ttl-y {
            background-color: #ffe33a; }
          .agent-type-list-inner-ttl-c {
            background-color: #c99f77;
            color: #fff; }
        .agent-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #394e63;
          border: none;
          background-color: #fff;
          border-radius: 0 0 20px 20px;
          height: 14rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .agent-type-list-inner-content {
              height: auto;
              padding: 1rem; } }
          .agent-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            width: 100%; }
            .agent-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .agent-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .agent-type-list-inner-content-wrap-flex {
              display: flex;
              gap: .5rem; }
              .agent-type-list-inner-content-wrap-flex-link {
                width: 30%;
                border-radius: 20px;
                background-color: #f2f2f2;
                line-height: 45px;
                margin-top: 5px;
                box-shadow: 0 3px 0 #394e63; }
                .agent-type-list-inner-content-wrap-flex-link:hover {
                  box-shadow: 0 0 0 0;
                  margin: 8px 0 -3px;
                  opacity: 1 !important;
                  transition: .2s; }
                .agent-type-list-inner-content-wrap-flex-link-txt {
                  color: #394e63 !important;
                  font-weight: bold;
                  font-size: 1rem; }
              .agent-type-list-inner-content-wrap-flex-cv {
                height: 45px;
                line-height: 45px;
                width: 69%; }
                .agent-type-list-inner-content-wrap-flex-cv-btn {
                  width: 100% !important;
                  padding: 0.5rem !important; }
                .agent-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff;
                  font-size: 1.2rem;
                  display: block; }
                  @media only screen and (max-width: 767px) {
                    .agent-type-list-inner-content-wrap-flex-cv-txt {
                      font-size: 1.3rem; } }
        .agent-type-list-inner-copy {
          width: 75%; }
        .agent-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .agent-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .agent-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .agent-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .agent-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .agent-type-list-inner-cv-txt {
            color: #fff; }
          .agent-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
    .agent-type-kome {
      text-align: right;
      font-size: .7rem; }
      @media only screen and (max-width: 767px) {
        .agent-type-kome {
          text-align: left; } }
  .agent-fact {
    background-color: #d4d7de;
    margin: 0rem auto 3rem;
    position: relative;
    padding-top: 1rem; }
    .agent-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: 0;
      border-left: 60px solid transparent;
      border-top: 40px solid #d4d7de;
      border-bottom: 0; }
    .agent-fact-ttl {
      max-width: 500px;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .agent-fact-ttl {
          padding: 0 .5rem; } }
    .agent-fact-container {
      margin: 1rem auto;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .agent-fact-container {
          padding: 0 .5rem 1rem; } }
      .agent-fact-container-img {
        margin: 0 auto;
        max-width: 500px; }
      .agent-fact-container-kome {
        font-size: .6rem;
        text-align: right;
        max-width: 500px;
        margin: .5rem auto; }
        @media only screen and (max-width: 767px) {
          .agent-fact-container-kome {
            font-size: .5rem; } }
        .agent-fact-container-kome a {
          text-decoration: none;
          color: #394e63;
          transition: .3s; }
        .agent-fact-container-kome a:hover {
          opacity: 0.7; }
      .agent-fact-container-txt {
        text-align: center;
        margin-top: 1rem;
        line-height: 1.5;
        color: #394e63 !important; }
  .agent-hikaku {
    margin: 2rem auto; }
    .agent-hikaku-container {
      max-width: 750px;
      margin: 1rem auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "commission commission commission" "anken1-commission anken2-commission anken3-commission" "cost cost cost" "anken1-cost anken2-cost anken3-cost" "to to to" "anken1-to anken2-to anken3-to" "for for for" "anken1-for anken2-for anken3-for" "support support support" "anken1-support anken2-support anken3-support" "feature feature feature" "anken1-feature anken2-feature anken3-feature" "link link link" "anken1-link anken2-link anken3-link"; }
      .agent-hikaku-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem;
        background-color: #fff; }
      .agent-hikaku-container .ttl {
        background-color: #d4d7de;
        color: #fff;
        font-weight: bold;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .agent-hikaku-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .agent-hikaku-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .agent-hikaku-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container-inner .ico-rank {
              width: 2.5rem; } }
        .agent-hikaku-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container-inner .bnr {
              width: 80%; } }
        .agent-hikaku-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .agent-hikaku-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .agent-hikaku-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container-inner-txt {
              font-size: .8rem; } }
        .agent-hikaku-container-inner-list {
          display: flex;
          flex-direction: column;
          gap: .5rem; }
          .agent-hikaku-container-inner-list li {
            margin-left: 1rem;
            position: relative;
            font-size: .8rem;
            line-height: 1.4; }
            .agent-hikaku-container-inner-list li:before {
              position: absolute;
              top: 50%;
              left: -.8rem;
              transform: translateY(-50%);
              display: inline-block;
              content: '';
              width: .4rem;
              height: .4rem;
              background-color: #d4d7de;
              border-radius: 5rem; }
      @media only screen and (max-width: 767px) {
        .agent-hikaku-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .agent-hikaku-container-cv-btn {
          width: 90%;
          font-size: .9rem; } }
      .agent-hikaku-container .commission {
        grid-area: commission; }
      .agent-hikaku-container .cost {
        grid-area: cost; }
      .agent-hikaku-container .to {
        grid-area: to; }
      .agent-hikaku-container .for {
        grid-area: for; }
      .agent-hikaku-container .support {
        grid-area: support; }
      .agent-hikaku-container .feature {
        grid-area: feature; }
      .agent-hikaku-container .link {
        grid-area: link; }
      .agent-hikaku-container .anken1 {
        grid-area: anken1;
        background-color: #fffade;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #f2f2f2; }
        @media only screen and (max-width: 767px) {
          .agent-hikaku-container .anken1 {
            border-right: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken1-commission {
          grid-area: anken1-commission;
          background-color: #fffade;
          border-right: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken1-commission {
              border-right: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken1-cost {
          grid-area: anken1-cost;
          background-color: #fffade;
          border-right: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken1-cost {
              border-right: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken1-to {
          grid-area: anken1-to;
          background-color: #fffade;
          border-right: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken1-to {
              border-right: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken1-for {
          grid-area: anken1-for;
          background-color: #fffade;
          border-right: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken1-for {
              border-right: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken1-support {
          grid-area: anken1-support;
          background-color: #fffade;
          border-right: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken1-support {
              border-right: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken1-feature {
          grid-area: anken1-feature;
          background-color: #fffade;
          border-right: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken1-feature {
              border-right: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken1-link {
          grid-area: anken1-link;
          background-color: #fffade;
          border-right: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken1-link {
              border-right: 2px solid #f2f2f2; } }
      .agent-hikaku-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #f2f2f2;
        border-left: 3px solid #f2f2f2; }
        @media only screen and (max-width: 767px) {
          .agent-hikaku-container .anken2 {
            border-right: 2px solid #f2f2f2;
            border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken2-commission {
          grid-area: anken2-commission;
          border-right: 3px solid #f2f2f2;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken2-commission {
              border-right: 2px solid #f2f2f2;
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken2-cost {
          grid-area: anken2-cost;
          border-right: 3px solid #f2f2f2;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken2-cost {
              border-right: 2px solid #f2f2f2;
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken2-to {
          grid-area: anken2-to;
          border-right: 3px solid #f2f2f2;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken2-to {
              border-right: 2px solid #f2f2f2;
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken2-for {
          grid-area: anken2-for;
          border-right: 3px solid #f2f2f2;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken2-for {
              border-right: 2px solid #f2f2f2;
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken2-support {
          grid-area: anken2-support;
          border-right: 3px solid #f2f2f2;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken2-support {
              border-right: 2px solid #f2f2f2;
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken2-feature {
          grid-area: anken2-feature;
          border-right: 3px solid #f2f2f2;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken2-feature {
              border-right: 2px solid #f2f2f2;
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken2-link {
              border-right: 2px solid #f2f2f2; } }
      .agent-hikaku-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #f2f2f2; }
        @media only screen and (max-width: 767px) {
          .agent-hikaku-container .anken3 {
            border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken3-commission {
          grid-area: anken3-commission;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken3-commission {
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken3-cost {
          grid-area: anken3-cost;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken3-cost {
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken3-to {
          grid-area: anken3-to;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken3-to {
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken3-for {
          grid-area: anken3-for;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken3-for {
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken3-support {
          grid-area: anken3-support;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken3-support {
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken3-feature {
          grid-area: anken3-feature;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken3-feature {
              border-left: 2px solid #f2f2f2; } }
        .agent-hikaku-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #f2f2f2; }
          @media only screen and (max-width: 767px) {
            .agent-hikaku-container .anken3-link {
              border-left: 2px solid #f2f2f2; } }
  .agent-select {
    max-width: 750px;
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      .agent-select {
        padding: 0 .5rem; } }
    .agent-select-list {
      margin: 1rem auto;
      display: flex;
      flex-direction: column;
      gap: 1rem; }
      .agent-select-list-wrap {
        display: flex;
        flex-direction: column; }
        .agent-select-list-wrap-ttl {
          display: flex;
          justify-content: space-between;
          padding: 1rem 1.5rem;
          align-items: center;
          background-color: #d4d7de;
          cursor: pointer; }
          @media only screen and (max-width: 767px) {
            .agent-select-list-wrap-ttl {
              padding: 0.5rem; } }
          .agent-select-list-wrap-ttl-inner {
            display: flex;
            gap: 1rem;
            align-items: center;
            width: 60%; }
            @media only screen and (max-width: 767px) {
              .agent-select-list-wrap-ttl-inner {
                flex-direction: column;
                gap: 0.2rem;
                align-items: baseline;
                width: 100%; } }
            .agent-select-list-wrap-ttl-inner-img {
              width: 25%; }
              @media only screen and (max-width: 767px) {
                .agent-select-list-wrap-ttl-inner-img {
                  width: 30%; } }
            .agent-select-list-wrap-ttl-inner-txt {
              font-size: 1rem;
              font-weight: bold;
              color: #394e63;
              width: 74%; }
              @media only screen and (max-width: 767px) {
                .agent-select-list-wrap-ttl-inner-txt {
                  font-size: .9rem;
                  width: 100%; } }
              .agent-select-list-wrap-ttl-inner-txt .big {
                font-size: 1.6rem; }
                @media only screen and (max-width: 767px) {
                  .agent-select-list-wrap-ttl-inner-txt .big {
                    font-size: 1.4rem; } }
          .agent-select-list-wrap-ttl .plus {
            position: relative;
            width: 23px;
            height: 23px;
            display: block;
            transition: 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
            cursor: pointer;
            will-change: transform; }
            .agent-select-list-wrap-ttl .plus:before {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 75%;
              height: 3px;
              border-radius: 10px;
              background: #fff;
              display: block; }
            .agent-select-list-wrap-ttl .plus:after {
              content: "";
              position: absolute;
              top: 50%;
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 3px;
              height: 75%;
              border-radius: 10px;
              background: #fff;
              display: block;
              transition: 0.3s cubic-bezier(0.76, 0, 0.24, 1);
              will-change: transform; }
          .agent-select-list-wrap-ttl.active .plus:after {
            transform: translate(-50%, -50%) rotate(90deg); }
        .agent-select-list-wrap-content {
          background-color: #fff;
          display: none; }
          .agent-select-list-wrap-content-inner {
            padding: 1.5rem;
            display: flex;
            gap: 1rem;
            align-items: center;
            justify-content: center;
            width: 100%; }
            @media only screen and (max-width: 767px) {
              .agent-select-list-wrap-content-inner {
                padding: 1rem .5rem; } }
            .agent-select-list-wrap-content-inner-img {
              width: 30%; }
              @media only screen and (max-width: 767px) {
                .agent-select-list-wrap-content-inner-img {
                  width: 60%; } }
            .agent-select-list-wrap-content-inner-txt {
              width: 69%; }
              @media only screen and (max-width: 767px) {
                .agent-select-list-wrap-content-inner-txt {
                  width: 100%; } }
  .agent .ranking-title {
    background-color: #d4d7de;
    z-index: 0; }
    .agent .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .agent .ranking-title:after {
      top: 100%;
      border-top: 20px solid #d4d7de; }
  .agent .ranking .agent-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .agent .ranking .agent-ranking {
        padding: 0 .5rem; } }
    .agent .ranking .agent-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #ffe33a; }
    .agent .ranking .agent-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .agent .ranking .agent-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .agent .ranking .agent-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .agent .ranking .agent-ranking-list .ranking-list-box.rank-5 {
      border-top: 0.5rem solid #bf406d; }
    .agent .ranking .agent-ranking-list .ranking-list-box.rank-6 {
      border-top: 0.5rem solid #bf406d; }
    .agent .ranking .agent-ranking-list .ranking-list-box.rank-7 {
      border-top: 0.5rem solid #bf406d; }
    .agent .ranking .agent-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f2f2f2;
      border-radius: 20px; }
      .agent .ranking .agent-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .agent .ranking .agent-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .agent .ranking .agent-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .agent .ranking .agent-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .agent .ranking .agent-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .agent .ranking .agent-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .agent .ranking .agent-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .agent .ranking .agent-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .agent .ranking .agent-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .agent .ranking .agent-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .agent .ranking .agent-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .agent .ranking .agent-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .agent .ranking .agent-ranking-list .ranking-list-box-inner {
            margin: 1rem auto; } }
        .agent .ranking .agent-ranking-list .ranking-list-box-inner-ttl {
          background-color: #d4d7de;
          padding: .2rem;
          text-align: center;
          color: #394e63; }
        .agent .ranking .agent-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .agent .ranking .agent-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .agent .ranking .agent-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #ffe33a; }
          .agent .ranking .agent-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .agent .ranking .agent-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .agent .ranking .agent-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .agent .ranking .agent-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/agent/agent_check.png) no-repeat;
                background-size: contain; }
        .agent .ranking .agent-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .agent .ranking .agent-ranking-list .ranking-list-box-inner-specbox th {
            color: #394e63;
            padding: .2rem;
            height: auto;
            border: 1px solid #f2f2f2;
            background-color: #d4d7de; }
          .agent .ranking .agent-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f2f2f2;
            border-bottom: 0.5rem solid #f2f2f2;
            font-size: .8rem;
            padding: .5rem; }
        .agent .ranking .agent-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0;
            display: flex;
            flex-direction: column;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner {
                gap: .5rem; } }
            .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card {
              background-color: #fff;
              position: relative;
              display: flex;
              gap: 1rem;
              border-radius: 10px;
              padding: 1rem; }
              @media only screen and (max-width: 767px) {
                .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card {
                  gap: .5rem; } }
              .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-img {
                width: 20%; }
                @media only screen and (max-width: 767px) {
                  .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-img {
                    width: 24%; } }
              .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                width: 79%; }
                @media only screen and (max-width: 767px) {
                  .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                    width: 75%; } }
                .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                  height: 10rem;
                  overflow: hidden;
                  transition: all .3s ease; }
                  @media only screen and (max-width: 767px) {
                    .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                      font-size: 13px !important; } }
              .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-filter {
                position: absolute;
                inset: auto 0% 0%;
                background-image: linear-gradient(rgba(0, 0, 0, 0), white);
                display: flex;
                justify-content: center;
                align-items: end;
                height: 90%;
                transition: all .3s ease;
                cursor: pointer;
                border-radius: 10px; }
                .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-filter-btn {
                  background-color: #fff;
                  border-radius: 10px;
                  padding: .7rem 1rem;
                  border: 1px solid #394e63;
                  font-size: 1rem;
                  margin-bottom: 1rem; }
                  @media only screen and (max-width: 767px) {
                    .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-filter-btn {
                      font-size: .8rem;
                      padding: .5rem; } }
              .agent .ranking .agent-ranking-list .ranking-list-box-inner-review-inner-card-filter.active {
                opacity: 0;
                height: 100%;
                transition: all .3s ease; }
        .agent .ranking .agent-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .agent .ranking .agent-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .agent-survey {
    margin-top: 2rem; }

.agentsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #d4d7de;
  color: #394e63; }
  @media only screen and (max-width: 767px) {
    .agentsearch {
      padding: .5rem; } }
  .agentsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .agentsearch .only-pc {
      display: none; } }
  .agentsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #d4d7de;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .agentsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .agentsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .agentsearch-form {
        gap: .5rem; } }
    .agentsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .agentsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .agentsearch-form-wrap-sankaku {
            width: 48%; } }
        .agentsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .agentsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .agentsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .agentsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .agentsearch-form-wrap-inner:focus {
          border: 2px solid #ffe33a; }
    .agentsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .agentsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #394e63; }
        @media only screen and (max-width: 767px) {
          .agentsearch-form-submit-txt {
            font-size: 0.8rem; } }
        .agentsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #394e63;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .agentsearch-form-submit-txt:before {
              display: none; } }
        .agentsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #394e63;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .agentsearch-form-submit-txt:after {
              display: none; } }
      .agentsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #f2f2f2;
        border: 1px solid #f2f2f2;
        border-radius: 60px;
        font-weight: bold;
        color: #394e63;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .agentsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .agentsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .agentsearch-form-submit input:hover {
          background-color: #fff;
          color: #394e63; }

.agentkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .agentkekka-sort {
      flex-direction: column; } }
  .agentkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .agentkekka-sort-now {
        width: 100%; } }
    .agentkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .agentkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .agentkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .agentkekka-sort-form {
        width: 100%; } }
    .agentkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .agentkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.agentkekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .agentkekka-none-button {
      width: 70%; } }
  .agentkekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .agentkekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .agentkekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .agentkekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .agentkekka-none-button-wrap a:hover {
        color: #808080; }

.newlp-survey {
  border: 2px solid #fff; }

/*留学・ワーホリLP用*/
/* gymLP   feature　
----------------------------------------------------------------------------------------------*/
.whitening {
  color: #0b131d; }
  @media only screen and (max-width: 767px) {
    .whitening {
      font-size: .9rem; } }
  .whitening .maxwidth750 {
    max-width: 750px;
    margin: auto; }
  .whitening-wrapper {
    max-width: 1020px;
    margin: 0 auto; }
    @media only screen and (max-width: 767px) {
      .whitening-wrapper {
        padding: 0 .5rem; } }
  .whitening img {
    margin: auto; }
  .whitening-wrapper {
    padding: 0 .5rem; }
  .whitening a {
    transition: 0.3s; }
    .whitening a:hover {
      opacity: 0.7; }
  .whitening-ttl {
    max-width: 500px;
    margin: 1.5rem auto 1rem; }
    @media only screen and (max-width: 767px) {
      .whitening-ttl {
        margin: 1rem auto; } }
  .whitening-cv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 95%; }
    @media only screen and (max-width: 767px) {
      .whitening-cv {
        width: 90%; } }
    .whitening-cv a:hover {
      opacity: 1; }
    .whitening-cv-copy {
      text-align: center;
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: .5rem; }
      .whitening-cv-copy-inner {
        line-height: 1.3;
        position: relative;
        display: inline-block; }
        @media only screen and (max-width: 767px) {
          .whitening-cv-copy-inner {
            font-size: 1rem;
            max-width: 80%; } }
        .whitening-cv-copy-inner .small {
          font-size: 1rem; }
        .whitening-cv-copy-inner:before {
          position: absolute;
          bottom: .5rem;
          left: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/whitening/fukidashi_l.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .whitening-cv-copy-inner:before {
              top: inherit;
              bottom: 0;
              transform: none; } }
        .whitening-cv-copy-inner:after {
          position: absolute;
          bottom: .5rem;
          right: -1.5rem;
          width: 1.5rem;
          height: 1.5rem;
          content: '';
          background: url(../img/feature/whitening/fukidashi_r.png) no-repeat;
          background-size: contain; }
          @media only screen and (max-width: 767px) {
            .whitening-cv-copy-inner:after {
              top: inherit;
              bottom: 0;
              transform: none; } }
    .whitening-cv-btn {
      color: #fff !important;
      position: relative;
      display: inline-block;
      width: 65%;
      padding: 1rem .4rem;
      margin: auto;
      line-height: 1.5;
      border-radius: 30px;
      overflow: hidden;
      font-size: 1.2rem;
      font-weight: bold;
      background-color: #cb0500;
      box-shadow: 0 8px 0 #7c0300;
      animation-name: whitening-cvmove;
      animation-delay: 0s;
      /* アニメーションの開始時間指定 */
      animation-duration: 3s;
      /* アニメーション動作時間の指定 */
      animation-timing-function: linear;
      /* アニメーションの動き（一定）*/
      animation-iteration-count: infinite;
      /* アニメーションを繰り返す */ }
      @media only screen and (max-width: 767px) {
        .whitening-cv-btn {
          width: 100%; } }
      .whitening-cv-btn a {
        width: 100%;
        display: inline-block; }
      .whitening-cv-btn a:hover {
        opacity: 1; }
      .whitening-cv-btn:before {
        position: absolute;
        content: '';
        display: inline-block;
        pointer-events: none;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 3s ease-in-out infinite; }
@keyframes whitening-cvmove {
  0% {
    box-shadow: 0 8px 0 #7c0300;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #7c0300;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #7c0300;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #7c0300;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #7c0300;
    transform: translatey(0); } }
  .whitening-link {
    margin: 1rem auto 2rem;
    max-width: 700px; }
    @media only screen and (max-width: 767px) {
      .whitening-link {
        margin: 1rem auto 1.5rem; } }
    .whitening-link-btn {
      width: 80%;
      margin: auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .whitening-link-btn {
          width: 95%; } }
      .whitening-link-btn a:hover {
        opacity: 1; }
      .whitening-link-btn-inner {
        position: relative;
        display: inline-block;
        width: 70%;
        height: 60px;
        margin: auto;
        line-height: 60px;
        border-radius: 30px;
        overflow: hidden;
        font-size: 1.2rem;
        color: #0b131d;
        text-decoration: none;
        font-weight: bold;
        background-color: #fff228;
        box-shadow: 0 8px 0 #5a531e;
        animation-name: whitening-linkmove;
        animation-delay: 0s;
        /* アニメーションの開始時間指定 */
        animation-duration: 3s;
        /* アニメーション動作時間の指定 */
        animation-timing-function: linear;
        /* アニメーションの動き（一定）*/
        animation-iteration-count: infinite;
        /* アニメーションを繰り返す */ }
        @media only screen and (max-width: 767px) {
          .whitening-link-btn-inner {
            border-radius: 40px;
            font-size: 1rem; } }
        .whitening-link-btn-inner a {
          width: 100%;
          display: inline-block; }
        .whitening-link-btn-inner a:hover {
          opacity: 1; }
@keyframes eye-linkmove {
  0% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  40% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  50% {
    box-shadow: 0 0 0 #5a531e;
    transform: translatey(8px); }
  60% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); }
  100% {
    box-shadow: 0 8px 0 #5a531e;
    transform: translatey(0); } }
        .whitening-link-btn-inner-txt {
          color: #0b131d;
          font-weight: bold;
          font-size: 1.1rem;
          text-align: center; }
          .whitening-link-btn-inner-txt-big {
            font-size: 1.6rem; }
            @media only screen and (max-width: 767px) {
              .whitening-link-btn-inner-txt-big {
                font-size: 1.4rem; } }
  .whitening-type {
    margin: 1.5rem auto; }
    @media only screen and (max-width: 767px) {
      .whitening-type {
        margin: .5rem auto; } }
    .whitening-type-ttl {
      max-width: 500px;
      margin: auto; }
    .whitening-type-list {
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .whitening-type-list {
          flex-direction: column;
          gap: 1rem; } }
      .whitening-type-list-inner {
        width: 24%; }
        @media only screen and (max-width: 767px) {
          .whitening-type-list-inner {
            width: 100%; } }
        .whitening-type-list-inner-ttl {
          padding: 1rem .5rem;
          text-align: center;
          font-weight: bold;
          color: #fff;
          font-size: 1rem;
          border-radius: 20px 20px 0 0;
          background: #004da2; }
          .whitening-type-list-inner-ttl-big {
            font-size: 1.5rem; }
          .whitening-type-list-inner-ttl-w {
            background-color: #2ab3ef; }
          .whitening-type-list-inner-ttl-g {
            background-color: #a2a2a2; }
          .whitening-type-list-inner-ttl-d {
            background-color: #193759; }
        .whitening-type-list-inner-content {
          padding: 1rem .5rem;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          color: #0b131d;
          border: none;
          background-color: #f3f3f3;
          border-radius: 0 0 20px 20px;
          height: auto;
          min-height: 15rem;
          text-align: center;
          font-size: .9rem; }
          @media only screen and (max-width: 767px) {
            .whitening-type-list-inner-content {
              height: auto;
              padding: 1rem;
              min-height: inherit; } }
          .whitening-type-list-inner-content-wrap {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            width: 100%; }
            .whitening-type-list-inner-content-wrap .logo {
              width: 80%;
              margin: auto;
              position: inherit; }
              @media only screen and (max-width: 767px) {
                .whitening-type-list-inner-content-wrap .logo {
                  width: 65%; } }
            .whitening-type-list-inner-content-wrap-flex {
              display: flex;
              gap: .5rem; }
              .whitening-type-list-inner-content-wrap-flex-link {
                width: 30%;
                border-radius: 20px;
                background-color: #fff;
                line-height: 45px;
                margin-top: 5px;
                box-shadow: 0 3px 0 #0b131d; }
                .whitening-type-list-inner-content-wrap-flex-link:hover {
                  box-shadow: 0 0 0 0;
                  margin: 8px 0 -3px;
                  opacity: 1 !important;
                  transition: .2s; }
                .whitening-type-list-inner-content-wrap-flex-link-txt {
                  color: #0b131d !important;
                  font-weight: bold;
                  font-size: 1rem; }
              .whitening-type-list-inner-content-wrap-flex-cv {
                height: 45px;
                line-height: 45px;
                width: 69%; }
                .whitening-type-list-inner-content-wrap-flex-cv-btn {
                  width: 100% !important;
                  padding: 0.5rem !important; }
                .whitening-type-list-inner-content-wrap-flex-cv-txt {
                  color: #fff;
                  font-size: 1.2rem;
                  display: block; }
                  @media only screen and (max-width: 767px) {
                    .whitening-type-list-inner-content-wrap-flex-cv-txt {
                      font-size: 1.3rem; } }
          .whitening-type-list-inner-content-copy {
            width: 80%;
            display: flex;
            justify-content: center;
            align-items: center; }
          .whitening-type-list-inner-content-come {
            font-size: .7rem;
            opacity: .4; }
          .whitening-type-list-inner-content .img {
            width: 60%;
            margin: auto; }
            .whitening-type-list-inner-content .img-big {
              width: 100%;
              margin: auto; }
          .whitening-type-list-inner-content .name {
            font-weight: bold;
            font-size: 1.2rem; }
        .whitening-type-list-inner-copy {
          width: 75%; }
        .whitening-type-list-inner-cv {
          width: 3rem;
          height: 3rem;
          margin: .5rem auto;
          overflow: hidden;
          position: relative;
          display: flex;
          align-items: center;
          justify-content: center; }
          .whitening-type-list-inner-cv:before {
            position: absolute;
            content: '';
            display: inline-block;
            pointer-events: none;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite; }
          .whitening-type-list-inner-cv-btn {
            padding: .5rem 2.2rem;
            font-size: 1.1rem; }
            @media only screen and (max-width: 767px) {
              .whitening-type-list-inner-cv-btn {
                padding: .5rem 3.5rem; } }
            .whitening-type-list-inner-cv-btn:hover {
              opacity: 1 !important; }
          .whitening-type-list-inner-cv-txt {
            color: #fff; }
          .whitening-type-list-inner-cv-copy {
            font-size: 1rem;
            margin: .5rem auto 0; }
  .whitening-fact {
    background-color: #f3f3f3;
    margin: 0rem auto 3rem;
    position: relative;
    padding-top: 1rem; }
    @media only screen and (max-width: 767px) {
      .whitening-fact {
        padding: 1rem .5rem .5rem; } }
    .whitening-fact:before {
      position: absolute;
      bottom: -1.5rem;
      left: 50%;
      transform: translateX(-50%);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 60px solid transparent;
      z-index: 0;
      border-left: 60px solid transparent;
      border-top: 40px solid #f3f3f3;
      border-bottom: 0; }
    .whitening-fact-ttl {
      max-width: 500px;
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .whitening-fact-ttl {
          padding: 0 .5rem; } }
    .whitening-fact-content {
      margin: 1rem auto;
      padding-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        .whitening-fact-content {
          padding: 0 .5rem 1rem; } }
      .whitening-fact-content-img {
        margin: 0 auto;
        max-width: 500px; }
      .whitening-fact-content-kome {
        font-size: .6rem;
        text-align: right;
        max-width: 500px;
        margin: .5rem auto; }
        @media only screen and (max-width: 767px) {
          .whitening-fact-content-kome {
            font-size: .5rem; } }
        .whitening-fact-content-kome-left {
          text-align: left;
          margin: .2rem auto 0; }
        .whitening-fact-content-kome a {
          text-decoration: none;
          color: #0b131d;
          transition: .3s; }
        .whitening-fact-content-kome a:hover {
          opacity: 0.7; }
      .whitening-fact-content-com {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .5rem;
        max-width: 500px;
        margin: 0 auto; }
        .whitening-fact-content-com-img {
          width: 25%; }
        .whitening-fact-content-com-fukidashi {
          width: 74%;
          background: #fff;
          border-radius: 15px;
          padding: .5rem;
          display: flex;
          justify-content: center;
          align-items: center; }
          .whitening-fact-content-com-fukidashi-txt {
            font-size: 1rem;
            color: #0b131d !important; }
            @media only screen and (max-width: 767px) {
              .whitening-fact-content-com-fukidashi-txt {
                font-size: .8rem; } }
      .whitening-fact-content-txt {
        margin-top: .5rem;
        text-align: center;
        line-height: 1.5;
        color: #0b131d !important; }
  .whitening-top3 {
    margin: 2rem auto; }
    .whitening-top3-container {
      max-width: 750px;
      margin: 0 auto;
      position: relative;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: auto;
      grid-auto-flow: row;
      grid-template-areas: "anken1 anken2 anken3" "cost cost cost" "anken1-cost anken2-cost anken3-cost" "effect effect effect" "anken1-effect anken2-effect anken3-effect" "way way way" "anken1-way anken2-way anken3-way" "times times times" "anken1-times anken2-times anken3-times" "num num num" "anken1-num anken2-num anken3-num" "osusume osusume osusume" "anken1-osusume anken2-osusume anken3-osusume" "link link link" "anken1-link anken2-link anken3-link"; }
      .whitening-top3-container .flex {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: .5rem;
        padding: .5rem .2rem;
        background-color: #f3f3f3; }
      .whitening-top3-container .ttl {
        background-color: #004da2;
        color: #fff;
        font-weight: bold;
        flex-direction: row;
        font-size: .9rem;
        padding: .5rem .2rem;
        text-align: center;
        line-height: 1.2; }
      .whitening-top3-container .big {
        font-weight: bold;
        font-size: 1.1rem; }
      .whitening-top3-container-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: .5rem;
        justify-content: center; }
        .whitening-top3-container-inner .ico-rank {
          width: 3.5rem;
          margin: auto; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container-inner .ico-rank {
              width: 2.5rem; } }
        .whitening-top3-container-inner .bnr {
          width: 65%;
          margin: 0 auto 0.2rem; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container-inner .bnr {
              width: 80%; } }
        .whitening-top3-container-inner .name {
          font-weight: bold;
          text-align: center; }
        .whitening-top3-container-inner-eval {
          width: 2.5rem;
          margin: auto; }
        .whitening-top3-container-inner-txt {
          font-size: .9rem;
          text-align: center;
          line-height: 1.4; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container-inner-txt {
              font-size: .8rem; } }
      @media only screen and (max-width: 767px) {
        .whitening-top3-container-cv {
          width: 100%; } }
      @media only screen and (max-width: 767px) {
        .whitening-top3-container-cv-btn {
          width: 90%;
          font-size: 1rem; } }
      .whitening-top3-container .cost {
        grid-area: cost; }
      .whitening-top3-container .effect {
        grid-area: effect; }
      .whitening-top3-container .way {
        grid-area: way; }
      .whitening-top3-container .times {
        grid-area: times; }
      .whitening-top3-container .num {
        grid-area: num; }
      .whitening-top3-container .osusume {
        grid-area: osusume; }
      .whitening-top3-container .link {
        grid-area: link; }
      .whitening-top3-container .anken1 {
        grid-area: anken1;
        background-color: #ffffdc;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .whitening-top3-container .anken1 {
            border-right: 2px solid #fff; } }
        .whitening-top3-container .anken1-cost {
          grid-area: anken1-cost;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken1-cost {
              border-right: 2px solid #fff; } }
        .whitening-top3-container .anken1-effect {
          grid-area: anken1-effect;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken1-effect {
              border-right: 2px solid #fff; } }
        .whitening-top3-container .anken1-way {
          grid-area: anken1-way;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken1-way {
              border-right: 2px solid #fff; } }
        .whitening-top3-container .anken1-times {
          grid-area: anken1-times;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken1-times {
              border-right: 2px solid #fff; } }
        .whitening-top3-container .anken1-num {
          grid-area: anken1-num;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken1-num {
              border-right: 2px solid #fff; } }
        .whitening-top3-container .anken1-osusume {
          grid-area: anken1-osusume;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken1-osusume {
              border-right: 2px solid #fff; } }
        .whitening-top3-container .anken1-link {
          grid-area: anken1-link;
          background-color: #ffffdc;
          border-right: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken1-link {
              border-right: 2px solid #fff; } }
      .whitening-top3-container .anken2 {
        grid-area: anken2;
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 3px solid #fff;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .whitening-top3-container .anken2 {
            border-right: 2px solid #fff;
            border-left: 2px solid #fff; } }
        .whitening-top3-container .anken2-cost {
          grid-area: anken2-cost;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken2-cost {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken2-effect {
          grid-area: anken2-effect;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken2-effect {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken2-way {
          grid-area: anken2-way;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken2-way {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken2-times {
          grid-area: anken2-times;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken2-times {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken2-num {
          grid-area: anken2-num;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken2-num {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken2-osusume {
          grid-area: anken2-osusume;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken2-osusume {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken2-link {
          grid-area: anken2-link;
          border-right: 3px solid #fff;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken2-link {
              border-right: 2px solid #fff;
              border-left: 2px solid #fff; } }
      .whitening-top3-container .anken3 {
        grid-area: anken3;
        position: sticky;
        top: 0;
        z-index: 1;
        border-left: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          .whitening-top3-container .anken3 {
            border-left: 2px solid #fff; } }
        .whitening-top3-container .anken3-cost {
          grid-area: anken3-cost;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken3-cost {
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken3-effect {
          grid-area: anken3-effect;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken3-effect {
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken3-way {
          grid-area: anken3-way;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken3-way {
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken3-times {
          grid-area: anken3-times;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken3-times {
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken3-num {
          grid-area: anken3-num;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken3-num {
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken3-osusume {
          grid-area: anken3-osusume;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken3-osusume {
              border-left: 2px solid #fff; } }
        .whitening-top3-container .anken3-link {
          grid-area: anken3-link;
          border-left: 3px solid #fff; }
          @media only screen and (max-width: 767px) {
            .whitening-top3-container .anken3-link {
              border-left: 2px solid #fff; } }
  .whitening .ranking-title {
    background: linear-gradient(90deg, white 0%, #01c0fa 55%, #004ea2 100%);
    z-index: 0;
    padding: 1rem .5rem .5rem; }
    @media only screen and (max-width: 767px) {
      .whitening .ranking-title {
        padding: 1rem .5rem .2rem; } }
    .whitening .ranking-title-img {
      display: inline-block;
      max-width: 750px;
      margin: auto; }
    .whitening .ranking-title:after {
      top: 100%;
      border-top: 20px solid #18C6FA; }
  .whitening .ranking .whitening-ranking {
    max-width: 1020px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      .whitening .ranking .whitening-ranking {
        padding: 0 .5rem; } }
    .whitening .ranking .whitening-ranking-list .ranking-list-box.rank-1 {
      border-top: 0.5rem solid #fff228; }
    .whitening .ranking .whitening-ranking-list .ranking-list-box.rank-2 {
      border-top: 0.5rem solid #bdb6c1; }
    .whitening .ranking .whitening-ranking-list .ranking-list-box.rank-3 {
      border-top: 0.5rem solid #9b7846; }
    .whitening .ranking .whitening-ranking-list .ranking-list-box.rank-4 {
      border-top: 0.5rem solid #1d215c; }
    .whitening .ranking .whitening-ranking-list .ranking-list-box.rank-5, .whitening .ranking .whitening-ranking-list .ranking-list-box.rank-6, .whitening .ranking .whitening-ranking-list .ranking-list-box.rank-7, .whitening .ranking .whitening-ranking-list .ranking-list-box.rank-8 {
      border-top: 0.5rem solid #bf406d; }
    .whitening .ranking .whitening-ranking-list .ranking-list-box {
      box-shadow: 0px 5px 15px -3px rgba(0, 0, 0, 0.1);
      margin: 3rem auto 2rem;
      background-color: #f3f3f3;
      border-radius: 20px; }
      .whitening .ranking .whitening-ranking-list .ranking-list-box-cv {
        width: 85%; }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-cv-btn {
          width: 50%;
          margin-bottom: 1rem;
          font-size: 1.5rem; }
          @media only screen and (max-width: 767px) {
            .whitening .ranking .whitening-ranking-list .ranking-list-box-cv-btn {
              width: 90%;
              font-size: 1.2rem; } }
      .whitening .ranking .whitening-ranking-list .ranking-list-box h2 {
        padding: 1rem 1rem .5rem;
        background-color: #fff;
        width: 100%;
        border-radius: 20px 20px 0 0; }
        @media only screen and (max-width: 767px) {
          .whitening .ranking .whitening-ranking-list .ranking-list-box h2 {
            margin-top: 0;
            font-size: 1.6rem;
            padding: 1rem .5rem .5rem; } }
      .whitening .ranking .whitening-ranking-list .ranking-list-box-wrapper {
        position: relative;
        display: inline-block; }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-wrapper-ico {
          position: absolute;
          left: -5rem;
          top: 50%;
          transform: translateY(-50%);
          width: 4rem; }
          @media only screen and (max-width: 767px) {
            .whitening .ranking .whitening-ranking-list .ranking-list-box-wrapper-ico {
              top: -2.5rem;
              transform: translate(-50%, 0);
              left: 50%;
              width: 3rem; } }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-wrapper-inner {
          width: 80%;
          text-align: left; }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-wrapper-inner-subttl {
            font-size: 1rem;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              .whitening .ranking .whitening-ranking-list .ranking-list-box-wrapper-inner-subttl {
                font-size: .9rem;
                text-align: center; } }
      .whitening .ranking .whitening-ranking-list .ranking-list-box-inner {
        margin: 2rem auto;
        max-width: 750px;
        padding: 0 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner {
            margin: 1rem auto;
            padding: 0 .5rem 2rem; } }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-ttl {
          background-color: #004da2;
          padding: .2rem;
          text-align: center;
          color: #fff; }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-osusume {
          margin: 2rem auto 1rem; }
          @media only screen and (max-width: 767px) {
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-osusume {
              margin: 1rem auto; } }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-osusume-ttl {
            background-color: #fff228;
            color: #0b131d; }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-osusume-content {
            background-color: #fff;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin: 0;
            padding: 1rem 2rem; }
            @media only screen and (max-width: 767px) {
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-osusume-content {
                padding: 1rem; } }
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-osusume-content-inner {
              position: relative;
              padding-left: 1.5rem;
              font-size: 1rem; }
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-osusume-content-inner:before {
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                display: inline-block;
                width: 1.2rem;
                height: 1.2rem;
                content: '';
                background: url(../img/feature/whitening/whitening_check.png) no-repeat;
                background-size: contain; }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-specbox {
          margin: 1.5rem auto .5rem;
          border: none; }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-specbox th {
            color: #fff;
            padding: .2rem;
            height: auto;
            border: 1px solid #f3f3f3;
            background-color: #004da2; }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-specbox td {
            background-color: #fff;
            text-align: center;
            border: 1px solid #f3f3f3;
            border-bottom: 0.5rem solid #f3f3f3;
            font-size: .8rem;
            padding: .5rem; }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop {
          width: 60%;
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop {
              width: 90%; } }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-ttl {
            background-color: #193759;
            color: #fff;
            position: relative;
            padding: .5rem;
            text-align: center;
            cursor: pointer; }
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-ttl:before {
              position: absolute;
              top: 50%;
              left: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #fff transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-ttl:before {
                  left: .5rem; } }
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-ttl:after {
              position: absolute;
              top: 50%;
              right: 10%;
              transform: translateY(-50%);
              content: '';
              width: 0;
              height: 0;
              border-style: solid;
              border-width: 10px 7.5px 0 7.5px;
              border-color: #fff transparent transparent transparent;
              display: inline-block;
              pointer-events: none; }
              @media only screen and (max-width: 767px) {
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-ttl:after {
                  right: .5rem; } }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-content {
            display: none; }
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-content-list {
              margin: 0;
              padding: 1.5rem;
              background-color: #fff;
              display: flex;
              flex-direction: column;
              gap: .5rem; }
              @media only screen and (max-width: 767px) {
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-content-list {
                  padding: 1.5rem 1rem; } }
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-content-list-wrap {
                display: flex;
                justify-content: center; }
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                  background-color: #a2a2a2;
                  font-weight: bold;
                  padding: .5rem;
                  width: 20%;
                  font-size: .9rem;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  text-align: center; }
                  @media only screen and (max-width: 767px) {
                    .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-content-list-wrap-ttl {
                      font-size: .7rem; } }
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt {
                  background-color: #f3f3f3;
                  padding: .5rem;
                  width: 80%; }
                  .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-shop-content-list-wrap-txt-ul {
                    display: flex;
                    flex-wrap: wrap;
                    gap: 0 0.8rem; }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point {
          margin: 1.5rem auto; }
          @media only screen and (max-width: 767px) {
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point {
              margin-bottom: 1rem; } }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            align-items: center;
            padding-top: 1rem; }
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item {
              box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
              background-color: #fff;
              padding: 1rem 0;
              border-radius: 10px;
              width: 100%; }
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item-ttl {
                position: relative;
                background-color: #004da2;
                padding: .5rem; }
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  left: -25px;
                  z-index: 1;
                  width: 7rem; }
                  @media only screen and (max-width: 767px) {
                    .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item-ttl-img {
                      left: -15px;
                      width: 6.5rem; } }
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                  font-size: 1rem;
                  line-height: 1.3;
                  padding-left: 5.5rem;
                  color: #fff;
                  display: inline-block;
                  font-weight: normal; }
                  @media only screen and (max-width: 767px) {
                    .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt {
                      font-size: .9rem; } }
                  .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                    font-size: 1.8rem;
                    font-weight: bold; }
                    @media only screen and (max-width: 767px) {
                      .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item-ttl-txt .big {
                        font-size: 1.3rem; } }
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item-inner {
                padding: 1rem; }
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-3point-content-item-inner-img {
                  margin-bottom: .5rem; }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-cam {
          margin: 2rem auto; }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-cam-fukidashi {
            background-color: #ffffdc;
            border-radius: 10px;
            position: relative;
            margin-bottom: 1rem;
            padding: 1rem .5rem; }
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-cam-fukidashi:before {
              position: absolute;
              bottom: -8px;
              left: 50%;
              transform: translateX(-50%);
              content: '';
              display: inline-block;
              width: 0;
              height: 0;
              border-style: solid;
              border-right: 25px solid transparent;
              border-left: 25px solid transparent;
              border-top: 20px solid #ffffdc;
              border-bottom: 0; }
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-cam-fukidashi-txt {
              line-height: 1.5;
              text-align: center;
              color: #333333; }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-cam-bnr {
            max-width: 600px;
            margin: auto; }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review {
          margin-top: 1.5rem; }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner {
            margin: 1rem 0;
            display: flex;
            flex-direction: column;
            gap: 1rem; }
            @media only screen and (max-width: 767px) {
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner {
                gap: .5rem; } }
            .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card {
              background-color: #fff;
              position: relative;
              display: flex;
              gap: 1rem;
              border-radius: 10px;
              padding: 1rem; }
              @media only screen and (max-width: 767px) {
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card {
                  gap: .5rem; } }
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-img {
                width: 20%; }
                @media only screen and (max-width: 767px) {
                  .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-img {
                    width: 24%; } }
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                width: 79%; }
                @media only screen and (max-width: 767px) {
                  .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-comment {
                    width: 75%; } }
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt {
                  height: 10rem;
                  overflow: hidden;
                  transition: all .3s ease; }
                  @media only screen and (max-width: 767px) {
                    .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-comment-txt p {
                      font-size: 13px !important; } }
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-filter {
                position: absolute;
                inset: auto 0% 0%;
                background-image: linear-gradient(rgba(0, 0, 0, 0), white);
                display: flex;
                justify-content: center;
                align-items: end;
                height: 90%;
                transition: all .3s ease;
                cursor: pointer;
                border-radius: 10px; }
                .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-filter-btn {
                  background-color: #fff;
                  border-radius: 10px;
                  padding: .7rem 1rem;
                  border: 1px solid #0b131d;
                  font-size: 1rem;
                  margin-bottom: 1rem; }
                  @media only screen and (max-width: 767px) {
                    .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-filter-btn {
                      font-size: .8rem;
                      padding: .5rem; } }
              .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-review-inner-card-filter.active {
                opacity: 0;
                height: 100%;
                transition: all .3s ease; }
        .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-apearl {
          margin: 1.5rem auto 1rem; }
          .whitening .ranking .whitening-ranking-list .ranking-list-box-inner-apearl-content {
            background-color: #fff;
            padding: 1rem;
            font-size: .9rem;
            line-height: 1.6; }
  .whitening-survey {
    margin-top: 2rem; }

.whiteningsearch {
  max-width: 1020px;
  margin: auto;
  padding: 1rem;
  background-color: #f3f3f3;
  color: #000; }
  @media only screen and (max-width: 767px) {
    .whiteningsearch {
      padding: .5rem; } }
  .whiteningsearch-margin {
    max-width: 1000px;
    margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    .whiteningsearch .only-pc {
      display: none; } }
  .whiteningsearch select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 200px;
    border: 2px solid #fff;
    padding: .5rem;
    height: 2.5rem;
    color: #c7c7c7;
    font-size: .9rem; }
    @media only screen and (max-width: 767px) {
      .whiteningsearch select {
        font-size: .8rem;
        height: 2.1rem; } }
  .whiteningsearch-form {
    display: flex;
    gap: .8rem; }
    @media only screen and (max-width: 767px) {
      .whiteningsearch-form {
        gap: .5rem; } }
    .whiteningsearch-form-wrap {
      display: flex;
      gap: .5rem;
      width: 79%;
      justify-content: center;
      flex-wrap: wrap; }
      .whiteningsearch-form-wrap-sankaku {
        position: relative;
        width: 32%; }
        @media only screen and (max-width: 767px) {
          .whiteningsearch-form-wrap-sankaku {
            width: 48%; } }
        .whiteningsearch-form-wrap-sankaku:after {
          position: absolute;
          top: 50%;
          right: 1rem;
          transform: translateY(-50%);
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 10px 7.5px 0 7.5px;
          border-color: #c7c7c7 transparent transparent transparent;
          display: inline-block; }
          @media only screen and (max-width: 767px) {
            .whiteningsearch-form-wrap-sankaku:after {
              right: 0.8rem;
              border-width: 8px 6.5px 0 6.5px; } }
      .whiteningsearch-form-wrap-inner {
        display: flex;
        gap: 0 .5rem; }
        @media only screen and (max-width: 767px) {
          .whiteningsearch-form-wrap-inner {
            flex-wrap: wrap;
            gap: .5rem; } }
        .whiteningsearch-form-wrap-inner:focus {
          border: 2px solid #fdd100; }
    .whiteningsearch-form-submit {
      position: relative;
      width: 20%;
      text-align: center;
      margin: auto; }
      .whiteningsearch-form-submit-txt {
        text-align: center;
        font-size: 0.9rem;
        line-height: 1.2;
        position: relative;
        color: #c7c7c7; }
        .whiteningsearch-form-submit-txt:before {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          left: 0;
          transform: rotate(-20deg); }
          @media only screen and (max-width: 767px) {
            .whiteningsearch-form-submit-txt:before {
              display: none; } }
        .whiteningsearch-form-submit-txt:after {
          display: inline-block;
          content: "";
          height: 2rem;
          width: 1px;
          background-color: #c7c7c7;
          position: absolute;
          top: 0;
          right: 0;
          transform: rotate(20deg); }
          @media only screen and (max-width: 767px) {
            .whiteningsearch-form-submit-txt:after {
              display: none; } }
      .whiteningsearch-form-submit input {
        margin: 0.5rem auto 0;
        padding: .5rem 1rem;
        background-color: #c7c7c7;
        border: 1px solid #c7c7c7;
        border-radius: 60px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
        transition: 0.2s;
        width: 90%;
        font-size: 1.3rem; }
        @media only screen and (max-width: 767px) {
          .whiteningsearch-form-submit input {
            width: 100%;
            border-radius: 10px; } }
        @media only screen and (max-width: 767px) {
          .whiteningsearch-form-submit input {
            padding: 1.5rem 0.5rem;
            margin-top: 0.2rem; } }
        .whiteningsearch-form-submit input:hover {
          background-color: #f3f3f3;
          color: #c7c7c7; }

.whiteningkekka-sort {
  display: flex;
  max-width: 500px;
  justify-content: center;
  gap: .5rem;
  margin: 0 auto 1rem;
  color: #222;
  font-size: .68rem; }
  @media only screen and (max-width: 767px) {
    .whiteningkekka-sort {
      flex-direction: column; } }
  .whiteningkekka-sort-now {
    display: flex;
    margin: 0;
    width: 50%;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .whiteningkekka-sort-now {
        width: 100%; } }
    .whiteningkekka-sort-now-ttl {
      padding: .3rem .2rem;
      background-color: #f3f3f3;
      width: 20%;
      text-align: center; }
    .whiteningkekka-sort-now-content {
      padding: .3rem .2rem;
      border: 1px solid #f3f3f3;
      border-left: none;
      width: 80%; }
  .whiteningkekka-sort-form {
    position: relative;
    width: 49%; }
    @media only screen and (max-width: 767px) {
      .whiteningkekka-sort-form {
        width: 100%; } }
    .whiteningkekka-sort-form select {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      background-color: #f3f3f3;
      padding: .5rem;
      width: 100%;
      border: none;
      color: #222;
      border-radius: 0;
      cursor: pointer; }
    .whiteningkekka-sort-form:after {
      position: absolute;
      top: 50%;
      right: 1rem;
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 7.5px 0 7.5px;
      border-color: #222 transparent transparent transparent;
      display: inline-block;
      pointer-events: none; }
.whiteningkekka-none-button {
  width: 20%;
  margin: 1rem auto 3rem; }
  @media only screen and (max-width: 767px) {
    .whiteningkekka-none-button {
      width: 70%; } }
  .whiteningkekka-none-button-wrap {
    background-color: #808080;
    border: 1px solid #808080;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    transition: 0.2s;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      .whiteningkekka-none-button-wrap {
        width: 100%;
        border-radius: 25px;
        margin-top: 0.2rem;
        font-size: 1.5rem; } }
    .whiteningkekka-none-button-wrap:hover {
      background-color: #f3f3f3; }
    .whiteningkekka-none-button-wrap a {
      padding: 1rem 0;
      color: #f3f3f3;
      text-decoration: none;
      display: inline-block;
      width: 100%; }
      .whiteningkekka-none-button-wrap a:hover {
        color: #808080; }

/*ホワイトニング用*/
/* ------------------------------------------------- *
 *        ＠Bootstrap　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; } }
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; } }
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }
/* ------------------------------------------------- *
 *        ＠マルチクラスCSS　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
/*　記事内で装飾に使用するクラス一覧
----------------------------------------------------------------------------------------------*/
/*全てで使用*/
.txt-red {
  color: red;
  font-weight: bold; }

.txt-blue {
  color: blue;
  font-weight: bold; }

.txt-pink {
  color: #fc039b;
  font-weight: bold; }

.txt-yellow {
  color: #ffea00;
  font-weight: bold; }

.txt-marker {
  background-image: linear-gradient(transparent 40%, #ffe76b 30%);
  font-weight: bold; }

.txt-big {
  font-size: 20px; }
  @media only screen and (max-width: 767px) {
    .txt-big {
      font-size: 18px; } }

.txt-waku {
  border: 7px solid #53b4c5;
  padding: 30px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .txt-waku {
      padding: 20px; } }
  .txt-waku p {
    margin-bottom: 0 !important; }

.txt-point {
  background: #fff3e6;
  padding: 24px 16px 16px;
  margin-bottom: 32px;
  position: relative;
  font-size: 15px;
  line-height: 1.95;
  letter-spacing: 0.05em; }
  @media only screen and (max-width: 767px) {
    .txt-point {
      line-height: 1.7;
      font-size: 14px; } }
  .txt-point:before {
    content: '';
    display: inline-block;
    width: 90px;
    height: 31px;
    background: url(../img/icon/icon-txt-point.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: -10px;
    left: 16px; }

.section-title {
  color: #020202;
  font-family: "ヒラギノ角ゴ Pro W6";
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 30px;
  margin-bottom: 24px; }
  @media only screen and (max-width: 767px) {
    .section-title {
      font-size: 1.1rem;
      margin-bottom: 1rem; } }

.article-title {
  font-size: 28px;
  background-color: #F3F3F3;
  border-radius: 10px;
  padding: 16px 20px;
  line-height: 1.2;
  margin-bottom: 16px;
  color: #333;
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    .article-title {
      font-size: 20px; } }

/*#single-columnのみで使用*/
#single-column {
  /* メモ */
  /* ポイント */ }
  #single-column .memo {
    border: 1px solid #4f4f4f;
    border-bottom: 2px solid #4f4f4f;
    border-right: 2px solid #4f4f4f;
    border-radius: 4px;
    padding: 26px 24px 24px 24px;
    margin-bottom: 64px;
    position: relative;
    font-size: 1.1rem;
    line-height: 2.1;
    color: #4f4f4f; }
    @media only screen and (max-width: 767px) {
      #single-column .memo {
        margin-bottom: 40px;
        font-size: 15px; } }
    #single-column .memo:before {
      content: 'MEMO';
      display: inline-block;
      width: 120px;
      padding: 6px;
      background-color: #FFF;
      background-image: url(../img/icon/icon-memo-left.png), url(../img/icon/icon-memo-right.png);
      background-repeat: no-repeat;
      background-position: 8%,92%;
      color: #4f4f4f;
      font-size: 16px;
      line-height: 1;
      text-align: center;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%); }
    #single-column .memo p, #single-column .memo ul, #single-column .memo ol, #single-column .memo dl {
      margin: 0; }
  #single-column .cv_box {
    border-radius: 4px;
    -webkit-box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    padding: 2rem; }
    @media only screen and (max-width: 767px) {
      #single-column .cv_box {
        padding: 1rem; } }
    #single-column .cv_box .name {
      font-size: 1.1rem;
      font-weight: bold;
      margin-bottom: 1rem; }
    #single-column .cv_box .cv-link {
      text-align: right; }
      #single-column .cv_box .cv-link a {
        text-decoration: underline; }
  #single-column .point {
    border: 1px solid #4f4f4f;
    border-bottom: 2px solid #4f4f4f;
    border-right: 2px solid #4f4f4f;
    border-radius: 4px;
    padding: 26px 24px 24px 24px;
    margin-bottom: 64px;
    position: relative;
    font-size: 1.1rem;
    line-height: 2.1;
    color: #4f4f4f; }
    @media only screen and (max-width: 767px) {
      #single-column .point {
        margin-bottom: 40px;
        font-size: 15px; } }
    #single-column .point:before {
      content: 'POINT';
      display: inline-block;
      width: 140px;
      padding: 6px 0;
      background: #222;
      color: #FFF;
      font-size: 16px;
      line-height: 1;
      text-align: center;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%); }
    #single-column .point p, #single-column .point ul, #single-column .point ol, #single-column .point dl {
      margin: 0; }

/*#single-column*/
/* ------------------------------------------------- *
 *        ＠モジュールCSS（単体で使いまわす部分）
 * ------------------------------------------------- */
#page-top {
  position: fixed;
  bottom: 32px;
  right: 0;
  display: none; }
  #page-top a {
    display: block; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

/* ページネーション */
.pagination-area {
  margin: 0 0 32px 0; }
  .pagination-area .navigation {
    width: 100%;
    text-align: center;
    padding: 16px 0; }
  .pagination-area .nav-links a {
    display: inline-block;
    padding: 8px 12px; }
  .pagination-area .nav-links .page-numbers {
    border: 1px solid #DDD;
    padding: 8px 12px;
    background: #EFEFEF; }
  .pagination-area .nav-links .current {
    background: #4f4f4f;
    color: #FFF; }

/*　もっと見るボタン */
.btn-more {
  background: #fff;
  border: 1px solid #020202;
  border-radius: 4px;
  margin: 0 auto;
  margin-top: 30px;
  position: relative;
  text-align: center;
  width: 40%; }
  @media only screen and (max-width: 767px) {
    .btn-more {
      width: 74%; } }
  .btn-more a {
    color: #020202;
    display: block;
    font-size: 1rem;
    line-height: 1;
    padding: 1.4rem; }
    .btn-more a:hover {
      background: #020202;
      color: #fff; }
  .btn-more img {
    position: absolute;
    right: 4%;
    top: 33%;
    width: 10px; }

/*　コラムで利用するもっと見るボタン */
.btn-column {
  background: #02bb80;
  border-radius: 4px;
  margin: 2rem auto 3rem auto;
  position: relative;
  text-align: center;
  width: 50%;
  -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset;
  text-shadow: 2px 2px 2px #666; }
  .btn-column:hover {
    -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0px 0 rgba(0, 0, 0, 0.1) inset;
    opacity: 0.7; }
  @media only screen and (max-width: 767px) {
    .btn-column {
      width: 74%; } }
  .btn-column a {
    color: #FFF;
    display: block;
    font-size: 1.1rem;
    line-height: 1.2;
    padding: 1.2rem 1.4rem;
    font-weight: bold;
    text-decoration: none !important; }
  .btn-column img {
    position: absolute;
    right: 4%;
    top: 33%;
    width: 10px; }
  .btn-column.shine {
    overflow: hidden;
    position: relative; }
    .btn-column.shine::after {
      animation: shiny-btn1 3s ease-in-out infinite;
      background-color: #fff;
      content: '';
      display: inline-block;
      height: 100%;
      left: 0;
      position: absolute;
      top: -180px;
      width: 30px; }
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
.list-item {
  background: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 4px 4px 4px 0 #e4e4e4;
  /* Safari, Chrome */
  -moz-box-shadow: 4px 4px 4px 0 #e4e4e4;
  /* Firefox */
  box-shadow: 4px 4px 4px 0 #e4e4e4;
  margin-bottom: 2rem; }
  @media only screen and (max-width: 767px) {
    .list-item {
      margin-bottom: 1rem; } }
  .list-item a {
    display: block;
    padding: 1rem; }
  .list-item a:hover {
    opacity: 0.8; }
  .list-item .img {
    padding: 0; }
    .list-item .img img {
      border-radius: 4px;
      width: 84%; }
      @media only screen and (max-width: 767px) {
        .list-item .img img {
          width: 84%; } }
  .list-item .time {
    color: #939393;
    font-size: .8rem; }
    .list-item .time p {
      display: inline-block;
      font-size: .7rem;
      font-weight: bold; }
  .list-item .title {
    font-size: 0.9rem; }

.card-item {
  margin-bottom: 2rem; }
  .card-item a {
    display: block; }
  .card-item a:hover {
    opacity: 0.8; }
  @media only screen and (max-width: 767px) {
    .card-item {
      margin-bottom: 1rem; } }
  .card-item .img img {
    border-radius: 4px 4px 0;
    width: 100%; }
  .card-item .detail {
    background: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 4px 4px 4px 0 #e4e4e4;
    -moz-box-shadow: 4px 4px 4px 0 #e4e4e4;
    box-shadow: 4px 4px 4px 0 #e4e4e4;
    padding: 1rem; }
    .card-item .detail .time {
      color: #939393;
      font-size: .7rem;
      margin-bottom: .5rem; }
      .card-item .detail .time p {
        display: inline-block;
        font-size: .7rem; }
    .card-item .detail .title {
      font-size: 0.9rem; }

.interactive_item {
  display: flex;
  margin-bottom: 2rem; }
  .interactive_item .img {
    min-width: 12%;
    width: 12%; }
    @media only screen and (max-width: 767px) {
      .interactive_item .img {
        min-width: 16%;
        width: 16%; } }
    .interactive_item .img img {
      border: 2px solid #ddd;
      border-radius: 50%;
      margin: 0; }
  .interactive_item .text-left {
    background: #f1f1f1;
    border-radius: 6px;
    height: 100%;
    margin-left: 20px;
    max-width: calc(100% - 14%);
    position: relative;
    padding: 1rem; }
    .interactive_item .text-left::before {
      border: 10px solid transparent;
      border-right: 10px solid #f1f1f1;
      content: '';
      left: -20px;
      margin-top: -10px;
      position: absolute;
      top: 2rem; }
  .interactive_item .text-right {
    background: #f1f1f1;
    border-radius: 6px;
    height: 100%;
    margin-right: 20px;
    max-width: calc(100% - 14%);
    position: relative;
    padding: 1rem; }
    .interactive_item .text-right::before {
      border: 10px solid transparent;
      border-left: 10px solid #f1f1f1;
      content: '';
      right: -20px;
      margin-top: -10px;
      position: absolute;
      top: 2rem; }

/* ＠header
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #header {
    width: 100%; } }
#header .header-area {
  padding: 1.5rem 1rem; }
  @media only screen and (max-width: 767px) {
    #header .header-area {
      padding: 1rem; } }
  #header .header-area .logo {
    float: left; }
    #header .header-area .logo img {
      width: 150px; }
      @media only screen and (max-width: 767px) {
        #header .header-area .logo img {
          width: 100px;
          margin: 0 auto; } }
    @media only screen and (max-width: 767px) {
      #header .header-area .logo {
        float: none; } }
  #header .header-area .search {
    float: right;
    width: 30%; }
    #header .header-area .search form {
      margin: 0;
      text-align: right; }
    #header .header-area .search .search-inner input[type=text] {
      padding: 0.3rem 0.5rem;
      font-size: 0.7rem;
      max-width: 300px; }
    #header .header-area .search .search-inner input[type=submit] {
      background: #CBCBCB;
      padding: 0.3rem 0.5rem;
      font-size: 0.7rem;
      border: none;
      height: 1.6rem; }
    #header .header-area .search .search-inner img {
      display: block;
      height: 10px; }

#pan {
  font-size: 0.55rem;
  margin: 0 auto;
  margin-bottom: 32px;
  background: #F3F3F3;
  padding: 0.5rem 0; }
  #pan a {
    color: #222; }

/* ------------------------------------------------- *
*        ＠スマホトグルメニュー
* ------------------------------------------------- */
#build-menu-button {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 9999 !important;
  color: #FFF;
  padding: 1rem;
  background: url(../img/icon/toggle.png);
  background-repeat: no-repeat;
  background-size: 24px,100%;
  background-position: 1rem 12px,100%;
  line-height: 1rem;
  padding-left: 25px;
  text-decoration: none; }

#build-menu-page {
  left: 0;
  position: relative; }

#build-menu {
  visibility: visible;
  z-index: 0;
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
  display: none;
  width: 260px;
  padding: 0;
  position: static;
  z-index: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
  left: 0;
  background-color: #1C2128;
  color: #FFF; }

.build-menu-animating #build-menu-page {
  position: fixed;
  overflow: hidden;
  width: 100%;
  top: 0;
  bottom: 0; }

.build-menu-animating.build-menu-close #build-menu-page,
.build-menu-animating.build-menu-open #build-menu-page {
  -webkit-transition: -webkit-transform 250ms;
  -moz-transition: -moz-transform 250ms;
  -o-transition: -o-transform 250ms;
  -ms-transition: -ms-transform 250ms;
  transition: transform 250ms; }

.build-menu-animating.build-menu-open #build-menu-page {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.build-menu-animating #build-menu {
  display: block; }

.build-menu-open #build-menu {
  display: block;
  -webkit-transition-delay: 0ms, 0ms, 0ms;
  -moz-transition-delay: 0ms, 0ms, 0ms;
  -o-transition-delay: 0ms, 0ms, 0ms;
  -ms-transition-delay: 0ms, 0ms, 0ms;
  transition-delay: 0ms, 0ms, 0ms; }

.build-menu-open #build-menu,
.build-menu-close #build-menu {
  -webkit-transition: -webkit-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  -moz-transition: -moz-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  -o-transition: -o-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  -ms-transition: -ms-transform 250ms, opacity 250ms, visibility 0ms 250ms;
  transition: transform 250ms, opacity 250ms, visibility 0ms 250ms; }

#build-menu ul li a {
  display: block;
  color: #FFF;
  padding: 10px 5px; }

#build-menu ul > li {
  border-bottom: 1px solid #0C0F13;
  border-top: 1px solid #2D363C; }

#build-menu ul > li a:hover {
  background-color: #2D363C; }

#build-menu ul > li > ul > li {
  background-color: #2D363C;
  border-bottom: 1px solid #1C2128;
  border-top: 1px solid #575E63; }

#build-menu ul > li > ul > li a {
  padding-left: 15px; }

#build-menu ul > li > ul > li a:hover {
  background-color: #575E63; }

#build-menu ul > li > ul > li > ul > li {
  background-color: #575E63;
  border-bottom: 1px solid #2D363C;
  border-top: 1px solid #797E82; }

#build-menu ul > li > ul > li > ul > li a {
  padding-left: 30px; }

#build-menu ul > li > ul > li > ul > li a:hover {
  background-color: #797E82; }

/* ＠index
----------------------------------------------------------------------------------------------*/
.index-ranking_list h2 {
  text-align: center;
  padding: 2rem; }
.index-ranking_list h3 {
  background: #f2f2f2;
  padding: 0.5rem 1.5rem;
  margin: 0 0 1rem 0; }
.index-ranking_list h4 {
  font-size: 1rem;
  text-align: center;
  margin: 0 0 2rem 0;
  position: relative; }
.index-ranking_list h4:after {
  content: '';
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #4f4f4f;
  bottom: -5px;
  display: inline-block;
  height: 4px;
  left: 50%;
  position: absolute;
  width: 100px; }
.index-ranking_list .contain {
  margin: 0 -1%; }
.index-ranking_list .box {
  width: 31.33%;
  float: left;
  margin: 0 1% 2.5rem 1%;
  padding: 1rem;
  border-radius: 4px;
  -webkit-box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.1); }
  @media only screen and (max-width: 1023px) {
    .index-ranking_list .box {
      width: 48%; } }
  @media only screen and (max-width: 767px) {
    .index-ranking_list .box {
      width: 98%; } }
.index-ranking_list li {
  background: url(../img/icon/icon-arrow-dobble.png) no-repeat 0px 4px;
  padding: 0 0 0 1.5rem; }
.index-ranking_list a:hover {
  text-decoration: underline; }

.index-main_visual {
  position: relative;
  margin: 0 0 60px 0;
  background: #000;
  height: 340px; }
  @media only screen and (max-width: 1023px) {
    .index-main_visual {
      margin-bottom: 0;
      width: 100%; } }
  .index-main_visual video {
    width: 100%;
    opacity: 0.7;
    object-fit: cover;
    height: 340px; }
  .index-main_visual .title-box {
    text-align: center;
    top: 80px;
    position: absolute;
    width: 100%;
    color: #FFF; }
    @media only screen and (max-width: 767px) {
      .index-main_visual .title-box {
        text-align: left;
        top: 40%; } }
    .index-main_visual .title-box h1 {
      font-weight: bold;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      font-size: 52px;
      font-family: YuGothic, "Yu Gothic", sans-serif;
      margin: 0 0 1rem; }
      @media only screen and (max-width: 767px) {
        .index-main_visual .title-box h1 {
          font-size: 1.5rem;
          margin: 0 0 0.5rem;
          padding: 0 1rem; } }
    .index-main_visual .title-box p {
      color: #fff;
      font-family: YuGothic, "Yu Gothic", sans-serif;
      font-size: 24px;
      font-weight: bold;
      text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      line-height: 1.5; }
      @media only screen and (max-width: 767px) {
        .index-main_visual .title-box p {
          font-size: 0.8rem;
          padding: 0 1rem; } }
  .index-main_visual .search-form .search-form-box {
    position: absolute;
    top: 316px;
    width: 100%; }
    .index-main_visual .search-form .search-form-box form {
      margin: 0 auto;
      max-width: 660px;
      margin: auto; }
    @media only screen and (max-width: 767px) {
      .index-main_visual .search-form .search-form-box {
        font-size: 0.8rem;
        padding: 0 1rem; } }
    .index-main_visual .search-form .search-form-box .searchform {
      position: relative; }
      .index-main_visual .search-form .search-form-box .searchform input {
        border: none;
        border-radius: 50px;
        -webkit-box-shadow: 0 0 5px 0 #fb9e2f;
        -moz-box-shadow: 0 0 5px 0 #CCC;
        box-shadow: 0 0 5px 0 #CCC;
        color: #a2a2a2;
        font-size: 1.2rem;
        padding: 1rem 1.2rem;
        position: relative;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .index-main_visual .search-form .search-form-box .searchform input {
            font-size: 1rem;
            padding: .5rem 1rem;
            width: 100%; } }
      .index-main_visual .search-form .search-form-box .searchform #searchsubmit {
        background: #4f4f4f;
        border-radius: 0 50px 50px 0;
        position: absolute;
        right: 3px;
        top: 3px; }
        .index-main_visual .search-form .search-form-box .searchform #searchsubmit img {
          padding: 8px 1rem;
          width: 64px; }
          @media only screen and (max-width: 767px) {
            .index-main_visual .search-form .search-form-box .searchform #searchsubmit img {
              width: 44px; } }

#index-main_ranking {
  margin: 0 0 60px 0; }
  #index-main_ranking .inner {
    padding: 0; }
  #index-main_ranking h3 {
    background: #f2f2f2;
    border-bottom: 2px solid #e8c501;
    border-radius: 4px 4px 0 0;
    color: #4f4f4f;
    font-size: 1.1rem;
    line-height: 1rem;
    margin-top: 30px;
    margin-bottom: 1rem;
    padding: .5rem 2rem; }
    @media only screen and (max-width: 767px) {
      #index-main_ranking h3 {
        margin-bottom: 0;
        margin-top: 0; } }
    #index-main_ranking h3:before {
      background-size: contain;
      content: '';
      display: inline-block;
      height: 30px;
      /*画像の高さ*/
      margin-right: 1rem;
      vertical-align: middle;
      width: 30px;
      /*画像の幅*/ }
  #index-main_ranking .cat-type-money:before {
    background-image: url(../img/icon/icon-category-money.png); }
  #index-main_ranking .cat-type-work:before {
    background-image: url(../img/icon/icon-category-work.png); }
  #index-main_ranking .cat-type-life:before {
    background-image: url(../img/icon/icon-category-life.png); }
  #index-main_ranking .cat-type-pc:before {
    background-image: url(../img/icon/icon-category-pc.png); }
  #index-main_ranking .cat-type-entame:before {
    background-image: url(../img/icon/icon-category-entame.png); }
  #index-main_ranking .cat-type-beauty:before {
    background-image: url(../img/icon/icon-category-beauty.png); }
  #index-main_ranking .cate-box dl {
    border-radius: 4px;
    -webkit-box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.1);
    padding: 1rem; }
  #index-main_ranking dt {
    color: #4f4f4f;
    font-weight: bold;
    text-align: center;
    position: relative; }
    #index-main_ranking dt:after {
      content: '';
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-color: #4f4f4f;
      bottom: -5px;
      display: inline-block;
      height: 4px;
      left: 50%;
      position: absolute;
      width: 100px; }
      @media only screen and (max-width: 767px) {
        #index-main_ranking dt:after {
          content: none; } }
  #index-main_ranking dd {
    margin: 1rem 0; }
  #index-main_ranking ul {
    padding: .5rem; }
  #index-main_ranking li {
    padding-top: .5rem;
    position: relative; }
    @media only screen and (max-width: 767px) {
      #index-main_ranking li {
        display: table; } }
    #index-main_ranking li:before {
      background-image: url(../img/icon/icon-arrow-dobble.png);
      background-size: contain;
      content: '';
      display: inline-block;
      height: 16px;
      /*画像の高さ*/
      margin-right: .5rem;
      vertical-align: middle;
      width: 16px;
      /*画像の幅*/ }
    #index-main_ranking li a {
      color: #4f4f4f; }
      #index-main_ranking li a:hover {
        text-decoration: underline; }
  #index-main_ranking .btn-more2 {
    margin: 0 auto;
    text-align: center;
    width: 60%; }
    @media only screen and (max-width: 767px) {
      #index-main_ranking .btn-more2 {
        width: 70%; } }
    #index-main_ranking .btn-more2 a {
      background: #4f4f4f;
      border-radius: 50px;
      color: #fff;
      display: block;
      font-size: .9rem;
      padding: .7rem 0; }
      #index-main_ranking .btn-more2 a:hover {
        background: #020202; }

.index-under {
  background: #f2f2f2;
  padding: 60px 0; }

.index-main_column {
  margin: 0 0 60px 0; }

.index-main_review {
  margin: 0 0 60px 0; }

/* @category
----------------------------------------------------------------------------------------------*/
.cat-header h1 {
  font-size: 1.7rem;
  margin: 0 0 12px 0; }
.cat-header ul {
  margin: 0 0 20px 0; }
.cat-header li {
  margin: 0 0 12px 0; }

/* 子カテゴリリスト */
.cat-list_cat-tag li {
  font-size: 0.7rem;
  background: #f3f3f3;
  border-radius: 4px;
  display: inline-block;
  line-height: 1;
  margin-right: .5rem;
  padding: .4rem; }
.cat-list_cat-tag a {
  color: #222; }

.cat-list_review {
  background: #f2f2f2;
  padding: 40px 0; }

.cat-list_column {
  margin: 0 auto 32px;
  overflow: hidden; }
  .cat-list_column img {
    width: 100%;
    height: auto; }
  .cat-list_column a {
    display: block; }
    .cat-list_column a:hover {
      opacity: 0.9; }
  .cat-list_column h3 {
    border: none;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 500;
    color: #222; }
    @media only screen and (max-width: 767px) {
      .cat-list_column h3 {
        font-size: 15px;
        line-height: 1.6; } }
    .cat-list_column h3:after {
      position: static;
      background: none; }
  .cat-list_column p {
    color: #999;
    font-size: 0.8rem; }
    @media only screen and (max-width: 767px) {
      .cat-list_column p {
        display: none; } }
  .cat-list_column .bnr {
    width: 50%;
    margin: 1rem auto; }
    @media only screen and (max-width: 767px) {
      .cat-list_column .bnr {
        width: 100%; } }
  .cat-list_column .item {
    overflow: hidden;
    padding: .6rem 0;
    border-bottom: 1px solid #EEE;
    display: flex;
    gap: 1rem;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      .cat-list_column .item {
        flex-direction: column;
        gap: 0; } }
    .cat-list_column .item .img {
      border-radius: 4px;
      width: 10%;
      float: left; }
      @media only screen and (max-width: 767px) {
        .cat-list_column .item .img {
          width: 27%; } }
    .cat-list_column .item .txt {
      width: 88%;
      float: right; }
      @media only screen and (max-width: 767px) {
        .cat-list_column .item .txt {
          width: 70%; } }

/* @single-column
/* 記事部分で利用
/*　loop-article_review.php loop-article_common.php
----------------------------------------------------------------------------------------------*/
#single-column {
  background: #FFF;
  margin-bottom: 32px;
  text-align: justify;
  text-justify: inter-ideograph;
  /* 記事の該当タグリスト */
  /*　目次 */ }
  @media only screen and (max-width: 767px) {
    #single-column {
      margin-bottom: 0;
      border: none;
      word-break: break-all; } }
  #single-column img {
    max-width: 100%;
    height: auto; }
  #single-column a {
    text-decoration: underline; }
  #single-column h1 {
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 12px; }
    @media only screen and (max-width: 767px) {
      #single-column h1 {
        font-size: 1.3rem;
        line-height: 1.3;
        font-weight: bold;
        margin-bottom: 16px; } }
  #single-column h2 {
    font-size: 1.6rem;
    background-color: #F3F3F3;
    border-radius: 10px;
    padding: 1rem 1.2rem;
    line-height: 1.4;
    margin: 2rem 0 1.5rem 0;
    color: #333; }
    @media only screen and (max-width: 767px) {
      #single-column h2 {
        font-size: 1.2rem; } }
  #single-column h3 {
    font-weight: bold;
    margin: 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 1rem 0;
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      #single-column h3 {
        font-size: 1.1rem; } }
  #single-column h4 {
    font-size: 1.1rem;
    margin: 1.6rem 0 .6rem;
    line-height: 1.2; }
  #single-column p {
    font-size: 0.95rem;
    line-height: 2;
    margin-bottom: 2rem;
    letter-spacing: 0.05em;
    text-align: justify;
    text-justify: inter-ideograph; }
    @media only screen and (max-width: 767px) {
      #single-column p {
        font-size: 0.9rem;
        margin-bottom: 1.8rem; } }
  #single-column ol {
    border-radius: 4px;
    list-style: decimal;
    margin-bottom: 2rem;
    counter-reset: item;
    list-style-type: none;
    padding: 2rem 2rem 1rem;
    background: #f3f4f2; }
    #single-column ol li {
      line-height: 1.6em;
      font-size: 1rem;
      margin-bottom: 1rem;
      text-indent: -1.3em;
      padding-left: 1.3em; }
      @media only screen and (max-width: 767px) {
        #single-column ol li {
          font-size: 13px; } }
      #single-column ol li:before {
        counter-increment: item;
        content: counter(item) ".";
        padding-right: .5em;
        font-weight: bold;
        color: #b40000; }
  #single-column ul {
    border: 3px solid #ddd;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 32px;
    padding: 24px; }
    @media only screen and (max-width: 767px) {
      #single-column ul {
        margin-bottom: 32px;
        width: 100%;
        padding: 15px; } }
    #single-column ul li {
      font-size: 1rem;
      line-height: 1.6em;
      padding: .5rem 2rem;
      background: url(../img/icon/icon-checked.png) no-repeat center left;
      display: block;
      background-size: 20px;
      padding-left: 30px;
      margin-bottom: 5px;
      border-bottom: 1px dotted #ddd; }
      @media only screen and (max-width: 767px) {
        #single-column ul li {
          padding-right: 0;
          font-size: .8rem;
          padding: 0 1rem .5rem 2rem; } }
      #single-column ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0; }
  #single-column dl {
    padding: 0;
    margin: 0 0 2rem 0; }
    #single-column dl dt {
      font-size: 1rem;
      line-height: 1.8;
      font-weight: bold;
      margin-bottom: 5px; }
      @media only screen and (max-width: 767px) {
        #single-column dl dt {
          margin: 0 0 5px 0; } }
    #single-column dl dd {
      border-radius: 4px;
      font-size: 1rem;
      line-height: 1.8;
      background: #F9F9F9;
      padding: 1rem;
      margin-bottom: 24px; }
      @media only screen and (max-width: 767px) {
        #single-column dl dd {
          margin: 0 0 1.2rem 0;
          padding: 1rem; } }
  #single-column table {
    margin-bottom: 32px; }
    #single-column table th {
      font-size: 14px;
      background: #EFEFEF; }
      @media only screen and (max-width: 767px) {
        #single-column table th {
          font-size: 12px; } }
    #single-column table td {
      font-size: 14px; }
      @media only screen and (max-width: 767px) {
        #single-column table td {
          font-size: 12px; } }
  #single-column hr {
    margin: 30px 0; }
  #single-column .waku {
    padding: 30px;
    border: 1px solid #DDD;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 32px; }
    #single-column .waku p {
      margin: 0; }
    @media only screen and (max-width: 767px) {
      #single-column .waku {
        padding: 20px; } }
  #single-column blockquote {
    border-radius: 4px;
    box-sizing: border-box;
    background: #efefef;
    color: #555;
    position: relative;
    padding: 1rem 1rem 1rem 4rem;
    font-style: italic;
    margin: 0 0 2rem 0;
    line-height: 1.7;
    font-size: 1rem; }
    @media only screen and (max-width: 767px) {
      #single-column blockquote {
        font-size: .9rem;
        padding-left: 2.5rem; } }
    #single-column blockquote cite {
      display: block;
      text-align: right;
      color: #888888;
      font-size: .9em; }
    #single-column blockquote:before {
      display: inline-block;
      position: absolute;
      top: 18px;
      left: 1rem;
      vertical-align: middle;
      content: "“";
      font-family: "ＭＳ Ｐゴシック",sans-serif;
      color: #cfcfcf;
      font-size: 3rem;
      line-height: 1; }
      @media only screen and (max-width: 767px) {
        #single-column blockquote:before {
          left: .1rem; } }
  #single-column .research-section {
    width: 80%; }
    @media only screen and (max-width: 767px) {
      #single-column .research-section {
        width: 100%; } }
  #single-column .single-column_bottom-area {
    justify-content: space-between;
    margin-bottom: 16px; }
    #single-column .single-column_bottom-area .author {
      font-size: 14px; }
      @media only screen and (max-width: 767px) {
        #single-column .single-column_bottom-area .author {
          font-size: 12px; } }
      #single-column .single-column_bottom-area .author img {
        vertical-align: middle;
        display: initial; }
        @media only screen and (max-width: 767px) {
          #single-column .single-column_bottom-area .author img {
            width: 25px; } }
    #single-column .single-column_bottom-area .time {
      font-size: 14px; }
      @media only screen and (max-width: 767px) {
        #single-column .single-column_bottom-area .time {
          font-size: 0.7rem;
          text-align: right; } }
  #single-column .single-column_tag-list {
    margin-bottom: 8px; }
    #single-column .single-column_tag-list a {
      display: inline-block;
      padding: 4px 12px 3px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .08em;
      line-height: 1;
      color: #666;
      border-radius: 20px;
      border: 1px solid #666;
      -webkit-transition: color .25s ease,background .25s ease;
      transition: color .25s ease,background .25s ease;
      overflow: hidden;
      margin-right: 9px; }
      @media only screen and (max-width: 767px) {
        #single-column .single-column_tag-list a {
          font-size: 10px; } }
      #single-column .single-column_tag-list a:hover {
        color: #fff;
        background: #666; }
  #single-column .single-column_visual {
    margin-bottom: 32px; }
    @media only screen and (max-width: 767px) {
      #single-column .single-column_visual {
        margin: 0 -1rem 16px; } }
    #single-column .single-column_visual img {
      border-radius: 4px;
      width: 100%;
      height: auto; }
      @media only screen and (max-width: 767px) {
        #single-column .single-column_visual img {
          border-radius: 0; } }
  #single-column #toc_container {
    border: 1px solid #DDD;
    padding: 1rem;
    width: 100%; }
    #single-column #toc_container ul {
      width: 100%;
      margin: 0;
      border: none;
      padding: .3rem 1rem; }
      #single-column #toc_container ul li {
        padding: 0;
        margin: 0;
        border-bottom: none;
        line-height: 2; }
    #single-column #toc_container a {
      font-size: 1rem; }
      @media only screen and (max-width: 767px) {
        #single-column #toc_container a {
          font-size: .9rem; } }

/* ＠口コミランキング詳細記事（single）
/*　口コミランキング記事(single.phpの分岐)で利用
/*　loop-list-rank_list.php
----------------------------------------------------------------------------------------------*/
.single-rank_list .single-rank_list-box {
  border: 1px solid #CCC;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  margin: 0 0 2rem 0;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .single-rank_list .single-rank_list-box {
      border: 0px;
      box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
      margin: 0 0 3rem 0; } }
.single-rank_list .single-rank_list-title {
  background: #f3f3f3;
  padding: 0 1rem 0.8rem 1rem;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 1rem 0;
  display: flex; }
  .single-rank_list .single-rank_list-title img {
    max-width: 35px;
    margin: 0 1rem 0 0; }
  .single-rank_list .single-rank_list-title h3 {
    margin: 0.8rem 0 0 0; }
  @media only screen and (max-width: 767px) {
    .single-rank_list .single-rank_list-title {
      border-top: 2px solid #CCC;
      border-bottom: 2px solid #EDEDED;
      margin: 0 -1rem 1rem -1rem; } }
.single-rank_list .single-rank_list-banner {
  margin: 0 3% 1rem 3%;
  width: 30%;
  float: left;
  text-align: center; }
  .single-rank_list .single-rank_list-banner p {
    font-size: 0.8rem; }
  @media only screen and (max-width: 767px) {
    .single-rank_list .single-rank_list-banner {
      width: 100%;
      float: none;
      margin: 0 0% 1rem 0%; }
      .single-rank_list .single-rank_list-banner img {
        height: 120px;
        margin: auto; }
      .single-rank_list .single-rank_list-banner a {
        border: 2px solid #ffae00;
        display: block;
        background: #fff7e5;
        border-radius: 4px;
        padding: 1rem 0 0.5rem; }
      .single-rank_list .single-rank_list-banner p {
        font-size: 0.7rem; } }
.single-rank_list .single-rank_list-rating {
  margin: 0 3% 0.7rem 0;
  float: right;
  width: 61%; }
  @media only screen and (max-width: 767px) {
    .single-rank_list .single-rank_list-rating {
      width: 100%;
      float: none; } }
  .single-rank_list .single-rank_list-rating ul {
    display: flex; }
  .single-rank_list .single-rank_list-rating li {
    margin: 0 0.5rem 0 0;
    font-weight: bold;
    font-size: 1.2rem; }
    .single-rank_list .single-rank_list-rating li img {
      height: 1rem;
      margin: 0.2rem 0 0 0; }
.single-rank_list .single-rank_list-buzz {
  margin: 0 3% 1rem 0;
  float: right;
  width: 61%; }
  @media only screen and (max-width: 767px) {
    .single-rank_list .single-rank_list-buzz {
      width: 100%;
      float: none; } }
  .single-rank_list .single-rank_list-buzz ul {
    border-top: 1px solid #CCC;
    margin: 0 0 0.9rem 0; }
  .single-rank_list .single-rank_list-buzz li {
    border-bottom: 1px solid #CCC; }
    .single-rank_list .single-rank_list-buzz li label {
      padding: 0.9rem 0; }
  .single-rank_list .single-rank_list-buzz label:hover {
    cursor: pointer; }
  .single-rank_list .single-rank_list-buzz h3 {
    font-size: 1rem;
    display: flex;
    font-weight: 500;
    padding: 0 3rem 0 0; }
    .single-rank_list .single-rank_list-buzz h3 img {
      height: 1.2rem;
      margin: 0 0.5rem 0 0; }
  .single-rank_list .single-rank_list-buzz .name {
    display: flex;
    font-size: 0.8rem;
    margin: 0 0 0.8rem 0; }
    .single-rank_list .single-rank_list-buzz .name img {
      height: 0.8rem;
      margin: 0.15rem 0.4rem 0 0; }
  .single-rank_list .single-rank_list-buzz .text {
    margin: 0 0 1rem 0; }
    .single-rank_list .single-rank_list-buzz .text p {
      font-size: 0.8rem; }
  .single-rank_list .single-rank_list-buzz .more-buzz {
    background: #EFEFEF;
    text-align: center;
    font-size: 0.9rem;
    border-radius: 6px; }
    .single-rank_list .single-rank_list-buzz .more-buzz a {
      padding: 0.3rem 0;
      display: block; }
.single-rank_list .single-rank_list-point {
  margin: 0 3%; }
  @media only screen and (max-width: 767px) {
    .single-rank_list .single-rank_list-point {
      margin: 0 0% 3% 0%; } }
  .single-rank_list .single-rank_list-point h3 {
    font-size: 1.1rem;
    font-weight: bold;
    color: #FFF;
    line-height: 1.2;
    padding: 2% 3%;
    background: #f8a117;
    border: 1px solid #f8a117;
    border-radius: 5px 5px 0 0; }
  .single-rank_list .single-rank_list-point ul {
    margin: 0% 0 1rem 0;
    border-radius: 0 0 5px 5px;
    border: 1px solid #f8a117;
    padding: 3% 3% 0% 3%; }
  .single-rank_list .single-rank_list-point li {
    margin: 0 0 3% 0;
    font-size: 0.9rem;
    padding: 0 0 0 2rem;
    background: url(../img/icon/icon-check.png) left top no-repeat;
    background-size: auto 1rem;
    background-position: 0 0.2rem; }
.single-rank_list .single-rank_list-button {
  text-align: center;
  background: #02bb80;
  margin: 0 3% 3% 3%;
  border-radius: 3px;
  -webkit-box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.1) inset;
  color: #fff; }
  @media only screen and (max-width: 767px) {
    .single-rank_list .single-rank_list-button {
      margin: 0 0% 3% 0%; } }
  .single-rank_list .single-rank_list-button a {
    color: #FFF;
    padding: 0.6rem 0;
    display: block;
    font-weight: bold; }
.single-rank_list .single-rank_list-button:hover {
  opacity: 0.8; }

.acd-check {
  display: none; }

.acd-label {
  display: block;
  margin-bottom: 1px;
  position: relative; }

.acd-label:after {
  font-family: "Font Awesome 5 Free";
  content: '\f067';
  font-weight: 900;
  right: 0.5rem;
  top: 0.8rem;
  position: absolute; }

.acd-check:checked + .acd-label:after {
  content: '\f068'; }

.acd-content {
  display: block;
  height: 0;
  opacity: 0;
  transition: .5s;
  visibility: hidden; }

.acd-check:checked + .acd-label + .acd-content {
  height: auto;
  opacity: 1;
  visibility: visible; }

.single-rank_box {
  margin: 0 0 32px 0; }
  .single-rank_box .main-rank {
    border-radius: 4px;
    border: 3px solid #d8d8d7;
    margin: 60px 0 32px 0;
    padding: 1rem;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .single-rank_box .main-rank {
        margin-bottom: 30px;
        margin-top: 30px; } }
    .single-rank_box .main-rank .img-ico-rank img {
      left: 1rem;
      position: absolute;
      top: 0;
      width: 6%; }
      @media only screen and (max-width: 767px) {
        .single-rank_box .main-rank .img-ico-rank img {
          width: 12%; } }
    .single-rank_box .main-rank h3 {
      font-size: 1.5rem;
      font-weight: bold;
      margin-bottom: 1rem;
      margin-left: 5rem; }
      @media only screen and (max-width: 767px) {
        .single-rank_box .main-rank h3 {
          margin-left: 3.5rem;
          font-size: 1.3rem;
          line-height: 1.3; } }
    .single-rank_box .main-rank .main-rank-txt {
      position: relative; }
      @media only screen and (max-width: 767px) {
        .single-rank_box .main-rank .main-rank-txt p {
          padding-left: 1rem; } }
    .single-rank_box .main-rank .rating {
      color: #ffae00;
      font-weight: bold;
      margin-top: .5rem; }
      @media only screen and (max-width: 767px) {
        .single-rank_box .main-rank .rating {
          padding-left: 1rem; } }
    .single-rank_box .main-rank .link-official {
      text-align: right;
      margin-top: 1.4rem; }
      .single-rank_box .main-rank .link-official a {
        text-decoration: underline;
        position: absolute;
        bottom: 0;
        right: 0; }
  .single-rank_box .rank-1 {
    background: #fff7e5;
    border: 3px solid #ffae00; }
  .single-rank_box .rank-2 {
    background: #f3f3f3;
    border: 3px solid #898989; }
  .single-rank_box .rank-3 {
    background: #fef0e1;
    border: 3px solid #cf812f; }
  .single-rank_box .list-over, .single-rank_box .kuti-more {
    font-size: .9rem;
    margin-top: 1rem;
    text-align: right; }
    .single-rank_box .list-over a, .single-rank_box .kuti-more a {
      text-decoration: underline; }
  .single-rank_box .kuti .kuti-box {
    margin: 0 0 32px 0;
    border-bottom: 1px dotted #777;
    padding: 0 0 12px 0; }
  .single-rank_box .kuti h3 {
    margin: 0 0 12px 0; }
  .single-rank_box .kuti ul {
    margin: 0 0 12px 0; }
  .single-rank_box .kuti li {
    display: inline-block;
    margin-right: .5rem; }
  .single-rank_box .kuti p {
    margin: 0 0 12px 0;
    font-size: 14px;
    line-height: 1.9; }
  .single-rank_box .kuti .tag {
    background: #f3f3f3;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1;
    padding: .4rem; }
  .single-rank_box .kuti .name {
    font-size: 12px; }
  .single-rank_box .kuti .raiting img {
    max-width: 72px; }

.main-rank-img img {
  margin: auto;
  max-width: 200px; }

/* ＠口コミ記事（single）
----------------------------------------------------------------------------------------------*/
#single-review {
  background: #FFF;
  margin-bottom: 32px; }
  @media only screen and (max-width: 767px) {
    #single-review {
      border: none; } }
  #single-review h1 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767px) {
      #single-review h1 {
        font-size: 18px;
        line-height: 1.3;
        font-weight: bold;
        margin-bottom: 16px; } }
  #single-review .single-review_thumbbox {
    background: #fff7e5;
    border-radius: 4px;
    border: 2px solid #ffae00;
    position: relative; }
    #single-review .single-review_thumbbox img {
      margin: auto;
      width: 200px;
      margin: 32px auto 8px auto; }
    #single-review .single-review_thumbbox p {
      font-size: 11px;
      text-align: center;
      margin: 0 0 16px 0; }

.single-review_list {
  margin: 0 0 32px 0; }
  .single-review_list .single-review_list-box {
    margin: 0 0 24px 0;
    border-bottom: 1px dotted #777;
    padding: 0 0 12px 0; }
    .single-review_list .single-review_list-box h3 {
      margin: 0 0 12px 0; }
    .single-review_list .single-review_list-box ul {
      margin: 0 0 12px 0; }
    .single-review_list .single-review_list-box li {
      display: inline-block;
      margin-right: .5rem; }
    .single-review_list .single-review_list-box p {
      margin: 0 0 12px 0;
      font-size: 14px;
      line-height: 1.9; }
    .single-review_list .single-review_list-box .tag {
      background: #f3f3f3;
      border-radius: 4px;
      font-size: 11px;
      line-height: 1;
      padding: .4rem; }
    .single-review_list .single-review_list-box .name {
      font-size: 12px; }
    .single-review_list .single-review_list-box .raiting img {
      max-width: 72px; }

/* ＠記事LP（feature column）
----------------------------------------------------------------------------------------------*/
#feature-column {
  margin: auto auto 6rem auto;
  max-width: 640px;
  padding: 1rem; }
  #feature-column .inner-1000 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
  #feature-column .inner-700 {
    width: 100%;
    max-width: 700px;
    margin: 0 auto; }
  #feature-column .inner-600 {
    width: 100%;
    max-width: 600px;
    margin: 0 auto; }
  #feature-column article h1 {
    font-size: 1.9rem; }
  #feature-column article h2 {
    padding: 0 0 0.5rem 0;
    border-bottom: 2px dashed #222;
    font-size: 1.6rem;
    margin: 3rem 0 1rem 0; }
  #feature-column article h2.line {
    border-top: 5px solid #212121;
    border-bottom: 5px solid #212121;
    padding: 1rem 0;
    text-align: center;
    font-size: 2rem; }
    @media only screen and (max-width: 767px) {
      #feature-column article h2.line {
        font-size: 1.7rem; } }
  #feature-column article h3 {
    padding: 1rem .5rem;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    margin: 3rem 0 1rem 0;
    font-size: 1.4rem; }
  #feature-column article h4 {
    font-size: 1.4rem;
    border-left: 8px solid #AAA;
    padding: 0 0 0 0.6rem;
    margin: 2rem 0 1rem 0; }
  #feature-column article h2.line {
    border-top: 5px solid #212121;
    border-bottom: 5px solid #212121;
    padding: 1rem 0;
    text-align: center;
    font-size: 2rem;
    line-height: 1.4; }
    @media only screen and (max-width: 767px) {
      #feature-column article h2.line {
        font-size: 1.7rem; } }
  #feature-column article h3.line {
    border-top: 0;
    border-bottom: 2px dotted #212121;
    padding: 0.5rem 0;
    font-size: 1.6rem; }
    @media only screen and (max-width: 767px) {
      #feature-column article h3.line {
        font-size: 1.4rem;
        margin-top: 1rem; } }
  #feature-column article a {
    text-decoration: underline;
    font-weight: bold; }
  #feature-column article p {
    font-size: 1.1rem;
    line-height: 1.905;
    padding: 1rem 0;
    letter-spacing: 0.8pt; }
  #feature-column article .disc {
    padding-left: 1.5rem; }
    #feature-column article .disc li {
      list-style: disc; }
  #feature-column article dl dt {
    font-weight: 700;
    margin-bottom: 1rem; }
  #feature-column article dl dd {
    margin-bottom: 2rem; }
  #feature-column article .btn-cv {
    position: relative;
    text-align: center; }
    #feature-column article .btn-cv a {
      display: block;
      width: 90%;
      margin: 2rem auto 4rem auto;
      line-height: 1.1;
      padding: 1.5rem 1rem;
      border: 4px solid #FFF;
      border-radius: 20px;
      background: -webkit-linear-gradient(#7dc96e, #6fb648);
      color: #FFF;
      font-size: 2.5rem;
      font-weight: bold;
      box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.5), inset 0px 0px 1px #ff00d9;
      text-decoration: none; }
    #feature-column article .btn-cv a:hover {
      background: -webkit-linear-gradient(#6fb648, #7dc96e);
      opacity: 0.8; }
    #feature-column article .btn-cv.shine {
      overflow: hidden;
      position: relative; }
      #feature-column article .btn-cv.shine::after {
        animation: shiny-btn1 3s ease-in-out infinite;
        background-color: #fff;
        content: '';
        display: inline-block;
        height: 100%;
        left: 0;
        position: absolute;
        top: -180px;
        width: 30px; }
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
  #feature-column article .waku {
    padding: 2rem;
    background: #F3F3F3;
    margin-bottom: 2rem;
    font-size: 1.1rem; }
  #feature-column article .waku-kuro {
    background: #FFF;
    border: 1px solid #000; }
  #feature-column article .waku-aka {
    background: #FFF;
    border: 2px solid #FF0000; }
  #feature-column article .waku-title {
    padding: 1rem;
    border: 3px solid #222;
    background: #FFF;
    margin-bottom: 1rem;
    text-align: center; }
    #feature-column article .waku-title .txt-center {
      text-align: center; }
    #feature-column article .waku-title .fs-big {
      font-size: 2.4rem; }
    #feature-column article .waku-title .fs-nor {
      font-size: 1.8rem; }
    @media only screen and (max-width: 767px) {
      #feature-column article .waku-title .fs-big {
        font-size: 1.9rem; }
      #feature-column article .waku-title .fs-nor {
        font-size: 1.4rem; } }
  #feature-column article .fs-xxl {
    font-size: 2.4rem; }
  #feature-column article .fs-xl {
    font-size: 1.9rem; }
  #feature-column article .fs-l {
    font-size: 1.4rem; }
  #feature-column article .fs-s {
    font-size: 0.85rem; }
  #feature-column article .fs-xs {
    font-size: 0.6rem; }
  #feature-column article .ta-center {
    text-align: center; }
  #feature-column article .ta-right {
    text-align: right; }
  @media only screen and (max-width: 767px) {
    #feature-column article h1 {
      font-size: 1.4rem; }
    #feature-column article h2 {
      font-size: 1.4rem; }
    #feature-column article h3 {
      font-size: 1.3rem; }
    #feature-column article h4 {
      font-size: 1.2rem; }
    #feature-column article .btn-cv a {
      font-size: 1.4rem; } }

/* ＠記事LP（feature column）golfschool-00
----------------------------------------------------------------------------------------------*/
/*ゴルフLP*/
#feature-column .lp-golf {
  letter-spacing: .05rem; }
  #feature-column .lp-golf p {
    font-size: 1.1rem;
    line-height: 1.6rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf p {
        font-size: 0.8rem;
        line-height: 1.3rem; } }
  #feature-column .lp-golf .inner-golf {
    margin: 1rem auto 2rem;
    max-width: 880px; }
  #feature-column .lp-golf .inner-golf-in {
    max-width: 700px;
    margin: auto; }
  #feature-column .lp-golf .mainvisual-golf {
    background: #C6DEF7; }
    #feature-column .lp-golf .mainvisual-golf .mainvisual-img {
      position: relative;
      margin: 0 auto;
      max-width: 940px;
      width: 100%; }
      #feature-column .lp-golf .mainvisual-golf .mainvisual-img .mainvisual-btn {
        position: absolute;
        right: 7%;
        bottom: 8%; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .mainvisual-golf .mainvisual-img .mainvisual-btn {
            right: 7%;
            bottom: 7%; } }
      #feature-column .lp-golf .mainvisual-golf .mainvisual-img .mainvisual-btn a {
        background: #f35a00;
        border-radius: 6px;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1;
        text-align: center;
        text-decoration: none;
        padding: 1rem 2.5rem 1.2rem;
        position: relative;
        box-shadow: 4px 4px 4px 1px #00217e; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .mainvisual-golf .mainvisual-img .mainvisual-btn a {
            font-size: 0.75rem;
            padding: 0.4rem 0.7rem 0.6rem; } }
        #feature-column .lp-golf .mainvisual-golf .mainvisual-img .mainvisual-btn a:after {
          content: '';
          display: inline-block;
          width: 12px;
          height: 12px;
          background-image: url(/img/lp/golf/icon-arrow-bottom-triangle.png);
          background-size: contain;
          vertical-align: middle;
          margin-right: 0.5rem;
          position: absolute;
          bottom: 11%;
          right: 43%; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .mainvisual-golf .mainvisual-img .mainvisual-btn a:after {
              width: 7px;
              height: 7px;
              bottom: 8%;
              right: 40%; } }
  #feature-column .lp-golf .inner-golf .red {
    color: #bd1010;
    font-weight: bold; }
  #feature-column .lp-golf .inner-golf .yellow {
    background: #f9f169; }
  #feature-column .lp-golf .inner-golf .text {
    position: relative;
    border: solid #0d1b76;
    text-align: center;
    color: #0d1b76;
    font-size: 2.4rem;
    font-weight: bold;
    margin: 2rem auto 0rem;
    box-shadow: 0px 12px 28px -15px #999; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .inner-golf .text {
        font-size: 1rem;
        margin: 1rem auto 0rem;
        padding: 0.5rem 0 !important; } }
    #feature-column .lp-golf .inner-golf .text::before {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border-top: 30px solid #fff;
      border-right: 90px solid transparent;
      border-left: 90px solid transparent;
      z-index: 1000; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .inner-golf .text::before {
          border-top: 18px solid #fff;
          border-right: 40px solid transparent;
          border-left: 40px solid transparent; } }
    #feature-column .lp-golf .inner-golf .text::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border-top: 33px solid #0d1b76;
      border-right: 101px solid transparent;
      border-left: 101px solid transparent; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .inner-golf .text::after {
          border-top: 21px solid #0d1b76;
          border-right: 46px solid transparent;
          border-left: 46px solid transparent; } }
  #feature-column .lp-golf .inner-golf h2 {
    border: none;
    text-align: center;
    color: #fff;
    padding: 2rem !important;
    font-size: 2rem;
    border-bottom: 0px !important;
    background: #0d1b76;
    margin: auto !important; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .inner-golf h2 {
        padding: 1rem !important;
        font-size: 1.1rem;
        line-height: 1.2rem; } }
  #feature-column .lp-golf .inner-golf h2.no1 {
    background: #0d1b76;
    margin: 0rem auto 2rem !important; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .inner-golf h2.no1 {
        margin: 0rem auto 1rem !important; } }
  #feature-column .lp-golf .inner-golf h2.no2 {
    background: #bca50a;
    margin: 0rem !important; }
  #feature-column .lp-golf .inner-golf h2.no3 {
    background: #0d1b76;
    margin: 0rem !important; }
  #feature-column .lp-golf .inner-golf01 ul {
    color: #0d1b76;
    font-size: 1.6rem;
    line-height: 2;
    background: #edeff6;
    padding: 3rem 4rem 2rem;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .inner-golf01 ul {
        padding: 1.5rem 1rem 1rem;
        font-size: 1.2rem;
        line-height: 1.6; } }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golf .inner-golf01 ul li {
      font-size: 0.9rem; } }
  #feature-column .lp-golf .title-img {
    padding: 0rem !important; }
    #feature-column .lp-golf .title-img img {
      margin: auto; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .title-img img {
          width: 21%; } }
  #feature-column .lp-golf .box {
    margin-bottom: 3rem;
    background: #edeff6;
    padding: 2rem 5rem;
    box-shadow: 0px 11px 26px -18px #999; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .box {
        padding: 1rem 1rem 0;
        margin-bottom: 1.2rem; } }
    #feature-column .lp-golf .box h3 {
      border-top: none !important;
      border-bottom: none !important;
      margin: 0 0 1rem;
      border-left: solid 12px #0d1b76;
      color: #0d1b76;
      padding: 0rem 0rem 0rem 1rem !important; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .box h3 {
          font-size: 1rem;
          line-height: 1.1rem; } }
      #feature-column .lp-golf .box h3 span {
        display: block;
        font-size: 1.2rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .box h3 span {
            font-size: 0.8rem; } }
  #feature-column .lp-golf .osusume-rank .rank {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .osusume-rank .rank {
        align-items: stretch; } }
    #feature-column .lp-golf .osusume-rank .rank dl {
      flex-basis: 33%;
      text-align: center;
      text-align: center;
      padding: 2rem;
      margin: 0;
      border-right: solid 1px #eeeeee; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .osusume-rank .rank dl {
          padding: 0.5rem 0.5rem 1rem; } }
      #feature-column .lp-golf .osusume-rank .rank dl.no1 {
        background: #fffff2;
        border-left: solid 1px #eeeeee; }
      #feature-column .lp-golf .osusume-rank .rank dl dt img.bnr-logo {
        margin: 0.5rem auto; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .osusume-rank .rank dl dt img.bnr-logo {
            max-height: 80px;
            width: auto; } }
      #feature-column .lp-golf .osusume-rank .rank dl dd {
        line-height: 1rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .osusume-rank .rank dl dd a {
          font-size: 0.8rem; } }
      #feature-column .lp-golf .osusume-rank .rank dl img {
        margin: auto; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .osusume-rank .rank dl img {
            width: 35%; } }
      #feature-column .lp-golf .osusume-rank .rank dl p {
        font-size: 1.2rem !important;
        padding: 0.5rem 0rem 1rem !important;
        font-size: 1.1rem !important;
        border-right: none !important; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .osusume-rank .rank dl p {
            font-size: 1.1rem !important; } }
  #feature-column .lp-golf .osusume-rank .rank-stretch {
    align-items: stretch; }
  #feature-column .lp-golf .osusume-rank .rank-last {
    border-bottom: solid 1px #eeeeee; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .osusume-rank .rank-last {
        margin-bottom: 2rem; } }
  #feature-column .lp-golf .osusume-rank h3 {
    border-top: 0px !important;
    border-bottom: 0px !important;
    background: #27bc78;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    margin: auto !important; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .osusume-rank h3 {
        font-size: 0.9rem;
        line-height: 1;
        padding: 0.5rem; } }
  #feature-column .lp-golf .osusume-rank .rank p {
    flex-basis: 33%;
    text-align: center;
    padding: 3rem 2rem;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.2 !important;
    border-right: solid 1px #eeeeee; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .osusume-rank .rank p {
        font-size: 0.9rem;
        padding: 1rem 0.5rem; } }
    #feature-column .lp-golf .osusume-rank .rank p img {
      margin: auto; }
    #feature-column .lp-golf .osusume-rank .rank p.no1 {
      background: #fffff2;
      border-left: solid 1px #eeeeee; }
    #feature-column .lp-golf .osusume-rank .rank p.bg_maru {
      background: url(/img/lp/golf/bg-maru.png) no-repeat;
      background-position: center;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .osusume-rank .rank p.bg_maru {
          background-size: 32%; } }
    #feature-column .lp-golf .osusume-rank .rank p.bg_sankaku {
      background: url(/img/lp/golf/bg-sankaku.png) no-repeat;
      background-position: center;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .osusume-rank .rank p.bg_sankaku {
          background-size: 32%; } }
    #feature-column .lp-golf .osusume-rank .rank p.bg_maru_no1 {
      background: #fffff2 url(/img/lp/golf/bg-maru.png) no-repeat;
      background-position: center;
      vertical-align: middle;
      border-left: solid 1px #eeeeee; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .osusume-rank .rank p.bg_maru_no1 {
          background-size: 32%; } }
  #feature-column .lp-golf .matter-all {
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .matter-all .inner-golf {
        padding: 0rem; } }
    #feature-column .lp-golf .matter-all .bg_blue {
      background: #edeff6;
      box-shadow: 0px 12px 28px -15px #999;
      padding: 2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .matter-all .bg_blue {
          padding: 1rem; } }
      #feature-column .lp-golf .matter-all .bg_blue table {
        border-top: 1px solid #44e89d;
        border-left: 1px solid #44e89d; }
        #feature-column .lp-golf .matter-all .bg_blue table th {
          background: #27bc78;
          color: #fff;
          border-right: 1px solid #44e89d;
          border-bottom: 1px solid #44e89d;
          padding: 1rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .matter-all .bg_blue table th {
              font-size: 0.9rem;
              line-height: 1;
              padding: 0.5rem 0.3rem; } }
        #feature-column .lp-golf .matter-all .bg_blue table td {
          border-right: 1px solid #44e89d;
          border-bottom: 1px solid #44e89d;
          text-align: center;
          padding: 1rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .matter-all .bg_blue table td {
              font-size: 0.9rem;
              padding: 0.3rem; } }
          #feature-column .lp-golf .matter-all .bg_blue table td img {
            margin: auto;
            width: 85%;
            max-width: 149px; }
      #feature-column .lp-golf .matter-all .bg_blue .txt-right {
        font-size: .8rem;
        text-align: right;
        padding-bottom: 2rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .bg_blue .txt-right {
            padding: 0.5rem 0; } }
      #feature-column .lp-golf .matter-all .bg_blue .box02 {
        background: #fff;
        padding: 1rem 2rem;
        border-top: solid 8px #27bc78;
        box-shadow: 0px 12px 28px -15px #999; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .bg_blue .box02 {
            padding: .5rem 1rem; } }
      #feature-column .lp-golf .matter-all .bg_blue .box03 {
        background: #fff;
        box-shadow: 0px 12px 28px -15px #999; }
        #feature-column .lp-golf .matter-all .bg_blue .box03 h3.no3 {
          margin: auto;
          color: #fff;
          text-align: center;
          font-size: 1.5rem;
          border-top: 0px !important;
          border-bottom: 0px !important;
          background: #0d1b76 url(/img/lp/golf/icon_merit.png) no-repeat;
          background-position: left 18px top 18px;
          padding: 1rem 0.5rem;
          vertical-align: middle; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .matter-all .bg_blue .box03 h3.no3 {
              font-size: 1rem;
              line-height: 1.1rem;
              padding: 0.7rem;
              background-position: left 11px top 9px;
              background-size: 15px;
              margin: 0 auto 1rem; } }
        #feature-column .lp-golf .matter-all .bg_blue .box03 .box-in {
          padding: 0rem 3rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .matter-all .bg_blue .box03 .box-in {
              padding: 0rem 1rem; } }
          #feature-column .lp-golf .matter-all .bg_blue .box03 .box-in h4 {
            border-left: 8px solid #0d1b76 !important;
            background: #edeff6;
            line-height: 1.4rem;
            padding: 1rem;
            margin: 1rem 0 1rem 0; }
            @media only screen and (max-width: 767px) {
              #feature-column .lp-golf .matter-all .bg_blue .box03 .box-in h4 {
                font-size: 1rem;
                line-height: 1.1rem;
                padding: 0.7rem 0.5rem;
                margin: 0 0 1rem; } }
    #feature-column .lp-golf .matter-all .osusume {
      border: solid 1px #0d1b76;
      border-radius: 20px;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .matter-all .osusume {
          margin: 1.5rem auto 1rem;
          border-radius: 10px; } }
      #feature-column .lp-golf .matter-all .osusume p {
        background: #0d1b76;
        border-radius: 20px 20px 0px 0px;
        color: #fff;
        text-align: center;
        font-size: 1.4rem;
        padding: 0.5rem;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .osusume p {
            border-radius: 10px 10px 0px 0px; } }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .matter-all .osusume .title {
          line-height: 1.2;
          padding: 0.5rem;
          font-size: 0.9rem; } }
      #feature-column .lp-golf .matter-all .osusume ul {
        background: #fff !important;
        padding: 1rem 2rem;
        font-size: 1.2rem !important;
        border-radius: 0px 0px 20px 20px; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .osusume ul {
            padding: 1rem 0.6rem 0.5rem;
            border-radius: 0px 0px 10px 10px; } }
        #feature-column .lp-golf .matter-all .osusume ul li {
          background: url(/img/lp/golf/icon-check01.png) no-repeat;
          padding-left: 2.5rem;
          background-position: left;
          text-align: left; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .matter-all .osusume ul li {
              font-size: 0.9rem;
              background-size: 6%;
              padding-left: 1.7rem;
              line-height: 1.2;
              margin-bottom: 0.5rem; } }
    #feature-column .lp-golf .matter-all .voice {
      border: solid 1px #0d1b76;
      border-radius: 20px;
      margin: 2rem auto; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .matter-all .voice {
          border-radius: 10px;
          margin: 1rem auto; } }
      #feature-column .lp-golf .matter-all .voice .title {
        background: #0d1b76;
        border-radius: 20px 20px 0px 0px;
        color: #fff;
        text-align: center;
        font-size: 1.4rem;
        padding: 0.5rem !important;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .voice .title {
            line-height: 1.2 !important;
            padding: 0.5rem !important;
            font-size: 0.9rem;
            border-radius: 10px 10px 0px 0px; } }
      #feature-column .lp-golf .matter-all .voice ul {
        background: #fff !important;
        padding: 0rem !important;
        font-size: 1.2rem !important;
        border-radius: 0px 0px 20px 20px;
        font-weight: normal;
        text-align: left; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .voice ul {
            border-radius: 0px 0px 10px 10px; } }
        #feature-column .lp-golf .matter-all .voice ul li {
          border-bottom: dotted;
          background: none;
          padding: 1rem 2rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .matter-all .voice ul li {
              padding: 1rem 1rem 0.5rem; } }
          #feature-column .lp-golf .matter-all .voice ul li .age {
            padding: 0rem 0rem 0rem 3rem;
            background: url(/img/lp/golf/ico-human.png) no-repeat;
            background-size: contain;
            background-position: left;
            font-size: 1.2rem; }
            @media only screen and (max-width: 767px) {
              #feature-column .lp-golf .matter-all .voice ul li .age {
                font-size: 0.8rem;
                font-weight: bold;
                padding-left: 2rem; } }
          #feature-column .lp-golf .matter-all .voice ul li .txt {
            padding: 0.5rem 0rem !important;
            line-height: 1.4 !important; }
          #feature-column .lp-golf .matter-all .voice ul li .txt-right {
            padding: 0rem !important;
            text-align: right;
            font-size: 0.8rem !important; }
            @media only screen and (max-width: 767px) {
              #feature-column .lp-golf .matter-all .voice ul li .txt-right {
                text-align: center;
                font-size: 0.6rem !important; } }
          #feature-column .lp-golf .matter-all .voice ul li.bottom {
            border: none; }
    #feature-column .lp-golf .matter-all .shop {
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .matter-all .shop {
          margin-bottom: 1rem; } }
      #feature-column .lp-golf .matter-all .shop .title {
        background: #27bc78;
        color: #fff;
        line-height: 1;
        text-align: center;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 0.5rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .shop .title {
            font-size: 0.9rem; } }
      #feature-column .lp-golf .matter-all .shop .shop-list {
        background: #fff;
        padding: 1rem 2rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .shop .shop-list {
            padding: 1rem 1rem 0; } }
      #feature-column .lp-golf .matter-all .shop dl {
        margin: 0rem auto;
        padding: 1rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .shop dl {
            padding: 0 0 0.5rem; } }
        #feature-column .lp-golf .matter-all .shop dl dt {
          font-size: 1.2rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .matter-all .shop dl dt {
              font-size: 0.9rem; } }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .matter-all .shop dl dd {
            font-size: 0.8rem; } }
  #feature-column .lp-golf .otoku {
    border: solid 1px #0d1b76;
    border-radius: 20px;
    margin: 2rem auto;
    background: #fff; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .otoku {
        margin: 1rem auto; } }
    #feature-column .lp-golf .otoku .title {
      border-radius: 20px 20px 0px 0px;
      color: #fff;
      text-align: center;
      font-size: 1.4rem;
      line-height: 1;
      padding: 0.5rem;
      font-weight: bold;
      background: #0d1b76 url(/img/lp/golf/ico_pre.png) no-repeat;
      background-position: left 250px bottom 6px;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .otoku .title {
          font-size: 0.9rem;
          background-position: left 230px bottom 5px;
          background-size: 20px; } }
    #feature-column .lp-golf .otoku .img-camp {
      padding: 0.5rem 0; }
      #feature-column .lp-golf .otoku .img-camp img {
        border-radius: 20px; }
    #feature-column .lp-golf .otoku img {
      margin: auto; }
  #feature-column .lp-golf .osusume-02 h4 {
    position: relative;
    background: #1d41a5;
    text-align: center;
    padding: 1rem !important;
    color: #fff;
    font-size: 1.8rem;
    border: none !important;
    margin: 1rem 0 0rem !important; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .osusume-02 h4 {
        padding: 1rem 0.5rem !important;
        font-size: 1rem;
        line-height: 1.4rem;
        margin: 2rem 0 0rem !important; } }
    #feature-column .lp-golf .osusume-02 h4::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border-top: 35px solid #1d41a5;
      border-right: 65px solid transparent;
      border-left: 65px solid transparent; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .osusume-02 h4::after {
          border-top: 16px solid #1d41a5;
          border-right: 30px solid transparent;
          border-left: 30px solid transparent; } }
  #feature-column .lp-golf .osusume-02 .bg_blue {
    background: #edeff6;
    box-shadow: 0px 12px 28px -15px #999;
    padding: 2rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .osusume-02 .bg_blue {
        padding: 0.5rem 1rem 1rem; } }
    #feature-column .lp-golf .osusume-02 .bg_blue dl {
      border: solid #950a14 1px;
      background: #fff; }
      #feature-column .lp-golf .osusume-02 .bg_blue dl dt {
        color: #fff;
        text-align: center;
        padding: 1rem;
        font-size: 1.2rem;
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .osusume-02 .bg_blue dl dt {
            padding: 0.5rem;
            line-height: 1.2;
            font-size: 0.9rem; } }
        #feature-column .lp-golf .osusume-02 .bg_blue dl dt.dl01 {
          background: #950a14 url(/img/lp/golf/ico_check02.png) no-repeat;
          background-position: left 84px center;
          vertical-align: middle; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .osusume-02 .bg_blue dl dt.dl01 {
              padding-left: 3rem;
              background-position: left 16px center;
              background-size: 5%; } }
        #feature-column .lp-golf .osusume-02 .bg_blue dl dt.dl02 {
          background: #950a14 url(/img/lp/golf/ico_check02.png) no-repeat;
          background-position: left 205px center;
          vertical-align: middle; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .osusume-02 .bg_blue dl dt.dl02 {
              padding-left: 3rem;
              background-position: left 59px center;
              background-size: 5%; } }
        #feature-column .lp-golf .osusume-02 .bg_blue dl dt.dl03 {
          background: #950a14 url(/img/lp/golf/ico_check02.png) no-repeat;
          background-position: left 262px center;
          vertical-align: middle; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .osusume-02 .bg_blue dl dt.dl03 {
              padding-left: 3rem;
              background-position: left 115px center;
              background-size: 5%; } }
      #feature-column .lp-golf .osusume-02 .bg_blue dl dd {
        padding: 1rem 2rem;
        line-height: 1.8; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .osusume-02 .bg_blue dl dd {
            font-size: 0.8rem;
            line-height: 1rem;
            padding: 1rem; } }
    #feature-column .lp-golf .osusume-02 .bg_blue .form {
      background: #fff;
      margin: 2rem auto; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .osusume-02 .bg_blue .form {
          margin: 1rem auto; } }
      #feature-column .lp-golf .osusume-02 .bg_blue .form .title {
        background: #27bc78;
        color: #fff;
        text-align: center;
        font-weight: bold;
        font-size: 1.4rem;
        padding: 0.5rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .osusume-02 .bg_blue .form .title {
            line-height: 1;
            font-size: 0.9rem; } }
      #feature-column .lp-golf .osusume-02 .bg_blue .form .txt {
        padding: 0 1rem 1rem; }
        #feature-column .lp-golf .osusume-02 .bg_blue .form .txt p {
          text-align: center;
          font-size: 1rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-golf .osusume-02 .bg_blue .form .txt p {
              font-size: 0.8rem; } }
      #feature-column .lp-golf .osusume-02 .bg_blue .form img {
        margin: 0rem auto 1rem;
        border: 4px solid #44e89d;
        padding: 1rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .osusume-02 .bg_blue .form img {
            margin-bottom: 0;
            width: 100%;
            border: 2px solid #44e89d; } }
  #feature-column .lp-golf .button {
    overflow: hidden;
    margin: 2rem auto;
    border-radius: 40px;
    box-shadow: 0px 10px 0px 0px #760e0e; }
    #feature-column .lp-golf .button a {
      position: relative;
      background: #d02626;
      display: block;
      text-align: center;
      padding: 2rem;
      font-size: 1.7rem;
      color: #fff;
      text-decoration: none; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf .button a {
          font-size: 1.3rem;
          padding: 1.5rem 1rem;
          border-radius: 20px;
          box-shadow: 0px 7px 0px 0px #760e0e;
          margin: 1.2rem auto 1.1rem;
          line-height: 1.3;
          width: 95%; } }
      #feature-column .lp-golf .button a::before {
        position: absolute;
        content: '';
        display: inline-block;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fff;
        animation: shiny-btn1 2.5s ease-in-out infinite; }
      #feature-column .lp-golf .button a::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 4%;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 0.9em;
        height: 0.9em;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golf .button a::after {
            right: 3%;
            width: 0.5em;
            height: 0.5em;
            border-top: 3px solid #fff;
            border-right: 3px solid #fff; } }
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
  #feature-column .lp-golf #btn-golf {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    display: none;
    height: 130px;
    position: fixed;
    right: 0;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf #btn-golf {
        height: 100px; } }
    #feature-column .lp-golf #btn-golf a {
      color: #fff;
      text-decoration: none; }
    #feature-column .lp-golf #btn-golf .button {
      width: 880px !important;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf #btn-golf .button {
          width: 100% !important;
          margin: 0.5rem auto !important; } }
    #feature-column .lp-golf #btn-golf img {
      margin: 0 auto; }
  #feature-column .lp-golf .footer-golf {
    display: block;
    height: 30px;
    margin-top: 115px; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf .footer-golf {
        margin-top: 96px; } }
  #feature-column .lp-golf footer {
    position: relative; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golf .inner-golf {
      margin: 1rem auto;
      padding: 0 1rem; }
    #feature-column .lp-golf .box-golf-review {
      margin: 0; } }

/* ＠記事LP（feature column）golfschool-01
----------------------------------------------------------------------------------------------*/
#feature-column .lp-golf01 {
  margin-bottom: 200px; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golf01 {
      margin-bottom: 30px; } }
  #feature-column .lp-golf01 p {
    color: #212121; }
  #feature-column .lp-golf01 .txt-dot {
    text-emphasis: filled circle #00747c; }
  #feature-column .lp-golf01 .cv-btn-box {
    position: absolute; }
  #feature-column .lp-golf01 .cv-btn {
    position: relative;
    left: -40px;
    width: 85%; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf01 .cv-btn {
        position: relative;
        left: -19px;
        width: 95%;
        max-width: 645px; } }
  #feature-column .lp-golf01 .cv-btn-top {
    display: block;
    font-size: 2rem;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf01 .cv-btn-top {
        font-size: 1.5rem; } }
  #feature-column .lp-golf01 iframe.iframe-youtube {
    height: 350px; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf01 iframe.iframe-youtube {
        height: 193px; } }
  #feature-column .lp-golf01 .scroll-table {
    overflow: auto;
    width: 100%;
    padding-bottom: 0.5rem; }
  #feature-column .lp-golf01 .scroll-table table {
    margin: 0;
    border-spacing: 0; }
  #feature-column .lp-golf01 .scroll-table td {
    white-space: nowrap;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #FFF;
    padding: 5px; }
  #feature-column .lp-golf01 .scroll-table th {
    white-space: nowrap;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f2f2f2; }
  #feature-column .lp-golf01 .scroll-table .fixcell {
    position: -webkit-sticky;
    position: sticky;
    left: 102px; }
    #feature-column .lp-golf01 .scroll-table .fixcell:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: 100%;
      height: 100%;
      border-left: 1px solid #ddd; }
  #feature-column .lp-golf01 .scroll-table .fixcell:first-child {
    left: 0; }
  #feature-column .lp-golf01 .scroll-table .fixcell[colspan="2"] {
    width: 245px;
    min-width: 245px;
    max-width: 245px;
    left: 1px; }
  #feature-column .lp-golf01 .scroll-table tr:first-child th {
    border-top: 1px solid #ddd; }
  #feature-column .lp-golf01 .scroll-table th:first-child {
    border-left: 1px solid #ddd; }
  #feature-column .lp-golf01 .scroll-table tr:first-child th:first-child {
    z-index: 1; }
  #feature-column .lp-golf01 table th, #feature-column .lp-golf01 table td {
    padding: 1em 10px 1em 1em;
    border-right: 1px solid #bbb; }
  #feature-column .lp-golf01 table {
    border-collapse: collapse;
    color: #212121;
    font-weight: bold;
    margin: 1rem auto;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf01 table {
        width: 640px; } }
  #feature-column .lp-golf01 table tr {
    padding: .35em;
    border-bottom: 2px solid #ddd; }
  #feature-column .lp-golf01 table th,
  #feature-column .lp-golf01 table td {
    padding: 1rem 0.5rem;
    border-right: 2px solid #ddd; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf01 table th,
      #feature-column .lp-golf01 table td {
        padding: 1rem 0.3rem; } }
  #feature-column .lp-golf01 table th {
    font-size: .85em; }
  #feature-column .lp-golf01 table thead tr {
    background-color: #efefef; }
  #feature-column .lp-golf01 table tbody th {
    background: #efefef; }
  #feature-column .lp-golf01 table tbody td {
    border-right: 2px solid #ddd;
    font-size: .8rem; }
  #feature-column .lp-golf01 table .pick {
    background: #00747c;
    color: #fff;
    font-size: .95rem; }
  #feature-column .lp-golf01 .txt {
    text-align: left;
    font-size: .85em; }
  #feature-column .lp-golf01 .price {
    text-align: right;
    color: #167F92;
    font-weight: bold; }
  #feature-column .lp-golf01 .non {
    background: #fff; }

/* ＠記事LP（feature column）golfschool-02
----------------------------------------------------------------------------------------------*/
#feature-column .lp-golf02 {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 4rem;
  font-weight: bold; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golf02 {
      padding: 0 1rem; } }
  #feature-column .lp-golf02 .txt-red {
    color: #bd1010; }
  #feature-column .lp-golf02 .txt-marker {
    background-image: linear-gradient(transparent 65%, #ffe76b 65%);
    font-weight: bold; }
  #feature-column .lp-golf02 .txt-marker-full {
    background: rgba(255, 255, 60, 0.6); }
  #feature-column .lp-golf02 .txt-big {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .txt-big {
        font-size: 1.3rem; } }
  #feature-column .lp-golf02 .txt-big-more {
    font-size: 2.6rem;
    line-height: 3rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .txt-big-more {
        font-size: 1.45rem;
        line-height: 2rem; } }
  #feature-column .lp-golf02 .txt-middle {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .txt-middle {
        font-size: 1.1rem; } }
  #feature-column .lp-golf02 .txt-small {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.8rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .txt-small {
        font-size: 0.9rem;
        line-height: 1.4rem; } }
  #feature-column .lp-golf02 p {
    color: #000;
    font-size: 1.2rem;
    line-height: 1.8rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 p {
        font-size: 1rem;
        line-height: 1.5rem; } }
  #feature-column .lp-golf02 .inner-golf-700 {
    width: 100%;
    max-width: 700px;
    margin: 0 auto; }
  #feature-column .lp-golf02 .inner-golf-870 {
    width: 100%;
    max-width: 870px;
    margin: 0 auto; }
  #feature-column .lp-golf02 .inner-golf-1000 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
  #feature-column .lp-golf02 .arrow-bottom-3 {
    display: block;
    margin: 0 auto;
    width: 25px;
    height: auto; }
  #feature-column .lp-golf02 .txt-top {
    border-left: 15px solid #067846;
    line-height: 1.4;
    padding: 0 0 0 8px;
    letter-spacing: 0.8pt;
    text-align: left;
    margin-bottom: 1rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .txt-top {
        font-size: 1rem; } }
  #feature-column .lp-golf02 .lp-golf-1-2 {
    background: #e6f8e9;
    display: flex;
    padding: 1.5rem 4.5rem 0 5.5rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-1-2 {
        padding: 1rem 1rem 0 0.5rem; } }
  #feature-column .lp-golf02 .lp-golf-1-2-left {
    width: 40%; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-1-2-left {
        position: relative; } }
    #feature-column .lp-golf02 .lp-golf-1-2-left:before {
      content: '';
      display: inline-block;
      width: 240px;
      height: 282px;
      background-image: url(/img/lp/golf02/main-1-2-bg.png);
      background-size: contain;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf02 .lp-golf-1-2-left:before {
          width: 94px;
          height: 111px;
          left: 0;
          bottom: 0;
          position: absolute; } }
  #feature-column .lp-golf02 .lp-golf-1-2-right {
    width: 60%;
    padding-top: 3.5rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-1-2-right {
        width: 100%;
        padding-top: 0;
        padding-left: 0.5rem; } }
  #feature-column .lp-golf02 .lp-golf-1-2 ul li {
    text-align: left; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golf02 .lp-golf-1-2 ul li:last-child {
      margin-bottom: 0.5rem; } }
  #feature-column .lp-golf02 .lp-golf-1-2 ul li b {
    border-bottom: 3px dotted #067846;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    display: inline-block; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-1-2 ul li b {
        font-size: 1rem; } }
    #feature-column .lp-golf02 .lp-golf-1-2 ul li b:before {
      content: '';
      display: inline-block;
      width: 28px;
      height: 25px;
      background-image: url(/img/lp/golf02/check-green.png);
      background-size: contain;
      vertical-align: middle;
      margin-right: 0.5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf02 .lp-golf-1-2 ul li b:before {
          width: 20px;
          height: 18px; } }
  #feature-column .lp-golf02 .lp-golf-2 .caption {
    border-bottom: 2px solid #06781e;
    position: relative;
    padding: 0.6em;
    margin: 2rem 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-2 .caption {
        margin: 1rem 0 2rem; } }
  #feature-column .lp-golf02 .lp-golf-2 .caption:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 46%;
    border: 28px solid transparent;
    border-top: 13px solid #06781e;
    width: 0;
    height: 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-2 .caption:after {
        left: 43%; } }
  #feature-column .lp-golf02 .lp-golf-2 .lp-golf-2-1 {
    position: relative; }
  #feature-column .lp-golf02 .lp-golf-2 .lp-golf-2-1:before {
    content: '';
    display: inline-block;
    width: 48px;
    height: 63px;
    background-image: url(/img/lp/golf02/main-2-1-left.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.5rem;
    position: absolute;
    bottom: 0;
    left: 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-2 .lp-golf-2-1:before {
        width: 35px;
        height: 46px; } }
  #feature-column .lp-golf02 .lp-golf-2 .lp-golf-2-1:after {
    content: '';
    display: inline-block;
    width: 48px;
    height: 63px;
    background-image: url(/img/lp/golf02/main-2-1-right.png);
    background-size: contain;
    vertical-align: middle;
    margin-left: 0.5rem;
    position: absolute;
    bottom: 0;
    right: 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-2 .lp-golf-2-1:after {
        width: 35px;
        height: 46px; } }
  #feature-column .lp-golf02 .lp-golf-2 .review {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-2 .review {
        display: block; } }
    #feature-column .lp-golf02 .lp-golf-2 .review .review-box {
      background: #e6f8e9;
      width: 50%; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf02 .lp-golf-2 .review .review-box {
          width: 100%; } }
    #feature-column .lp-golf02 .lp-golf-2 .review .review-box-02 {
      margin-left: 2%; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf02 .lp-golf-2 .review .review-box-02 {
          margin-left: 0;
          margin-top: 1rem; } }
  #feature-column .lp-golf02 .lp-golf-3 .lp-golf-3-b {
    margin-bottom: 1rem;
    position: relative; }
  #feature-column .lp-golf02 .lp-golf-3 .lp-golf-3-b:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 36px;
    background-image: url(/img/lp/golf02/main-3-left.png);
    background-size: contain;
    vertical-align: middle;
    margin-right: 0.5rem;
    position: absolute;
    bottom: 0;
    left: 28%; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-3 .lp-golf-3-b:before {
        left: 10%; } }
  #feature-column .lp-golf02 .lp-golf-3 .lp-golf-3-b::after {
    content: '';
    display: inline-block;
    width: 27px;
    height: 36px;
    background-image: url(/img/lp/golf02/main-3-right.png);
    background-size: contain;
    vertical-align: middle;
    margin-left: 0.5rem;
    position: absolute;
    bottom: 0;
    right: 28%; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-3 .lp-golf-3-b::after {
        right: 10%; } }
  #feature-column .lp-golf02 .scroll-table {
    overflow: auto;
    width: 100%;
    padding-bottom: 0.5rem; }
  #feature-column .lp-golf02 .scroll-table table {
    border: 2px solid #a0a0a0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .scroll-table table {
        width: 640px; } }
    #feature-column .lp-golf02 .scroll-table table thead {
      background: #e6e6e6;
      font-size: 1.2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf02 .scroll-table table thead {
          font-size: 1.1rem; } }
    #feature-column .lp-golf02 .scroll-table table thead .pick {
      background: #067846;
      color: #fff; }
    #feature-column .lp-golf02 .scroll-table table td.pick {
      color: #067846; }
    #feature-column .lp-golf02 .scroll-table table td {
      background: #f4f4f4;
      border: none; }
    #feature-column .lp-golf02 .scroll-table table tr:nth-child(odd) td {
      background: #fff; }
  #feature-column .lp-golf02 .scroll-table .fixcell {
    position: -webkit-sticky;
    position: sticky;
    left: 95px; }
    #feature-column .lp-golf02 .scroll-table .fixcell:before {
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: 100%;
      height: 100%; }
  #feature-column .lp-golf02 .scroll-table .fixcell:first-child {
    left: 0; }
  #feature-column .lp-golf02 .scroll-table .fixcell[colspan="2"] {
    width: 245px;
    min-width: 245px;
    max-width: 245px;
    left: 1px; }
  #feature-column .lp-golf02 .scroll-table th {
    white-space: nowrap;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #e6e6e6; }
  #feature-column .lp-golf02 .scroll-table th:first-child {
    border-left: 1px solid #ddd; }
  #feature-column .lp-golf02 .scroll-table tr:first-child th:first-child {
    z-index: 1; }
  #feature-column .lp-golf02 .scroll-table th.pick {
    border-top: 2px solid #bd1010;
    border-left: 2px solid #bd1010;
    border-right: 2px solid #bd1010; }
  #feature-column .lp-golf02 .scroll-table td.pick {
    border-left: 2px solid #bd1010;
    border-right: 2px solid #bd1010; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golf02 .scroll-table td {
      font-size: 0.8rem; } }
  #feature-column .lp-golf02 .ttl {
    background: #067846;
    color: #fff;
    padding: 1rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .ttl {
        position: relative; } }
  #feature-column .lp-golf02 .ttl b {
    position: relative; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .ttl b {
        position: static; } }
    #feature-column .lp-golf02 .ttl b:before {
      content: '';
      display: inline-block;
      width: 23px;
      height: 35px;
      background-image: url(/img/lp/golf02/main-5-ttl-icon.png);
      background-size: contain;
      vertical-align: middle;
      margin-right: 0.5rem;
      position: absolute;
      bottom: 0;
      left: -30px; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf02 .ttl b:before {
          width: 17px;
          height: 26px;
          left: 10px;
          bottom: 15px; } }
  #feature-column .lp-golf02 .lp-golf-5-main {
    background: #e6f8e9;
    text-align: left;
    margin-bottom: 3rem;
    padding-top: 2rem;
    padding-bottom: 1rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-5-main {
        padding: 1rem;
        margin-bottom: 2rem; } }
  #feature-column .lp-golf02 .lp-golf-6-main {
    background: #e6f8e9;
    text-align: left;
    margin-bottom: 1rem;
    padding-top: 2rem;
    padding-bottom: 1rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-6-main {
        padding: 1rem; } }
  #feature-column .lp-golf02 .lp-golf-7 .kuti {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .lp-golf-7 .kuti {
        display: block; } }
  #feature-column .lp-golf02 .kuti-box {
    background: #067846;
    border-radius: 23px;
    color: #fff;
    padding: 1rem;
    margin-left: 1rem;
    flex: 1; }
    #feature-column .lp-golf02 .kuti-box:first-child {
      margin-left: 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .kuti-box:last-child {
        margin-bottom: 0; } }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .kuti-box {
        margin-left: 0;
        margin-bottom: 1rem;
        padding-top: 0; } }
  #feature-column .lp-golf02 .kuti-box .kuti-top {
    font-size: 1.4rem;
    padding: 0.8rem 0 0.5rem 65px;
    position: relative;
    text-align: left;
    margin-bottom: 0.5rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .kuti-box .kuti-top {
        padding-top: 0s; } }
    #feature-column .lp-golf02 .kuti-box .kuti-top:before {
      content: '';
      display: inline-block;
      width: 52px;
      height: 52px;
      background-image: url(/img/lp/golf02/main-7-kuti-icon.png);
      background-size: contain;
      vertical-align: middle;
      margin-right: 0.5rem;
      position: absolute;
      bottom: 0;
      left: 0px; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf02 .kuti-box .kuti-top:before {
          width: 45px;
          height: 45px; } }
  #feature-column .lp-golf02 .kuti-box .kuti-txt {
    background: #fff;
    border-radius: 18px;
    color: #000;
    font-size: 1rem;
    line-height: 1.3rem;
    min-height: 171px;
    padding: 0.8rem 1rem;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golf02 .kuti-box .kuti-txt {
        font-size: 0.9rem;
        min-height: inherit; } }
  #feature-column .lp-golf02 .ttl-cv {
    background: #f9eb0a;
    margin-bottom: 1rem;
    padding: 1rem;
    position: relative; }
    #feature-column .lp-golf02 .ttl-cv:after {
      position: absolute;
      content: '';
      top: 100%;
      left: 47%;
      border: 20px solid transparent;
      border-top: 20px solid #f9eb0a;
      width: 0;
      height: 0; }
  #feature-column .lp-golf02 a.btn-cv {
    color: #fff;
    background-color: #bd1010;
    border-bottom: 8px solid #971414;
    border-radius: 30px;
    display: block;
    padding: 1.5rem;
    position: relative;
    text-decoration: none; }
    #feature-column .lp-golf02 a.btn-cv:after {
      content: '';
      display: inline-block;
      width: 17px;
      height: 28px;
      background-image: url(/img/lp/golf02/main-8-cv-icon.png);
      background-size: contain;
      vertical-align: middle;
      margin-right: 0.5rem;
      position: absolute;
      bottom: 33%;
      right: 3%; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf02 a.btn-cv:after {
          width: 10px;
          height: 16px;
          bottom: 37%; } }
  #feature-column .lp-golf02 a.btn-cv:hover {
    margin-top: 3px;
    color: #fff;
    background: #a10909;
    border-bottom: 2px solid #971414; }
  #feature-column .lp-golf02 .lp-golf-9 .ttl {
    background: #efefef;
    color: #bd1010;
    margin: 2rem 0;
    padding: 1.5rem 1rem;
    position: relative; }
    #feature-column .lp-golf02 .lp-golf-9 .ttl:after {
      position: absolute;
      content: '';
      top: 100%;
      left: 43%;
      border: 70px solid transparent;
      border-top: 20px solid #efefef;
      width: 0;
      height: 0; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golf02 .lp-golf-9 .ttl:after {
          left: 31%; } }

/* ＠記事LP（feature column）golfschool-03,golf-school-04,共通
----------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #feature-column .lp-golfschool03 .inner-golf, #feature-column .lp-golfschool04 .inner-golf {
    padding: 0; } }
#feature-column .lp-golfschool03 img, #feature-column .lp-golfschool04 img {
  margin: 0 auto; }
#feature-column .lp-golfschool03 p, #feature-column .lp-golfschool04 p {
  padding: 1rem 0;
  letter-spacing: 0.8pt; }
#feature-column .lp-golfschool03 .bg_blue, #feature-column .lp-golfschool04 .bg_blue {
  background: #edeff6;
  box-shadow: 0px 12px 28px -15px #999;
  padding: 2rem; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .bg_blue, #feature-column .lp-golfschool04 .bg_blue {
      padding: 1rem; } }
  #feature-column .lp-golfschool03 .bg_blue .inner_bg_blue, #feature-column .lp-golfschool04 .bg_blue .inner_bg_blue {
    max-width: 700px;
    margin: auto; }
  #feature-column .lp-golfschool03 .bg_blue table, #feature-column .lp-golfschool04 .bg_blue table {
    border-top: 1px solid #44e89d;
    border-left: 1px solid #44e89d; }
    #feature-column .lp-golfschool03 .bg_blue table th, #feature-column .lp-golfschool04 .bg_blue table th {
      background: #27bc78;
      color: #fff;
      border-right: 1px solid #44e89d;
      border-bottom: 1px solid #44e89d;
      padding: 1rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golfschool03 .bg_blue table th, #feature-column .lp-golfschool04 .bg_blue table th {
          font-size: 0.9rem;
          line-height: 1;
          padding: 0.5rem 0.3rem; } }
    #feature-column .lp-golfschool03 .bg_blue table td, #feature-column .lp-golfschool04 .bg_blue table td {
      border-right: 1px solid #44e89d;
      border-bottom: 1px solid #44e89d;
      text-align: center;
      padding: 1rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golfschool03 .bg_blue table td, #feature-column .lp-golfschool04 .bg_blue table td {
          font-size: 0.9rem;
          padding: 0.3rem; } }
      #feature-column .lp-golfschool03 .bg_blue table td img, #feature-column .lp-golfschool04 .bg_blue table td img {
        margin: auto;
        width: 85%;
        max-width: 149px; }
  #feature-column .lp-golfschool03 .bg_blue .txt-right, #feature-column .lp-golfschool04 .bg_blue .txt-right {
    font-size: .8rem;
    text-align: right;
    padding-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .bg_blue .txt-right, #feature-column .lp-golfschool04 .bg_blue .txt-right {
        padding: 0.5rem 0; } }
  #feature-column .lp-golfschool03 .bg_blue .box02, #feature-column .lp-golfschool04 .bg_blue .box02 {
    background: #fff;
    padding: 1rem 2rem;
    border-top: solid 8px #27bc78;
    box-shadow: 0px 12px 28px -15px #999; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .bg_blue .box02, #feature-column .lp-golfschool04 .bg_blue .box02 {
        padding: .5rem 1rem; } }
  #feature-column .lp-golfschool03 .bg_blue .box03, #feature-column .lp-golfschool04 .bg_blue .box03 {
    background: #fff;
    box-shadow: 0px 12px 28px -15px #999;
    text-align: left; }
    #feature-column .lp-golfschool03 .bg_blue .box03 h3.no3, #feature-column .lp-golfschool04 .bg_blue .box03 h3.no3 {
      margin: auto;
      color: #fff;
      text-align: center;
      font-size: 1.5rem;
      border-top: 0px !important;
      border-bottom: 0px !important;
      background: #0d1b76 url(/img/lp/golf/icon_merit.png) no-repeat;
      background-position: left 140px bottom 18px;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golfschool03 .bg_blue .box03 h3.no3, #feature-column .lp-golfschool04 .bg_blue .box03 h3.no3 {
          font-size: 1rem;
          line-height: 1.1rem;
          padding: 0.7rem;
          background-position: left 11px top 9px;
          background-size: 15px;
          margin: 0 auto 1rem; } }
    #feature-column .lp-golfschool03 .bg_blue .box03 .box-in, #feature-column .lp-golfschool04 .bg_blue .box03 .box-in {
      padding: 0rem 3rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golfschool03 .bg_blue .box03 .box-in, #feature-column .lp-golfschool04 .bg_blue .box03 .box-in {
          padding: 0rem 1rem; } }
      #feature-column .lp-golfschool03 .bg_blue .box03 .box-in h4, #feature-column .lp-golfschool04 .bg_blue .box03 .box-in h4 {
        border-left: 8px solid #0d1b76 !important;
        background: #edeff6;
        line-height: 1.4rem;
        padding: 1rem;
        margin: 1rem 0 1rem 0; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golfschool03 .bg_blue .box03 .box-in h4, #feature-column .lp-golfschool04 .bg_blue .box03 .box-in h4 {
            font-size: 1rem;
            line-height: 1.1rem;
            padding: 0.7rem 0.5rem;
            margin: 0 0 1rem; } }

/* ＠記事LP（feature column）golfschool-03
----------------------------------------------------------------------------------------------*/
#feature-column .lp-golfschool03 .txt-red, #feature-column .lp-golfschool04 .txt-red {
  color: #bd1010; }
#feature-column .lp-golfschool03 .txt-marker, #feature-column .lp-golfschool04 .txt-marker {
  background-image: linear-gradient(transparent 60%, #ffe76b 65%);
  font-weight: bold; }
#feature-column .lp-golfschool03 .txt-marker-full, #feature-column .lp-golfschool04 .txt-marker-full {
  background: rgba(255, 255, 60, 0.6); }
#feature-column .lp-golfschool03 .txt-big, #feature-column .lp-golfschool04 .txt-big {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.2; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .txt-big, #feature-column .lp-golfschool04 .txt-big {
      font-size: 1.3rem; } }
#feature-column .lp-golfschool03 .txt-big-more, #feature-column .lp-golfschool04 .txt-big-more {
  font-size: 2.6rem;
  line-height: 3rem; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .txt-big-more, #feature-column .lp-golfschool04 .txt-big-more {
      font-size: 1.45rem;
      line-height: 2rem; } }
#feature-column .lp-golfschool03 .txt-middle, #feature-column .lp-golfschool04 .txt-middle {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 0; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .txt-middle, #feature-column .lp-golfschool04 .txt-middle {
      font-size: 1.1rem; } }
#feature-column .lp-golfschool03 .txt-small, #feature-column .lp-golfschool04 .txt-small {
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.4rem; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .txt-small, #feature-column .lp-golfschool04 .txt-small {
      font-size: 0.8rem;
      line-height: 1rem; } }
#feature-column .lp-golfschool03 .underline, #feature-column .lp-golfschool04 .underline {
  border-bottom: 2px dotted #585858;
  line-height: 1.6; }
@media only screen and (max-width: 767px) {
  #feature-column .lp-golfschool03 .inner-1000, #feature-column .lp-golfschool04 .inner-1000 {
    padding: 0 1rem; } }
#feature-column .lp-golfschool03 .title-golfschool-03, #feature-column .lp-golfschool04 .title-golfschool-03 {
  background: #ddf7e9; }
#feature-column .lp-golfschool03 .title-golfschool-03 .mainvisual img, #feature-column .lp-golfschool03 .title-golfschool-04 .mainvisual img, #feature-column .lp-golfschool04 .title-golfschool-03 .mainvisual img, #feature-column .lp-golfschool04 .title-golfschool-04 .mainvisual img {
  width: 100%; }
#feature-column .lp-golfschool03 .tabContents, #feature-column .lp-golfschool04 .tabContents {
  text-align: center; }
#feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap {
  margin: 1rem 0 2rem;
  overflow: hidden;
  padding: 1rem 0; }
  #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap .btn, #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap a.btn, #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap button.btn, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap .btn, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap a.btn, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.5rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap .btn, #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap a.btn, #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap button.btn, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap .btn, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap a.btn, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap button.btn {
        letter-spacing: 0; } }
  #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap a.btn-c, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap a.btn-c {
    font-size: 2.2rem;
    position: relative;
    padding: 0.25rem 2rem 1.5rem 3.5rem;
    color: #fff;
    background: #e25e31;
    -webkit-box-shadow: 0 5px 0 #b32e01;
    box-shadow: 0 5px 0 #b32e01; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap a.btn-c, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap a.btn-c {
        padding: 0.25rem 1rem 1rem 1rem;
        font-size: 1.8rem; } }
    #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap a.btn-c::before, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap a.btn-c::before {
      position: absolute;
      content: '';
      display: inline-block;
      top: -180px;
      left: 0;
      width: 30px;
      height: 100%;
      background-color: #fff;
      animation: shiny-btn1 2.5s ease-in-out infinite; }
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
  #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap a.btn-c span, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap a.btn-c span {
    font-size: 1.5rem;
    position: absolute;
    top: -10px;
    left: calc(50% - 150px);
    display: block;
    width: 300px;
    padding: 0.2rem 0;
    color: #e25e31;
    border: 2px solid #e25e31;
    border-radius: 0.5rem;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap a.btn-c span, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap a.btn-c span {
        font-size: 1.4rem; } }
  #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap a.btn-c:hover, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap a.btn-c:hover {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    color: #fff;
    background: #e25e31;
    -webkit-box-shadow: 0 2px 0 #e25e31;
    box-shadow: 0 2px 0 #e25e31; }
  #feature-column .lp-golfschool03 .tab_common1_2 .btn-wrap a.btn-c:hover:before, #feature-column .lp-golfschool04 .tab_common1_2 .btn-wrap a.btn-c:hover:before {
    left: 2rem; }
#feature-column .lp-golfschool03 .tab_common1_2 .contents01 .img_01, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .img_01 {
  margin-bottom: 1rem; }
#feature-column .lp-golfschool03 .tab_common1_2 .contents01 .btn-top, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .btn-top {
  overflow: hidden; }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents01 .btn-top a, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .btn-top a {
    background: #32b16c;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 1.2rem;
    max-width: 700px;
    margin: 0 auto;
    padding: 1rem;
    position: relative; }
    #feature-column .lp-golfschool03 .tab_common1_2 .contents01 .btn-top a::after, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .btn-top a::after {
      animation: shiny-btn1 3s ease-in-out infinite;
      background-color: #fff;
      content: '';
      display: inline-block;
      height: 100%;
      left: -50px;
      position: absolute;
      top: -50px;
      width: 20px; }
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
#feature-column .lp-golfschool03 .tab_common1_2 .contents01 p.txt-top, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 p.txt-top {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6;
  padding-bottom: 0; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .tab_common1_2 .contents01 p.txt-top, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 p.txt-top {
      font-size: 0.8rem; } }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents01 p.txt-top span.chu-syaku, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 p.txt-top span.chu-syaku {
    font-size: 0.8rem; }
#feature-column .lp-golfschool03 .tab_common1_2 .contents01 p, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 p {
  font-size: 1.2rem;
  line-height: 1.4; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .tab_common1_2 .contents01 p, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 p {
      font-size: 0.9rem; } }
#feature-column .lp-golfschool03 .tab_common1_2 .contents01 .chu-syaku_text, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .chu-syaku_text {
  font-size: 0.6rem;
  width: 60%;
  margin: auto;
  padding: 1rem 0 0; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .tab_common1_2 .contents01 .chu-syaku_text, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .chu-syaku_text {
      width: 100%; } }
#feature-column .lp-golfschool03 .tab_common1_2 .contents01 .list, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .list {
  border: 2px solid #32b16c;
  border-radius: 8px;
  display: inline-block;
  padding: 1rem;
  margin: 1rem auto; }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents01 .list ul, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .list ul {
    text-align: left;
    list-style-type: none; }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents01 .list li, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .list li {
    margin-left: 2rem;
    position: relative;
    line-height: 1.8; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .tab_common1_2 .contents01 .list li, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .list li {
        letter-spacing: initial; } }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents01 .list li::after, #feature-column .lp-golfschool04 .tab_common1_2 .contents01 .list li::after {
    content: '';
    display: block;
    position: absolute;
    top: .5em;
    left: -1.5em;
    width: 12px;
    height: 7px;
    border-left: 3px solid #32b16c;
    border-bottom: 3px solid #32b16c;
    transform: rotate(-45deg); }
#feature-column .lp-golfschool03 .tab_common1_2 .contents02, #feature-column .lp-golfschool03 .tab_common1_2 .contents03, #feature-column .lp-golfschool03 .tab_common1_2 .contents04, #feature-column .lp-golfschool04 .tab_common1_2 .contents02, #feature-column .lp-golfschool04 .tab_common1_2 .contents03, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 {
  background: #ddf7e9;
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .tab_common1_2 .contents02, #feature-column .lp-golfschool03 .tab_common1_2 .contents03, #feature-column .lp-golfschool03 .tab_common1_2 .contents04, #feature-column .lp-golfschool04 .tab_common1_2 .contents02, #feature-column .lp-golfschool04 .tab_common1_2 .contents03, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 {
      margin-bottom: 1rem; } }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .inner, #feature-column .lp-golfschool03 .tab_common1_2 .contents03 .inner, #feature-column .lp-golfschool03 .tab_common1_2 .contents04 .inner, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .inner, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 .inner, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 .inner {
    background: #fff;
    border-radius: 8px;
    padding: 1rem; }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents02 h2, #feature-column .lp-golfschool03 .tab_common1_2 .contents03 h2, #feature-column .lp-golfschool03 .tab_common1_2 .contents04 h2, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 h2, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 h2, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 h2 {
    background: #32b16c;
    color: #fff;
    line-height: 1;
    padding: 1rem;
    text-align: center;
    margin-bottom: 1.5rem;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .tab_common1_2 .contents02 h2, #feature-column .lp-golfschool03 .tab_common1_2 .contents03 h2, #feature-column .lp-golfschool03 .tab_common1_2 .contents04 h2, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 h2, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 h2, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 h2 {
        padding: .5rem; } }
#feature-column .lp-golfschool03 .tab_common1_2 .contents02 img, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 img {
  margin: 0 auto 2rem;
  max-width: 660px;
  width: 65%; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .tab_common1_2 .contents02 img, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 img {
      width: 100%; } }
#feature-column .lp-golfschool03 .tab_common1_2 .contents02 .plan, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .plan {
  margin-bottom: 3rem; }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .plan h3, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .plan h3 {
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem; }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .plan .plan-content, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .plan .plan-content {
    margin: 0 auto 2rem;
    width: 65%; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .plan .plan-content, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .plan .plan-content {
        width: 100%; } }
    #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .plan .plan-content dt, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .plan .plan-content dt {
      font-size: 1.6rem;
      margin-bottom: 1rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .plan .plan-content dt, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .plan .plan-content dt {
          font-size: 1.4rem; } }
    #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .plan .plan-content .plan-content-example, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .plan .plan-content .plan-content-example {
      background: #f5f5f5;
      display: inline-block;
      font-weight: bold;
      padding: .5rem 1rem;
      margin-top: .5rem; }
#feature-column .lp-golfschool03 .tab_common1_2 .contents02 .rental, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .rental {
  margin-bottom: 3rem; }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .rental ul li, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .rental ul li {
    display: inline-block;
    position: relative;
    margin-left: 2rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #32b16c; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .rental ul li, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .rental ul li {
        font-size: 1.2rem; } }
    #feature-column .lp-golfschool03 .tab_common1_2 .contents02 .rental ul li:after, #feature-column .lp-golfschool04 .tab_common1_2 .contents02 .rental ul li:after {
      content: '';
      display: block;
      position: absolute;
      top: .5em;
      left: -1rem;
      width: 12px;
      height: 7px;
      border-left: 3px solid #32b16c;
      border-bottom: 3px solid #32b16c;
      transform: rotate(-45deg); }
#feature-column .lp-golfschool03 .tab_common1_2 .contents03 ul, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .tab_common1_2 .contents03 ul, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 ul {
      display: block;
      margin-bottom: 2rem; } }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents03 ul li, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 ul li {
    border: 1px solid #32b16c;
    border-radius: 8px;
    padding: 1rem;
    width: 32%; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 .tab_common1_2 .contents03 ul li, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 ul li {
        width: 100%;
        margin-bottom: 1rem; } }
    #feature-column .lp-golfschool03 .tab_common1_2 .contents03 ul li span, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 ul li span {
      color: #32b16c;
      font-size: 1.4rem;
      font-weight: bold; }
    #feature-column .lp-golfschool03 .tab_common1_2 .contents03 ul li dt, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 ul li dt {
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: 1rem; }
    #feature-column .lp-golfschool03 .tab_common1_2 .contents03 ul li dd, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 ul li dd {
      font-size: 0.9rem; }
#feature-column .lp-golfschool03 .tab_common1_2 .contents03 img, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 img {
  margin: 0 auto 3rem; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .tab_common1_2 .contents03 img, #feature-column .lp-golfschool04 .tab_common1_2 .contents03 img {
      margin-bottom: 1rem; } }
#feature-column .lp-golfschool03 .tab_common1_2 .contents04 img, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 img {
  margin: 0 auto 3rem;
  max-width: 640px; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .tab_common1_2 .contents04 img, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 img {
      margin-bottom: 1rem;
      width: 100%; } }
#feature-column .lp-golfschool03 .tab_common1_2 .contents04 .store-list, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 .store-list {
  text-align: left;
  max-width: 640px;
  margin: 0 auto 3rem; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 .tab_common1_2 .contents04 .store-list, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 .store-list {
      margin-bottom: 2rem; } }
  #feature-column .lp-golfschool03 .tab_common1_2 .contents04 .store-list dt, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 .store-list dt {
    margin-bottom: 0.5rem; }
    #feature-column .lp-golfschool03 .tab_common1_2 .contents04 .store-list dt span, #feature-column .lp-golfschool04 .tab_common1_2 .contents04 .store-list dt span {
      color: #d5d5d5; }
@keyframes shiny {
  0% {
    left: -20%; }
  10% {
    left: 120%; }
  100% {
    left: 120%; } }
#feature-column .lp-golfschool03 #tab2 a.btn, #feature-column .lp-golfschool04 #tab2 a.btn {
  background: #000;
  border-radius: 100vh;
  border: 2px solid #b78f2e;
  border-bottom: 6px solid #b78f2e;
  color: #b78f2e;
  position: relative; }
  #feature-column .lp-golfschool03 #tab2 a.btn:after, #feature-column .lp-golfschool04 #tab2 a.btn:after {
    content: '';
    position: absolute;
    top: -10%;
    left: -20%;
    width: 40px;
    height: 100%;
    transform: scale(2) rotate(20deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 0%);
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 #tab2 a.btn:after, #feature-column .lp-golfschool04 #tab2 a.btn:after {
        content: none; } }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 #tab2 a.btn, #feature-column .lp-golfschool04 #tab2 a.btn {
      line-height: 1.1;
      padding: 1rem;
      width: 100%; } }
  #feature-column .lp-golfschool03 #tab2 a.btn span, #feature-column .lp-golfschool04 #tab2 a.btn span {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.3;
    padding-bottom: 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 #tab2 a.btn span, #feature-column .lp-golfschool04 #tab2 a.btn span {
        font-size: 1rem;
        margin-bottom: 0.5rem;
        display: inline-block; } }
  #feature-column .lp-golfschool03 #tab2 a.btn .txt-big-more, #feature-column .lp-golfschool04 #tab2 a.btn .txt-big-more {
    background: linear-gradient(90deg, #9b7826, #FFCC70 30%, #9b7826);
    background: -webkit-linear-gradient(0deg, #9b7826, #FFCC70 30%, #9b7826);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 #tab2 a.btn .txt-big-more, #feature-column .lp-golfschool04 #tab2 a.btn .txt-big-more {
        font-size: 1.8rem; } }
  #feature-column .lp-golfschool03 #tab2 a.btn:hover, #feature-column .lp-golfschool04 #tab2 a.btn:hover {
    margin-top: 3px;
    border-bottom: 2px solid #b78f2e; }
#feature-column .lp-golfschool03 #tab2 .contents01 .btn-top a, #feature-column .lp-golfschool04 #tab2 .contents01 .btn-top a {
  background: #000;
  color: #FFCC70; }
#feature-column .lp-golfschool03 #tab2 .contents01 .list, #feature-column .lp-golfschool04 #tab2 .contents01 .list {
  border: 2px solid #000; }
  #feature-column .lp-golfschool03 #tab2 .contents01 .list li:after, #feature-column .lp-golfschool04 #tab2 .contents01 .list li:after {
    border-left: 3px solid #000;
    border-bottom: 3px solid #000; }
#feature-column .lp-golfschool03 #tab2 .contents02, #feature-column .lp-golfschool03 #tab2 .contents03, #feature-column .lp-golfschool03 #tab2 .contents04, #feature-column .lp-golfschool04 #tab2 .contents02, #feature-column .lp-golfschool04 #tab2 .contents03, #feature-column .lp-golfschool04 #tab2 .contents04 {
  background: #e7e7e7; }
  #feature-column .lp-golfschool03 #tab2 .contents02 h2, #feature-column .lp-golfschool03 #tab2 .contents03 h2, #feature-column .lp-golfschool03 #tab2 .contents04 h2, #feature-column .lp-golfschool04 #tab2 .contents02 h2, #feature-column .lp-golfschool04 #tab2 .contents03 h2, #feature-column .lp-golfschool04 #tab2 .contents04 h2 {
    background: #000; }
#feature-column .lp-golfschool03 #tab2 .contents02 .plan h3, #feature-column .lp-golfschool04 #tab2 .contents02 .plan h3 {
  margin-bottom: 0; }
#feature-column .lp-golfschool03 #tab2 .contents02 .plan .plan-initiationfee, #feature-column .lp-golfschool04 #tab2 .contents02 .plan .plan-initiationfee {
  font-size: 1.2rem;
  margin-bottom: 2rem; }
#feature-column .lp-golfschool03 #tab2 .contents02 .plan .plan-content dd, #feature-column .lp-golfschool04 #tab2 .contents02 .plan .plan-content dd {
  font-size: 1.2rem; }
#feature-column .lp-golfschool03 #tab2 .contents02 .merit, #feature-column .lp-golfschool04 #tab2 .contents02 .merit {
  display: flex;
  justify-content: space-between;
  max-width: 640px;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 #tab2 .contents02 .merit, #feature-column .lp-golfschool04 #tab2 .contents02 .merit {
      display: block; } }
#feature-column .lp-golfschool03 #tab2 .contents03 ul, #feature-column .lp-golfschool04 #tab2 .contents03 ul {
  margin-bottom: 1rem; }
#feature-column .lp-golfschool03 #tab2 .contents03 ul li, #feature-column .lp-golfschool04 #tab2 .contents03 ul li {
  border: 1px solid #000; }
  #feature-column .lp-golfschool03 #tab2 .contents03 ul li span, #feature-column .lp-golfschool04 #tab2 .contents03 ul li span {
    border-bottom: 6px solid #b78f2e;
    color: #000;
    padding-bottom: 0; }
#feature-column .lp-golfschool03 #tab2 .contents04 .voice, #feature-column .lp-golfschool04 #tab2 .contents04 .voice {
  display: flex;
  justify-content: space-evenly; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 #tab2 .contents04 .voice, #feature-column .lp-golfschool04 #tab2 .contents04 .voice {
      display: block; } }
  #feature-column .lp-golfschool03 #tab2 .contents04 .voice img, #feature-column .lp-golfschool04 #tab2 .contents04 .voice img {
    margin: 0 0 2rem; }
#feature-column .lp-golfschool03 #tab3 h2, #feature-column .lp-golfschool04 #tab3 h2 {
  border: none;
  text-align: center;
  color: #fff;
  padding: 2rem !important;
  font-size: 2rem;
  border-bottom: 0px !important;
  background: #0d1b76;
  margin: auto !important; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 #tab3 h2, #feature-column .lp-golfschool04 #tab3 h2 {
      padding: 1rem !important;
      font-size: 1.1rem;
      line-height: 1.2rem; } }
#feature-column .lp-golfschool03 #tab3 h2.no2, #feature-column .lp-golfschool04 #tab3 h2.no2 {
  background: #bca50a;
  margin: 0rem !important; }
#feature-column .lp-golfschool03 #tab3 .osusume-rank, #feature-column .lp-golfschool04 #tab3 .osusume-rank {
  padding-top: 2rem; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool03 #tab3 .osusume-rank, #feature-column .lp-golfschool04 #tab3 .osusume-rank {
      padding-top: 0; } }
  #feature-column .lp-golfschool03 #tab3 .osusume-rank .title-img img, #feature-column .lp-golfschool04 #tab3 .osusume-rank .title-img img {
    margin: auto; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .title-img img, #feature-column .lp-golfschool04 #tab3 .osusume-rank .title-img img {
        width: 20%; } }
  #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank {
        align-items: stretch; } }
    #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl {
      flex-basis: 33%;
      text-align: center;
      text-align: center;
      padding: 2rem;
      margin: 0;
      border-right: solid 1px #eeeeee; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl {
          padding: 0.5rem 0.5rem 1rem; } }
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl.no1, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl.no1 {
        background: #fffff2;
        border-left: solid 1px #eeeeee; }
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl dt img.bnr-logo, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl dt img.bnr-logo {
        margin: 0.5rem auto; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl dt img.bnr-logo, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl dt img.bnr-logo {
            max-height: 80px;
            width: auto; } }
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl dd, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl dd {
        line-height: 1rem; }
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl dd a, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl dd a {
        font-weight: bold; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl dd a, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl dd a {
            font-size: 0.8rem; } }
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl img, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl img {
        margin: auto;
        margin-bottom: 0.5rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl img, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl img {
            width: 35%; } }
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl p, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl p {
        font-size: 1.2rem !important;
        padding: 0.5rem 0rem 1rem !important;
        font-size: 1.1rem !important;
        border-right: none !important; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank dl p, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank dl p {
            font-size: 1.1rem !important; } }
  #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank-stretch, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank-stretch {
    align-items: stretch; }
  #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank-last, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank-last {
    border-bottom: solid 1px #eeeeee; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank-last, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank-last {
        margin-bottom: 2rem; } }
  #feature-column .lp-golfschool03 #tab3 .osusume-rank h3, #feature-column .lp-golfschool04 #tab3 .osusume-rank h3 {
    border-top: 0px !important;
    border-bottom: 0px !important;
    background: #27bc78;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    margin: auto !important; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 #tab3 .osusume-rank h3, #feature-column .lp-golfschool04 #tab3 .osusume-rank h3 {
        font-size: 0.9rem;
        line-height: 1;
        padding: 0.5rem; } }
  #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p {
    flex-basis: 33%;
    text-align: center;
    padding: 3rem 2rem;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.2 !important;
    border-right: solid 1px #eeeeee; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p {
        font-size: 0.9rem;
        padding: 1rem 0.5rem; } }
    #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p img, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p img {
      margin: auto; }
    #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p.no1, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p.no1 {
      background: #fffff2;
      border-left: solid 1px #eeeeee; }
    #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p.bg_maru, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p.bg_maru {
      background: url(/img/lp/golf/bg-maru.png) no-repeat;
      background-position: center;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p.bg_maru, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p.bg_maru {
          background-size: 32%; } }
    #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p.bg_sankaku, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p.bg_sankaku {
      background: url(/img/lp/golf/bg-sankaku.png) no-repeat;
      background-position: center;
      vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p.bg_sankaku, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p.bg_sankaku {
          background-size: 32%; } }
    #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p.bg_maru_no1, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p.bg_maru_no1 {
      background: #fffff2 url(/img/lp/golf/bg-maru.png) no-repeat;
      background-position: center;
      vertical-align: middle;
      border-left: solid 1px #eeeeee; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-golfschool03 #tab3 .osusume-rank .rank p.bg_maru_no1, #feature-column .lp-golfschool04 #tab3 .osusume-rank .rank p.bg_maru_no1 {
          background-size: 32%; } }
#feature-column .lp-golfschool03 #tab3 .box-rank .matter-all .title-img img, #feature-column .lp-golfschool04 #tab3 .box-rank .matter-all .title-img img {
  margin: 0 auto; }
@keyframes shiny {
  0% {
    left: -20%; }
  10% {
    left: 120%; }
  100% {
    left: 120%; } }
#feature-column .lp-golfschool04 #tab1 a.btn {
  background: #000;
  border-radius: 100vh;
  border: 2px solid #b78f2e;
  border-bottom: 6px solid #b78f2e;
  color: #b78f2e;
  position: relative; }
  #feature-column .lp-golfschool04 #tab1 a.btn:after {
    content: '';
    position: absolute;
    top: -10%;
    left: -20%;
    width: 40px;
    height: 100%;
    transform: scale(2) rotate(20deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 0%);
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool04 #tab1 a.btn:after {
        content: none; } }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool04 #tab1 a.btn {
      line-height: 1.1;
      padding: 1rem;
      width: 100%; } }
  #feature-column .lp-golfschool04 #tab1 a.btn span {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.3;
    padding-bottom: 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool04 #tab1 a.btn span {
        font-size: 1rem;
        margin-bottom: 0.5rem;
        display: inline-block; } }
  #feature-column .lp-golfschool04 #tab1 a.btn .txt-big-more {
    background: linear-gradient(90deg, #9b7826, #FFCC70 30%, #9b7826);
    background: -webkit-linear-gradient(0deg, #9b7826, #FFCC70 30%, #9b7826);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool04 #tab1 a.btn .txt-big-more {
        font-size: 1.8rem; } }
  #feature-column .lp-golfschool04 #tab1 a.btn:hover {
    margin-top: 3px;
    border-bottom: 2px solid #b78f2e; }
#feature-column .lp-golfschool04 #tab1 .contents01 .btn-top a {
  background: #000;
  color: #FFCC70; }
#feature-column .lp-golfschool04 #tab1 .contents01 .list {
  border: 2px solid #000; }
  #feature-column .lp-golfschool04 #tab1 .contents01 .list li:after {
    border-left: 3px solid #000;
    border-bottom: 3px solid #000; }
#feature-column .lp-golfschool04 #tab1 .contents02, #feature-column .lp-golfschool04 #tab1 .contents03, #feature-column .lp-golfschool04 #tab1 .contents04 {
  background: #e7e7e7; }
  #feature-column .lp-golfschool04 #tab1 .contents02 h2, #feature-column .lp-golfschool04 #tab1 .contents03 h2, #feature-column .lp-golfschool04 #tab1 .contents04 h2 {
    background: #000; }
#feature-column .lp-golfschool04 #tab1 .contents02 .plan h3 {
  margin-bottom: 0; }
#feature-column .lp-golfschool04 #tab1 .contents02 .plan .plan-initiationfee {
  font-size: 1.2rem;
  margin-bottom: 2rem; }
#feature-column .lp-golfschool04 #tab1 .contents02 .plan .plan-content dd {
  font-size: 1.2rem; }
#feature-column .lp-golfschool04 #tab1 .contents02 .merit {
  display: flex;
  justify-content: space-between;
  max-width: 640px;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool04 #tab1 .contents02 .merit {
      display: block; } }
#feature-column .lp-golfschool04 #tab1 .contents03 ul {
  margin-bottom: 1rem; }
#feature-column .lp-golfschool04 #tab1 .contents03 ul li {
  border: 1px solid #000; }
  #feature-column .lp-golfschool04 #tab1 .contents03 ul li span {
    border-bottom: 6px solid #b78f2e;
    color: #000;
    padding-bottom: 0; }
#feature-column .lp-golfschool04 #tab1 .contents04 .voice {
  display: flex;
  justify-content: space-evenly; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool04 #tab1 .contents04 .voice {
      display: block; } }
  #feature-column .lp-golfschool04 #tab1 .contents04 .voice img {
    margin: 0 0 2rem;
    width: 35%; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-golfschool04 #tab1 .contents04 .voice img {
        width: 100%; } }
#feature-column .lp-golfschool04 #tab2 .contents01 .btn-top a {
  background: #32b16c;
  color: #fff; }
#feature-column .lp-golfschool04 #tab2 .contents01 .list {
  border: 2px solid #32b16c; }
  #feature-column .lp-golfschool04 #tab2 .contents01 .list li:after {
    border-left: 3px solid #32b16c;
    border-bottom: 3px solid #32b16c; }
#feature-column .lp-golfschool04 #tab2 .contents02, #feature-column .lp-golfschool04 #tab2 .contents03, #feature-column .lp-golfschool04 #tab2 .contents04 {
  background: #ddf7e9; }
  #feature-column .lp-golfschool04 #tab2 .contents02 h2, #feature-column .lp-golfschool04 #tab2 .contents03 h2, #feature-column .lp-golfschool04 #tab2 .contents04 h2 {
    background: #32b16c; }
#feature-column .lp-golfschool04 #tab2 .contents03 ul li {
  border: 1px solid #32b16c; }
  #feature-column .lp-golfschool04 #tab2 .contents03 ul li span {
    color: #32b16c;
    border-bottom: none; }
#feature-column .lp-golfschool04 #tab2 a.btn {
  font-size: 2.2rem;
  padding: 0.25rem 2rem 1.5rem 3.5rem;
  color: #fff;
  background: #e25e31;
  -webkit-box-shadow: 0 5px 0 #b32e01;
  box-shadow: 0 5px 0 #b32e01;
  border-radius: 0.5rem;
  border: none;
  border-bottom: none; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-golfschool04 #tab2 a.btn {
      padding: 0.25rem 1rem 1rem 1rem;
      font-size: 1.8rem; } }

.tabContents {
  display: none; }

.tabContents.active {
  display: block; }

.box-tab {
  border-bottom: 4px solid #067845; }

.tab {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 0rem; }
  .tab li {
    align-items: center;
    background: #fff;
    border: 4px solid #067845;
    border-bottom: 0;
    border-radius: 20px 20px 0 0;
    display: flex;
    font-size: 1.3rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    min-height: 5.5rem;
    padding: .8rem 2rem;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 40%; }
    @media only screen and (max-width: 767px) {
      .tab li {
        font-size: 1rem;
        min-height: 4rem;
        padding: .5rem;
        width: 45%; } }
    .tab li:last-child {
      margin: 0; }
    .tab li a {
      color: #067845;
      display: block;
      text-decoration: none;
      width: 100%; }
    @media only screen and (max-width: 767px) {
      .tab li small {
        font-size: 1rem; } }
  .tab .active {
    background: #067845; }
    .tab .active a {
      color: #fff !important; }

.box-tab-black {
  border-bottom: 4px solid #000; }
  .box-tab-black .tab li {
    border: 4px solid #000; }
    .box-tab-black .tab li a {
      color: #000; }
  .box-tab-black .active {
    background: #000; }

.lp-golfschool03 .tab li, .lp-golfschool04 .tab li {
  font-size: 1.1rem;
  min-height: 4rem;
  padding: .5rem 2rem; }
  @media only screen and (max-width: 767px) {
    .lp-golfschool03 .tab li, .lp-golfschool04 .tab li {
      font-size: .9rem;
      min-height: 3rem;
      padding: 0.3rem 0.5rem;
      border-radius: 13px 13px 0 0;
      border-bottom: none; } }
@media only screen and (max-width: 767px) {
  .lp-golfschool03 .mainvisual, .lp-golfschool04 .mainvisual {
    margin: 0 -1rem; } }

@media only screen and (max-width: 767px) {
  .lp-golfschool03 .tab li {
    border: 3px solid #067845; } }

@media only screen and (max-width: 767px) {
  .lp-golfschool04 .tab li {
    border: 3px solid #000; } }

/* ＠記事LP（feature column）homedelivery-01
----------------------------------------------------------------------------------------------*/
#feature-column .lp-homedelivery01 {
  color: #290e0e;
  font-weight: bold;
  overflow: hidden; }
  #feature-column .lp-homedelivery01 .txt-red {
    color: #bd1010; }
  #feature-column .lp-homedelivery01 .txt-yellow {
    color: #fed700; }
  #feature-column .lp-homedelivery01 .txt-marker {
    background-image: linear-gradient(transparent 65%, #fed700 65%);
    font-weight: bold; }
  #feature-column .lp-homedelivery01 .txt-marker-full {
    background: #fed700; }
  #feature-column .lp-homedelivery01 .txt-big {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .txt-big {
        font-size: 1.3rem; } }
  #feature-column .lp-homedelivery01 .txt-big-more {
    font-size: 2.6rem;
    line-height: 3rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .txt-big-more {
        font-size: 1.5rem;
        line-height: 2rem; } }
  #feature-column .lp-homedelivery01 .txt-middle {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.3; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .txt-middle {
        font-size: 1.1rem; } }
  #feature-column .lp-homedelivery01 .txt-small {
    font-size: 1.1rem;
    font-weight: bold;
    line-height: 1.8rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .txt-small {
        font-size: 0.9rem;
        line-height: 1.4rem; } }
  #feature-column .lp-homedelivery01 p {
    color: #290e0e;
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-bottom: 0.8rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 p {
        font-size: 0.8rem;
        line-height: 1.2rem;
        margin-bottom: 0.5rem; } }
  #feature-column .lp-homedelivery01 .lp-0 {
    background: #F7F7F7; }
    #feature-column .lp-homedelivery01 .lp-0 .lp-0-title {
      background: #b00707;
      color: #fff;
      font-size: 1.8rem;
      font-weight: 700;
      padding: 1rem;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-0 .lp-0-title {
          font-size: 1.1rem;
          padding: .5rem 1rem; } }
    #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank {
      display: flex;
      margin: 1.5rem 0 2rem;
      padding-bottom: 1.5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank {
          margin: .5rem 0 0;
          padding-bottom: .5rem; } }
      #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li {
        flex-wrap: wrap;
        text-align: center;
        width: 33.3%; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li {
            padding: 0.5rem; } }
        #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li a {
          color: #290e0e;
          font-size: 1.1rem;
          text-decoration: underline; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li a {
              font-size: .9rem; } }
        #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .box-banner {
          margin: .5rem auto .2rem;
          position: relative;
          width: 200px; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .box-banner {
              width: 100%; } }
          #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .box-banner .img-icon {
            left: -28px;
            position: absolute;
            top: -8px;
            width: 35px; }
            @media only screen and (max-width: 767px) {
              #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .box-banner .img-icon {
                left: -8px;
                top: -6px;
                width: 25px; } }
          #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .box-banner img {
            margin-bottom: .2rem; }
        #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .lp-0-osusume {
          font-size: .85rem;
          line-height: 1.3; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .lp-0-osusume {
              font-size: .7rem;
              margin: 0 -5px; } }
          #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .lp-0-osusume br {
            display: none; }
            @media only screen and (max-width: 767px) {
              #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .lp-0-osusume br {
                display: block; } }
        #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .lp-0-campaign {
          color: #e11616;
          font-size: .9rem;
          line-height: 1.3;
          margin-top: .5rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-homedelivery01 .lp-0 .lp-0-rank li .lp-0-campaign {
              font-size: .7rem; } }
  #feature-column .lp-homedelivery01 .lp-1 {
    background: #F3ECD8;
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));
    padding: 2rem 0;
    position: relative;
    margin-bottom: 1rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-1 {
        padding: 1rem 0 0.5rem; } }
    #feature-column .lp-homedelivery01 .lp-1:after {
      position: absolute;
      content: '';
      top: 100%;
      left: 43%;
      border: 70px solid transparent;
      border-top: 20px solid #F3ECD8;
      width: 0;
      height: 0; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-1:after {
          left: 31%; } }
  #feature-column .lp-homedelivery01 .lp-1 .lp-1-b {
    position: relative;
    text-align: center; }
    #feature-column .lp-homedelivery01 .lp-1 .lp-1-b:before {
      content: '';
      display: inline-block;
      width: 25px;
      height: 32px;
      background-image: url(/img/lp/homedelivery01/1-ttl-left.png);
      background-size: contain;
      vertical-align: middle;
      margin-right: 0.5rem;
      position: absolute;
      bottom: 0;
      left: 20%; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-1 .lp-1-b:before {
          left: 6%;
          width: 17px;
          height: 22px; } }
    #feature-column .lp-homedelivery01 .lp-1 .lp-1-b:after {
      content: '';
      display: inline-block;
      width: 25px;
      height: 32px;
      background-image: url(/img/lp/homedelivery01/1-ttl-right.png);
      background-size: contain;
      vertical-align: middle;
      margin-left: 0.5rem;
      position: absolute;
      bottom: 0;
      right: 20%; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-1 .lp-1-b:after {
          right: 6%;
          width: 17px;
          height: 22px; } }
  #feature-column .lp-homedelivery01 .lp-1 ul {
    padding-top: 1rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-1 ul {
        padding: 1rem; } }
  #feature-column .lp-homedelivery01 .lp-1 ul li {
    font-size: 1.2rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-1 ul li {
        font-size: 0.8rem;
        margin-bottom: 0.3rem; } }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-1 ul li:last-child {
        margin-bottom: 0; } }
    #feature-column .lp-homedelivery01 .lp-1 ul li:before {
      content: '';
      display: inline-block;
      width: 28px;
      height: 22px;
      background-image: url(/img/lp/homedelivery01/1-check-icon.png);
      background-size: contain;
      vertical-align: middle;
      margin-right: 0.5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-1 ul li:before {
          margin-right: 0.2rem;
          width: 20px;
          height: 16px; } }
  #feature-column .lp-homedelivery01 .lp-2 {
    padding: 1rem; }
  #feature-column .lp-homedelivery01 .lp-3 {
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-3 {
        padding: 0 1rem;
        margin-bottom: 1rem; } }
  #feature-column .lp-homedelivery01 .lp-3-point {
    border: 4px solid #b00707;
    border-radius: 30px;
    margin-bottom: 1rem; }
    #feature-column .lp-homedelivery01 .lp-3-point .lp-3-point-ttl {
      background: #b00707;
      border-radius: 24px 24px 0 0;
      color: #fff;
      padding: 1rem;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-3-point .lp-3-point-ttl {
          padding: 1rem 0.5rem; } }
    #feature-column .lp-homedelivery01 .lp-3-point .lp-3-point-box {
      padding: 1.5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-3-point .lp-3-point-box {
          display: block;
          padding: 1rem 0.8rem; } }
      #feature-column .lp-homedelivery01 .lp-3-point .lp-3-point-box .point-box {
        display: flex;
        justify-content: flex-start; }
    #feature-column .lp-homedelivery01 .lp-3-point p {
      margin-top: 0.5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-3-point p {
          font-size: 0.9rem;
          line-height: 1.3rem; } }
    #feature-column .lp-homedelivery01 .lp-3-point .lp-3-point-box .point {
      background: #ffc000;
      border-radius: 50px;
      padding: .3rem 1rem;
      height: fit-content;
      margin-top: 0.5rem;
      margin-right: 1rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-3-point .lp-3-point-box .point {
          font-size: 0.75rem;
          padding: 0.4rem 0rem 0.4rem 0.5rem;
          margin-right: 0.5rem;
          min-width: 85px; } }
  #feature-column .lp-homedelivery01 .lp-4 {
    margin-bottom: 2rem;
    margin-top: 3rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-4 {
        margin-bottom: 0; } }
  #feature-column .lp-homedelivery01 .lp-4 h2 {
    position: relative;
    padding: 1.5rem;
    text-align: center;
    border: 2px solid #000;
    background: #fff; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-4 h2 {
        padding: 1rem 1rem 0.7rem; } }
    #feature-column .lp-homedelivery01 .lp-4 h2:before, #feature-column .lp-homedelivery01 .lp-4 h2:after {
      position: absolute;
      content: ''; }
    #feature-column .lp-homedelivery01 .lp-4 h2:before {
      top: -40px;
      left: calc(50% - 40px);
      width: 80px;
      height: 80px;
      border: 2px solid #000;
      border-radius: 50%;
      background: #290e0e; }
    #feature-column .lp-homedelivery01 .lp-4 h2:after {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #290e0e;
      border-bottom: 2px dashed #fff; }
    #feature-column .lp-homedelivery01 .lp-4 h2 i {
      font-size: 2.5rem;
      line-height: 60px;
      position: absolute;
      z-index: 1;
      top: -40px;
      left: calc(50% - 40px);
      width: 80px;
      height: 60px;
      text-align: center; }
    #feature-column .lp-homedelivery01 .lp-4 h2 .far:before {
      color: #fff; }
    #feature-column .lp-homedelivery01 .lp-4 h2 .txt-box {
      display: flex;
      justify-content: center; }
      #feature-column .lp-homedelivery01 .lp-4 h2 .txt-box:before {
        content: '';
        display: inline-block;
        width: 90px;
        height: 90px;
        background-image: url(/img/lp/homedelivery01/4-ttl-icon.png);
        background-size: contain;
        vertical-align: middle;
        margin-right: 0.5rem;
        z-index: 2; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-homedelivery01 .lp-4 h2 .txt-box:before {
            width: 70px;
            height: 70px; } }
    #feature-column .lp-homedelivery01 .lp-4 h2 .txt {
      text-align: left;
      z-index: 1;
      color: #fff; }
  #feature-column .lp-homedelivery01 .lp-4 .ttl-box {
    background: #290e0e;
    color: #fff;
    padding: 1rem;
    padding-left: 22%;
    display: flex; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-4 .ttl-box {
        padding-left: 1rem; } }
    #feature-column .lp-homedelivery01 .lp-4 .ttl-box:before {
      content: '';
      display: inline-block;
      width: 90px;
      height: 90px;
      background-image: url(/img/lp/homedelivery01/4-ttl-icon.png);
      background-size: contain;
      vertical-align: middle;
      margin-right: 0.5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-4 .ttl-box:before {
          width: 70px;
          height: 70px; } }
  #feature-column .lp-homedelivery01 .lp-4 .rank-3 {
    padding: 1rem 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-4 .rank-3 {
        padding: 1rem; } }
    #feature-column .lp-homedelivery01 .lp-4 .rank-3 .list-osusume li {
      background: #17843b;
      border-radius: 30px;
      color: #fff;
      float: left;
      font-size: .8rem;
      line-height: 1.3;
      margin: .2rem .3rem .2rem 0;
      padding: .2rem .8rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-4 .rank-3 .list-osusume li {
          border-radius: 6px;
          font-size: .75rem;
          margin: .2rem .3rem .2rem 0;
          padding: .2rem .3rem; } }
  #feature-column .lp-homedelivery01 .lp-4 .rank-3 table {
    color: #b00707;
    text-align: center; }
    #feature-column .lp-homedelivery01 .lp-4 .rank-3 table img {
      margin: 0 auto 0.2rem;
      width: 50px; }
    #feature-column .lp-homedelivery01 .lp-4 .rank-3 table .t-name a {
      color: #290e0e;
      text-decoration: underline; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-4 .rank-3 table .t-name a {
          font-size: 1rem; } }
    #feature-column .lp-homedelivery01 .lp-4 .rank-3 table .t-name img {
      width: 150px; }
    #feature-column .lp-homedelivery01 .lp-4 .rank-3 table thead th:first-child {
      background: #17843b;
      color: #fff; }
    #feature-column .lp-homedelivery01 .lp-4 .rank-3 table tbody th {
      background: #17843b;
      color: #fff;
      line-height: 1.2rem; }
    #feature-column .lp-homedelivery01 .lp-4 .rank-3 table tbody td {
      line-height: 1.3rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-4 .rank-3 table tbody td {
          font-size: 80%; } }
  #feature-column .lp-homedelivery01 .lp-4 .t-cv a {
    background: #b00707;
    background: linear-gradient(180deg, #b00707 0%, #b00707 65%, #8c0606 77%);
    border-radius: 14px;
    color: #fff;
    padding: 0.9rem 3rem;
    line-height: 1rem;
    position: relative;
    display: block;
    width: 100%; }
    #feature-column .lp-homedelivery01 .lp-4 .t-cv a:after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 12px;
      background-image: url(/img/lp/homedelivery01/icon-arrow-left-w.png);
      background-size: contain;
      vertical-align: middle;
      position: absolute;
      right: 8%;
      bottom: 35%; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-4 .t-cv a:after {
          right: 3%;
          bottom: 36%;
          width: 5px;
          height: 10px; } }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-4 .t-cv a {
        font-size: 0.75rem;
        padding: 0.8rem 0;
        border-radius: 10px; } }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-homedelivery01 .lp-5 {
      padding: 1rem; } }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-homedelivery01 .lp-search {
      padding: 0 1rem 1rem; } }
  #feature-column .lp-homedelivery01 .lp-search .main-search {
    border: 1px solid #594949; }
  #feature-column .lp-homedelivery01 .lp-search table th {
    border-bottom: none;
    color: #095f2d;
    font-size: 1.3rem;
    text-align: left;
    padding: 1rem 2rem 0 2rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-search table th {
        font-size: 1.1rem;
        padding: 1rem 1rem 0 1rem; } }
  #feature-column .lp-homedelivery01 .lp-search table td {
    padding: 0 2rem 1rem 2rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-search table td {
        padding: 0 1rem 1rem 1rem; } }
    #feature-column .lp-homedelivery01 .lp-search table td select {
      margin-top: 0.5rem;
      min-width: 320px;
      width: 35%; }
  #feature-column .lp-homedelivery01 .lp-search table tr li {
    display: inline-block;
    margin-right: 1rem; }
    #feature-column .lp-homedelivery01 .lp-search table tr li input {
      margin-right: 0.3rem; }
  #feature-column .lp-homedelivery01 .lp-search .send {
    text-align: center;
    margin: 1rem; }
    #feature-column .lp-homedelivery01 .lp-search .send input {
      color: #fff;
      background: #15a050;
      /* Old browsers */
      background: -moz-linear-gradient(top, #15a050 1%, #159f50 61%, #128342 83%, #117e3f 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #15a050 1%, #159f50 61%, #128342 83%, #117e3f 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #15a050 1%, #159f50 61%, #128342 83%, #117e3f 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a050', endColorstr='#117e3f',GradientType=0 );
      /* IE6-9 */
      border: 0;
      border-bottom: 5px solid #095f2d;
      border-radius: 20px;
      font-size: 1.4rem;
      font-weight: bold;
      padding: 1rem;
      width: 25%; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .lp-search .send input {
          width: 75%; } }
  #feature-column .lp-homedelivery01 .lp-search-survey {
    margin: 1rem 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .lp-search-survey {
        padding: 0 1rem 1rem;
        margin: 0; } }
    #feature-column .lp-homedelivery01 .lp-search-survey .lp-survey {
      border: 1px solid #594949;
      font-size: 0.9rem;
      margin: 0;
      padding: 1rem; }
  #feature-column .lp-homedelivery01 .rank-box {
    margin-bottom: 4rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .rank-box {
        margin-bottom: 2rem; } }
    #feature-column .lp-homedelivery01 .rank-box h2 {
      background: #290e0e;
      color: #fff;
      padding: 1rem;
      font-size: 1.6rem;
      margin-bottom: 1rem; }
      #feature-column .lp-homedelivery01 .rank-box h2 img {
        display: inline-block;
        margin-right: 0.5rem;
        width: 50px; }
    #feature-column .lp-homedelivery01 .rank-box .item-in .catch {
      margin-bottom: 1rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .rank-box .item-in .catch {
          font-size: 1rem;
          line-height: 1.5rem; } }
    #feature-column .lp-homedelivery01 .rank-box .item-in .img-mainvisual img {
      margin: 0 auto; }
    #feature-column .lp-homedelivery01 .rank-box .item-in .img-mainvisual.mb1 {
      margin-bottom: 1rem; }
    #feature-column .lp-homedelivery01 .rank-box .item-in .point {
      border: solid 2px #b00707;
      border-radius: 30px;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .rank-box .item-in .point {
          margin-bottom: 1rem; } }
      #feature-column .lp-homedelivery01 .rank-box .item-in .point .title {
        border-radius: 24px 24px 0px 0px;
        background: #b00707;
        color: #fff;
        text-align: center;
        padding: 0.5rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-homedelivery01 .rank-box .item-in .point .title {
            margin-bottom: 0; } }
      #feature-column .lp-homedelivery01 .rank-box .item-in .point ul {
        padding: 1rem; }
        #feature-column .lp-homedelivery01 .rank-box .item-in .point ul li {
          padding: 0rem 1rem 0.5rem 2.5rem;
          border-bottom: dotted;
          margin-bottom: 0.5rem; }
          #feature-column .lp-homedelivery01 .rank-box .item-in .point ul li:nth-child(1) {
            background-image: url(/img/lp/homedelivery01/icon_point01.png);
            background-repeat: no-repeat;
            background-size: 26px;
            background-position: left top; }
          #feature-column .lp-homedelivery01 .rank-box .item-in .point ul li:nth-child(2) {
            background-image: url(/img/lp/homedelivery01/icon_point02.png);
            background-size: 26px;
            background-repeat: no-repeat;
            background-position: left top; }
          #feature-column .lp-homedelivery01 .rank-box .item-in .point ul li:nth-child(3) {
            background-image: url(/img/lp/homedelivery01/icon_point03.png);
            background-size: 26px;
            background-repeat: no-repeat;
            background-position: left top;
            border: none;
            margin-bottom: 0px; }
    #feature-column .lp-homedelivery01 .rank-box .item-in h3 {
      border-left: solid 12px;
      padding-left: 0.8rem;
      margin-bottom: 1rem; }
    #feature-column .lp-homedelivery01 .rank-box .item-in .menu {
      border: solid 1px #39e783;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .rank-box .item-in .menu {
          margin-bottom: 1rem; } }
      #feature-column .lp-homedelivery01 .rank-box .item-in .menu th {
        background: #15a050;
        color: #fff;
        border-right: solid 1px #39e783;
        border-bottom: solid 1px #39e783;
        width: 28%; }
      #feature-column .lp-homedelivery01 .rank-box .item-in .menu td {
        border-bottom: solid 1px #39e783; }
    #feature-column .lp-homedelivery01 .rank-box .item-in .cv {
      margin-bottom: 2rem; }
      #feature-column .lp-homedelivery01 .rank-box .item-in .cv .cv_title {
        text-align: center; }
      #feature-column .lp-homedelivery01 .rank-box .item-in .cv .cv_button {
        position: relative;
        background: linear-gradient(180deg, #b00707 70%, #8c0606 100%);
        box-shadow: 0 4px 0 #4f0909;
        padding: 1rem;
        border-radius: 20px;
        text-align: center;
        margin: 0 auto;
        width: 70%; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-homedelivery01 .rank-box .item-in .cv .cv_button {
            width: 100%; } }
        #feature-column .lp-homedelivery01 .rank-box .item-in .cv .cv_button a {
          color: #fff;
          display: block;
          font-size: 1.6rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-homedelivery01 .rank-box .item-in .cv .cv_button a {
              font-size: 1.4rem; } }
        #feature-column .lp-homedelivery01 .rank-box .item-in .cv .cv_button::after {
          border-top: solid 3px #fff;
          border-right: solid 3px #fff;
          -webkit-transform: rotate(45deg);
          content: "";
          display: block;
          height: 10px;
          position: absolute;
          right: 2rem;
          top: 42%;
          transform: rotate(45deg);
          width: 10px; }
    #feature-column .lp-homedelivery01 .rank-box .item-in .kuti {
      border: solid 2px #290e0e;
      border-radius: 30px;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .rank-box .item-in .kuti {
          margin-bottom: 1rem; } }
      #feature-column .lp-homedelivery01 .rank-box .item-in .kuti .title {
        border-radius: 24px 24px 0px 0px;
        background: #290e0e;
        color: #fff;
        text-align: center;
        padding: 1rem;
        font-size: 1.4rem; }
      #feature-column .lp-homedelivery01 .rank-box .item-in .kuti ul {
        padding: 1rem; }
        #feature-column .lp-homedelivery01 .rank-box .item-in .kuti ul li {
          padding: 0rem 1rem 1rem 5rem;
          border-bottom: dotted;
          margin-bottom: 1rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-homedelivery01 .rank-box .item-in .kuti ul li {
              padding: 0 1rem 1rem 4rem; } }
          #feature-column .lp-homedelivery01 .rank-box .item-in .kuti ul li:nth-child(1) {
            background-image: url(/img/lp/homedelivery01/icon_kuti.png);
            background-repeat: no-repeat;
            background-size: 50px;
            background-position: left top; }
          #feature-column .lp-homedelivery01 .rank-box .item-in .kuti ul li:nth-child(2) {
            background-image: url(/img/lp/homedelivery01/icon_kuti.png);
            background-repeat: no-repeat;
            background-size: 50px;
            background-position: left top;
            border: none;
            padding-bottom: 1.2rem;
            margin-bottom: 0px; }
            @media only screen and (max-width: 767px) {
              #feature-column .lp-homedelivery01 .rank-box .item-in .kuti ul li:nth-child(2) {
                padding-bottom: 0; } }
    #feature-column .lp-homedelivery01 .rank-box .item-in .campaign {
      border: solid 2px #dc7006;
      border-radius: 30px;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .rank-box .item-in .campaign {
          margin-bottom: 1rem; } }
      #feature-column .lp-homedelivery01 .rank-box .item-in .campaign .title {
        border-radius: 24px 24px 0px 0px;
        background: #dc7006;
        color: #fff;
        text-align: center;
        padding: 0.5rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-homedelivery01 .rank-box .item-in .campaign .title {
            font-size: 1rem;
            margin-bottom: 0; } }
      #feature-column .lp-homedelivery01 .rank-box .item-in .campaign ul {
        padding: 1rem; }
        #feature-column .lp-homedelivery01 .rank-box .item-in .campaign ul li {
          padding: 0rem 1rem 0.5rem 2.5rem;
          background-image: url(/img/lp/homedelivery01/icon_campaign.png);
          background-repeat: no-repeat;
          background-size: 28px;
          display: flex;
          justify-content: center;
          align-items: center; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-homedelivery01 .rank-box .item-in .campaign ul li {
              text-align: center; } }
          #feature-column .lp-homedelivery01 .rank-box .item-in .campaign ul li span {
            display: block; }
          #feature-column .lp-homedelivery01 .rank-box .item-in .campaign ul li b {
            color: #dc7006;
            font-style: italic;
            padding-left: 0.5rem; }
            @media only screen and (max-width: 767px) {
              #feature-column .lp-homedelivery01 .rank-box .item-in .campaign ul li b {
                font-size: 1.8rem; } }
        #feature-column .lp-homedelivery01 .rank-box .item-in .campaign ul .img-campaign {
          background: none;
          margin: 0 auto;
          width: 50%; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-homedelivery01 .rank-box .item-in .campaign ul .img-campaign {
              width: 100%; } }
  #feature-column .lp-homedelivery01 .search-kekka {
    padding: 2rem 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-homedelivery01 .search-kekka {
        padding: 1rem 1rem 0; } }
    #feature-column .lp-homedelivery01 .search-kekka .cate-description h2 {
      background: #f3dac4;
      border-radius: 50px;
      display: inline-block;
      padding: 1rem 2rem 1rem 1rem;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .search-kekka .cate-description h2 {
          margin-bottom: 1rem; } }
    #feature-column .lp-homedelivery01 .search-kekka button.sort {
      background: #eee;
      padding: 0.5rem 0.8rem;
      font-size: 0.9rem;
      margin-bottom: 0.5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-homedelivery01 .search-kekka button.sort {
          padding: 0.5rem 0.3rem; } }

/*     recommend　レコメンド
----------------------------------------------------------------------------------------------*/
/* 関連記事 */
.recommend-column {
  margin: 0 0 32px 0; }
  .recommend-column img {
    width: 100%;
    height: auto; }
  .recommend-column a {
    display: block; }
    .recommend-column a:hover {
      opacity: 0.9; }
  .recommend-column h3 {
    border: none;
    font-size: 1.1rem;
    line-height: 1.4;
    font-weight: 500;
    color: #222; }
    @media only screen and (max-width: 767px) {
      .recommend-column h3 {
        font-size: 0.9rem;
        line-height: 1.6; } }
    .recommend-column h3:after {
      position: static;
      background: none; }
  .recommend-column p {
    color: #999;
    font-size: 0.8rem; }
    @media only screen and (max-width: 767px) {
      .recommend-column p {
        display: none; } }
  .recommend-column .item {
    overflow: hidden;
    padding: .6rem 0;
    border-bottom: 1px solid #EEE; }
    .recommend-column .item .img {
      border-radius: 4px;
      width: 10%;
      float: left; }
      @media only screen and (max-width: 767px) {
        .recommend-column .item .img {
          width: 19%; } }
    .recommend-column .item .txt {
      width: 88%;
      float: right; }
      @media only screen and (max-width: 767px) {
        .recommend-column .item .txt {
          width: 76%; } }

.recommend-cta {
  margin: 0 0 2rem 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  position: relative; }
  .recommend-cta .title {
    background: #f3f3f3;
    padding: 0.8rem 1rem;
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0 0 1rem 0; }
    .recommend-cta .title a {
      color: #222; }
    .recommend-cta .title span {
      background-color: #f8a117;
      font-size: 0.8rem;
      border-radius: 3px;
      color: #fff;
      vertical-align: middle;
      padding: 0 0.3rem;
      margin: 0px 0.4rem 0px 0px; }
  .recommend-cta .banner {
    float: left;
    width: 30%;
    max-width: 200px;
    margin: 0 3%; }
    .recommend-cta .banner img {
      width: 100%; }
  .recommend-cta table {
    float: left;
    width: 60%;
    margin: 0 3% 0 0;
    font-size: 0.8rem; }
  .recommend-cta th {
    text-align: left;
    width: 30%; }
  .recommend-cta .catch {
    font-size: 1.1rem;
    font-weight: bold;
    color: #FFF;
    line-height: 1.2;
    background: #f8a117;
    border: 1px solid #f8a117;
    padding: 2% 3%;
    margin: 3% 3% 0;
    border-radius: 5px 5px 0 0; }
  .recommend-cta .point {
    margin: 0% 3% 2% 3%;
    border-radius: 0 0 5px 5px;
    border: 1px solid #f8a117;
    padding: 3% 3% 2% 3%; }
  .recommend-cta li {
    margin: 0 0 3% 0;
    font-size: 0.9rem;
    background: url(../img/icon/icon-check.png) left top no-repeat;
    padding: 0 0 0 2rem;
    background-size: auto 1rem;
    background-position: 0 0.2rem; }
  .recommend-cta .button img {
    margin: 1rem auto;
    width: 94%;
    max-width: 328px; }

.text-caution {
  color: #9D9A9A;
  font-size: 10px !important;
  line-height: 1.5;
  margin-bottom: 2rem; }

/* ------------------------------------------------- *
*        ＠タグページ
* ------------------------------------------------- */
#page-tag h1 {
  font-size: 24px;
  margin-bottom: 24px; }
  @media only screen and (max-width: 767px) {
    #page-tag h1 {
      font-size: 18px;
      line-height: 1.3;
      font-weight: bold;
      margin-bottom: 0;
      padding: 8px; } }

/* ------------------------------------------------- *
*        ＠404
* ------------------------------------------------- */
#page-404 {
  background: #FFF;
  padding: 120px 60px;
  border: 1px solid #DDD;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #page-404 {
      padding: 30px;
      height: 100vh; } }
  #page-404 .title {
    font-size: 30px;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      #page-404 .title {
        font-size: 25px;
        margin-bottom: 10px; } }
  #page-404 .sub-txt a {
    text-decoration: underline; }

/* ------------------------------------------------- *
*        ＠reページ
* ------------------------------------------------- */
#page-re {
  height: 100vh;
  background: #FFF; }
  #page-re .inner {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 30vh;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #page-re .inner {
        padding-top: 20vh; } }
  #page-re h2 {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 22px; }
    @media only screen and (max-width: 767px) {
      #page-re h2 {
        font-size: 1rem; } }
  #page-re p {
    margin-bottom: 1rem; }
  #page-re .logo {
    display: inline-block;
    margin-bottom: 1rem; }
    #page-re .logo img {
      max-width: 200px; }
  #page-re .loading {
    margin: 0 auto 1rem; }
  #page-re .link a {
    text-decoration: underline; }

/* ------------------------------------------------- *
*        ＠その他
* ------------------------------------------------- */
.login {
  background: url(../img/bg/bg-login.jpg) no-repeat;
  background-size: cover; }

/* ------------------------------------------------- *
 *        ＠ブログカード　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
.blog-card {
  margin: 0 0 64px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  position: relative; }

@media only screen and (max-width: 767px) {
  .blog-card {
    margin-bottom: 40px; } }
.blog-card:hover {
  background: #fff7e6; }

.blog-card .blog-card-kanren {
  position: absolute;
  left: 0;
  top: -6%;
  background: #e28b23;
  border-radius: 50px;
  color: #fff;
  padding: 5px;
  line-height: 1;
  font-size: 14px;
  z-index: 1; }

@media only screen and (max-width: 767px) {
  .blog-card .blog-card-kanren {
    top: -10%;
    font-size: 12px; } }
.blog-card a {
  position: relative;
  overflow: hidden;
  display: block;
  text-decoration: none !important;
  color: #222; }

@media only screen and (max-width: 767px) {
  .blog-card a {
    overflow: hidden; } }
.blog-card .blog-card-thumbnail {
  width: 25%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .blog-card .blog-card-thumbnail {
      padding-top: 24px;
      padding-left: 16px;
      padding-bottom: 16px; } }

.blog-card .blog-card-thumbnail img {
  border-radius: 4px 0 0 4px;
  width: 100%;
  height: auto; }
  @media only screen and (max-width: 767px) {
    .blog-card .blog-card-thumbnail img {
      border-radius: 4px; } }

.blog-card .blog-card-content {
  width: 75%;
  float: right;
  padding: 16px;
  text-decoration: none; }

.blog-card .blog-card-content .blog-card-title-midashi {
  margin-bottom: 10px; }

@media only screen and (max-width: 992px) {
  .blog-card .blog-card-content .blog-card-title-midashi {
    margin-bottom: 5px; } }
@media only screen and (max-width: 767px) {
  .blog-card .blog-card-content .blog-card-title-midashi {
    position: absolute;
    top: -10px;
    left: 16px; } }
.blog-card .blog-card-content .blog-card-title-midashi span {
  padding: 4px 8px;
  background: #5090d9;
  color: #FFF; }

@media only screen and (max-width: 992px) {
  .blog-card .blog-card-content .blog-card-title-midashi span {
    font-size: 12px; } }
.blog-card .blog-card-content .blog-card-cat {
  float: left;
  font-size: 12px; }

@media only screen and (max-width: 767px) {
  .blog-card .blog-card-content .blog-card-cat {
    font-size: 10px; } }
.blog-card .blog-card-content .blog-card-day {
  float: right;
  font-size: 12px; }

@media only screen and (max-width: 767px) {
  .blog-card .blog-card-content .blog-card-day {
    font-size: 10px; } }
.blog-card .blog-card-content .blog-card-title {
  clear: both;
  padding: 8px 0;
  text-decoration: underline;
  text-align: left;
  color: #303030;
  font-size: 18px;
  font-weight: 700; }

@media only screen and (max-width: 992px) {
  .blog-card .blog-card-content .blog-card-title {
    font-size: 15px; } }
@media only screen and (max-width: 767px) {
  .blog-card .blog-card-content .blog-card-title {
    font-size: 14px;
    padding: 4px 0 0 0; } }
.blog-card .blog-card-content .blog-card-excerpt {
  color: #222;
  font-size: 14px; }

.blog-card .blog-card-content .more {
  position: absolute;
  right: 20px;
  bottom: 20px;
  text-align: right; }

@media only screen and (max-width: 992px) {
  .blog-card .blog-card-content .more {
    position: static; } }
.blog-card .blog-card-content .more span {
  font-size: 14px; }

@media only screen and (max-width: 992px) {
  .blog-card .blog-card-content .more span {
    font-size: 12px; } }
/*     ネコクレ記事用　
----------------------------------------------------------------------------------------------*/
/* 吹き出しを作る */
.balloon {
  margin-bottom: 32px;
  position: relative; }
  @media only screen and (max-width: 767px) {
    .balloon {
      margin-bottom: 16px; } }
  .balloon:before, .balloon:after {
    clear: both;
    content: "";
    display: block; }
  .balloon .balloon-img {
    width: 120px;
    height: 120px; }
    @media only screen and (max-width: 767px) {
      .balloon .balloon-img {
        width: 65px;
        height: 65px; } }
    .balloon .balloon-img img {
      width: 100%;
      height: 100%;
      margin: 0; }
  .balloon p {
    margin-bottom: 0 !important; }
    @media only screen and (max-width: 767px) {
      .balloon p {
        font-size: 13px !important; } }
    .balloon p:last-child {
      margin-bottom: 0 !important; }

.balloon-img-left {
  float: left;
  margin-right: 20px; }

.balloon-img-right {
  float: right;
  margin-left: 20px; }

.balloon-txt-right, .balloon-txt-left {
  position: relative;
  padding: 20px;
  border: 2px solid;
  border-radius: 10px;
  max-width: -webkit-calc(100% - 140px);
  max-width: calc(100% - 140px);
  display: inline-block;
  border-color: #aaa; }
  @media only screen and (max-width: 767px) {
    .balloon-txt-right, .balloon-txt-left {
      max-width: -webkit-calc(100% - 85px);
      max-width: calc(100% - 85px);
      padding: 16px; } }

.balloon-txt-right {
  float: left; }
  .balloon-txt-right:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #aaa;
    top: 15px;
    left: -21px; }
  .balloon-txt-right:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    top: 15px;
    left: -19px; }

.balloon-txt-left {
  float: right; }
  .balloon-txt-left:before {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #aaa;
    top: 15px;
    right: -21px; }
  .balloon-txt-left:after {
    position: absolute;
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #fff;
    top: 15px;
    right: -19px; }

.balloon-men .balloon-txt-left {
  border-color: #3975A2;
  background: #f4faff; }
  .balloon-men .balloon-txt-left:before {
    border-left: 10px solid #3975A2; }
  .balloon-men .balloon-txt-left:after {
    border-left: 10px solid #f4faff; }

.balloon-woman .balloon-txt-left {
  border-color: #02AB9E;
  background: #eafffd; }
  .balloon-woman .balloon-txt-left:before {
    border-left: 10px solid #02AB9E; }
  .balloon-woman .balloon-txt-left:after {
    border-left: 10px solid #f4faff; }

.balloon-syuhu .balloon-txt-left {
  border-color: #FF8089;
  background: #fff8f8; }
  .balloon-syuhu .balloon-txt-left:before {
    border-left: 10px solid #FF8089; }
  .balloon-syuhu .balloon-txt-left:after {
    border-left: 10px solid #f4faff; }

.balloon-neko .balloon-txt-right {
  border-color: #AA9D01;
  background: #fffef0; }
  .balloon-neko .balloon-txt-right:before {
    border-right: 10px solid #AA9D01; }

/* カードを中央揃えにして背景をつける */
.card-center {
  margin-bottom: 32px;
  background: #EFEFEF;
  padding: 16px 0; }
  .card-center img {
    margin: 0 auto; }

/* 口コミボックス */
.kuti-rating-box {
  font-weight: bold;
  margin-bottom: 15px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .kuti-rating-box {
      margin-bottom: 10px; } }
  .kuti-rating-box .rating-star {
    float: left; }
    @media only screen and (max-width: 767px) {
      .kuti-rating-box .rating-star {
        font-size: 12px;
        margin-right: 10px; } }
    .kuti-rating-box .rating-star .star {
      height: 21px;
      padding-left: 130px; }
      @media only screen and (max-width: 767px) {
        .kuti-rating-box .rating-star .star {
          padding-left: 87px; } }
  .kuti-rating-box .rating-count {
    float: left;
    padding-left: 15px; }
    @media only screen and (max-width: 767px) {
      .kuti-rating-box .rating-count {
        padding-left: 0;
        font-size: 12px; } }

.kutikomi-box {
  background: #DDD;
  padding: 15px 15px 1px 15px;
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .kutikomi-box {
      padding: 5px 5px 1px 5px; } }
  .kutikomi-box .item {
    background: #FFF;
    padding: 17px 20px 20px 20px;
    border: 1px solid #DDD;
    overflow: hidden;
    margin-bottom: 15px;
    background: url("../img/bg/bg-note.png"); }
    @media only screen and (max-width: 767px) {
      .kutikomi-box .item {
        padding: 15px;
        margin-bottom: 5px; } }
    .kutikomi-box .item .title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 10px; }
      @media only screen and (max-width: 767px) {
        .kutikomi-box .item .title {
          font-size: 14px;
          margin-bottom: 5px; } }
    .kutikomi-box .item .head {
      width: 100%;
      height: 21px;
      padding-left: 130px;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .kutikomi-box .item .head {
          font-size: 14px;
          padding-left: 90px;
          height: 16px;
          margin-bottom: 10px; } }
    .kutikomi-box .item p {
      margin-bottom: 0 !important;
      font-size: 13px !important;
      margin-top: 0 !important; }
      @media only screen and (max-width: 767px) {
        .kutikomi-box .item p {
          font-size: 11px !important; } }

.star_05 {
  background: url("../img/icon/rate-0.5.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_05 {
      background-size: 80px; } }

.star_10 {
  background: url("../img/icon/rate-1.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_10 {
      background-size: 80px; } }

.star_15 {
  background: url("../img/icon/rate-1.5.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_15 {
      background-size: 80px; } }

.star_20 {
  background: url("../img/icon/rate-2.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_20 {
      background-size: 80px; } }

.star_25 {
  background: url("../img/icon/rate-2.5.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_25 {
      background-size: 80px; } }

.star_30 {
  background: url("../img/icon/rate-3.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_30 {
      background-size: 80px; } }

.star_35 {
  background: url("../img/icon/rate-3.5.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_35 {
      background-size: 80px; } }

.star_40 {
  background: url("../img/icon/rate-4.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_40 {
      background-size: 80px; } }

.star_45 {
  background: url("../img/icon/rate-4.5.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_45 {
      background-size: 80px; } }

.star_50 {
  background: url("../img/icon/rate-5.png") left center/120px no-repeat; }
  @media only screen and (max-width: 767px) {
    .star_50 {
      background-size: 80px; } }

.kutikomi-box .item .img {
  float: left;
  width: 10%;
  height: 70px; }
.kutikomi-box .item .face-bad {
  background: url("../img/icon/face_0.5.png") left center/contain no-repeat; }
.kutikomi-box .item .face-normal {
  background: url("../img/icon/face_3.5.png") left center/contain no-repeat; }
.kutikomi-box .item .face-god {
  background: url("../img/icon/face_4.png") left center/contain no-repeat; }
.kutikomi-box .item p {
  width: 90%;
  float: right;
  padding-left: 15px;
  position: relative;
  margin-bottom: 0; }

/* 券面紹介の大枠 */
.article-card {
  padding: 32px 32px 1px 32px;
  margin-bottom: 32px;
  border: 5px solid #DDD; }
  @media only screen and (max-width: 767px) {
    .article-card {
      padding: 16px;
      border: 1px solid #DDD;
      border-top: 5px solid #4f4f4f;
      margin-bottom: 16px; } }
  .article-card .card {
    margin-bottom: 16px;
    background: #EFEFEF;
    padding: 16px 0; }
    @media only screen and (max-width: 767px) {
      .article-card .card {
        margin-bottom: 8px;
        padding: 8px 0; } }
    .article-card .card img {
      margin: 0 auto; }
      @media only screen and (max-width: 767px) {
        .article-card .card img {
          max-width: 150px; } }
  .article-card table {
    margin-bottom: 16px; }
    .article-card table th {
      font-size: 12px;
      padding: 6px; }
      @media only screen and (max-width: 767px) {
        .article-card table th {
          font-size: 8px;
          padding: 4px; } }
    .article-card table td {
      font-size: 12px;
      text-align: center;
      padding: 6px; }
      @media only screen and (max-width: 767px) {
        .article-card table td {
          font-size: 8px;
          padding: 4px; } }
  .article-card .name {
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .article-card .name {
        margin-bottom: 8px;
        font-size: 14px; } }
  .article-card p {
    font-size: 15px;
    margin-bottom: 24px; }
    @media only screen and (max-width: 767px) {
      .article-card p {
        font-size: 12px;
        margin-bottom: 24px; } }
  .article-card .txt {
    padding: 32px;
    background: #fff3f0;
    border: 4px dotted #ffc3b3;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.95;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .article-card .txt {
        font-size: 13px;
        padding: 16px; } }
  .article-card .cv-link {
    margin-bottom: 32px;
    text-align: right; }
    @media only screen and (max-width: 767px) {
      .article-card .cv-link {
        margin-bottom: 16px;
        font-size: 12px; } }

.item-compact {
  overflow: hidden;
  margin: 32px 0;
  background: #FFF;
  padding: 30px;
  border: 1px solid #DDD;
  border-radius: 7px; }
  @media only screen and (max-width: 767px) {
    .item-compact {
      padding: 16px; } }
  .item-compact a {
    display: block;
    color: #222;
    text-decoration: none !important; }
    .item-compact a:hover {
      text-decoration: none;
      opacity: 0.9; }
  .item-compact .img {
    float: left;
    width: 30%; }
    @media only screen and (max-width: 767px) {
      .item-compact .img {
        width: 100%;
        float: none;
        text-align: center;
        background: #F3F3F3;
        padding: 12px;
        margin-bottom: 8px; } }
  .item-compact img {
    width: 100%;
    height: auto;
    -webkit-box-reflect: below 4px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(0.5, transparent), to(rgba(0, 0, 0, 0.8))); }
    @media only screen and (max-width: 767px) {
      .item-compact img {
        margin: 0;
        float: none;
        margin: 0 auto;
        width: 50%;
        -webkit-box-reflect: initial; } }
  .item-compact .item-compact-right {
    width: 66%;
    float: right; }
    @media only screen and (max-width: 767px) {
      .item-compact .item-compact-right {
        width: 100%;
        float: none; } }
    .item-compact .item-compact-right p {
      margin-bottom: 0 !important; }
    .item-compact .item-compact-right .name {
      color: #333;
      font-weight: bold;
      text-decoration: underline;
      margin-bottom: 8px;
      line-height: 1.5; }
      @media only screen and (max-width: 767px) {
        .item-compact .item-compact-right .name {
          margin-bottom: 4px; } }
    .item-compact .item-compact-right .txt {
      line-height: 1.4;
      margin-bottom: 16px; }
      @media only screen and (max-width: 767px) {
        .item-compact .item-compact-right .txt {
          font-size: 12px;
          margin-bottom: 8px; } }
    .item-compact .item-compact-right .catch {
      margin-bottom: 8px;
      color: #e35e3a;
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        .item-compact .item-compact-right .catch {
          margin-bottom: 4px; } }
    .item-compact .item-compact-right .check {
      background: #e35e3a;
      color: #FFF;
      padding: 15px;
      font-weight: bold;
      text-align: center;
      border-radius: 5px 5px 0 5px;
      position: relative; }
      .item-compact .item-compact-right .check:after {
        content: "";
        position: absolute;
        border-style: solid;
        border-width: 0 0 1.333em 1.333em;
        border-color: transparent transparent #ff9e84 transparent;
        right: 3px;
        bottom: 3px; }
      .item-compact .item-compact-right .check i {
        padding-right: 10px; }

.box-col-3-mokuzi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #EFEFEF;
  margin-bottom: 30px;
  padding: 16px 16px 1px 16px; }
  @media only screen and (max-width: 767px) {
    .box-col-3-mokuzi {
      margin-bottom: 10px;
      padding: 0;
      background: none; } }
  .box-col-3-mokuzi .item {
    width: 49%;
    background: #FFF;
    margin-bottom: 16px;
    border: 3px solid #DDD;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .box-col-3-mokuzi .item {
        border: 2px solid #DDD;
        border-bottom: 3px solid #CCC;
        margin-bottom: 8px; } }
    .box-col-3-mokuzi .item img {
      margin-bottom: 8px; }
    .box-col-3-mokuzi .item a {
      display: block;
      font-size: 16px;
      color: #222;
      text-align: center;
      text-decoration: none !important; }
      @media only screen and (max-width: 767px) {
        .box-col-3-mokuzi .item a {
          font-size: 11px;
          padding: 0; } }
      .box-col-3-mokuzi .item a:hover {
        opacity: 0.9; }
    .box-col-3-mokuzi .item .img {
      margin-bottom: 0;
      padding: 16px 16px 0; }
      @media only screen and (max-width: 767px) {
        .box-col-3-mokuzi .item .img {
          padding: 8px 8px 0; } }
    .box-col-3-mokuzi .item .title {
      font-weight: bold;
      font-size: 18px; }
      @media only screen and (max-width: 767px) {
        .box-col-3-mokuzi .item .title {
          font-size: 11px; } }
    .box-col-3-mokuzi .item .txt {
      font-size: 16px;
      padding-bottom: 2rem;
      position: relative;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .box-col-3-mokuzi .item .txt {
          font-size: 9px;
          padding-bottom: 8px; } }
      .box-col-3-mokuzi .item .txt:before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 10px solid transparent;
        border-top: 10px solid #222; }
        @media only screen and (max-width: 767px) {
          .box-col-3-mokuzi .item .txt:before {
            display: none; } }

/*債務整理　サンクアンケートLP*/
.lp-questionnaire {
  background-color: #f7e2a8;
  padding: 1rem 0rem 2rem; }
  .lp-questionnaire p {
    letter-spacing: .05rem; }
  .lp-questionnaire img {
    margin: auto; }
  .lp-questionnaire h1 {
    background: #7abd60;
    padding: 1.3rem;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    letter-spacing: .05rem; }
    .lp-questionnaire h1 span {
      display: block;
      position: relative; }
      .lp-questionnaire h1 span::before, .lp-questionnaire h1 span::after {
        position: absolute;
        top: 0.8rem;
        height: 1.8rem;
        content: ''; }
      .lp-questionnaire h1 span::before {
        border-left: solid 3px;
        left: 22%;
        top: 15%;
        transform: rotate(-30deg); }
      .lp-questionnaire h1 span::after {
        border-right: solid 3px;
        right: 22%;
        top: 15%;
        transform: rotate(30deg); }
      .lp-questionnaire h1 span.red {
        color: #f51d00;
        display: unset;
        position: static; }
        .lp-questionnaire h1 span.red::before, .lp-questionnaire h1 span.red::after {
          display: none; }
  .lp-questionnaire .box-in {
    background: #fff;
    padding: 2rem;
    font-weight: bold;
    letter-spacing: .05rem; }
    .lp-questionnaire .box-in .txt {
      font-size: 1.6rem;
      text-align: center;
      margin: 2rem auto;
      font-weight: bold;
      color: #382922;
      letter-spacing: .05rem;
      line-height: 1.3; }
    .lp-questionnaire .box-in .nomal {
      margin: auto; }
    .lp-questionnaire .box-in .txt02 {
      font-weight: bold;
      font-size: 1.4rem;
      text-align: center;
      line-height: 1.5; }
    .lp-questionnaire .box-in .txt03 {
      font-weight: bold;
      font-size: 1.3rem;
      text-align: center;
      margin: 1rem auto;
      line-height: 1.5; }
    .lp-questionnaire .box-in .img {
      margin: 1rem auto; }
    .lp-questionnaire .box-in .button {
      position: relative;
      padding: 1rem;
      letter-spacing: .08rem;
      font-size: 2.2rem;
      background: #e22c2c;
      border-radius: 4px;
      font-size: 2rem;
      box-shadow: 0 6px 0 #a10b0c;
      margin: 0 0 1.5rem 0;
      text-align: center;
      color: #fff;
      font-weight: bold; }
      .lp-questionnaire .box-in .button::before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 13px solid #fff;
        border-right: 0;
        left: 23%;
        top: 36%; }
    .lp-questionnaire .box-in .arrow-right::before {
      left: 70%; }
    .lp-questionnaire .box-in .checkbox {
      margin: 1rem auto; }
      .lp-questionnaire .box-in .checkbox [type=checkbox] {
        transform: scale(1.5); }
      .lp-questionnaire .box-in .checkbox label {
        cursor: pointer;
        position: relative;
        padding-left: .5rem;
        font-size: 1.2rem; }
      .lp-questionnaire .box-in .checkbox input:checked + label::after {
        opacity: 1; }
  .lp-questionnaire .shiny-btn {
    position: relative;
    display: block;
    height: 87px;
    overflow: hidden;
    padding: 1rem;
    letter-spacing: .08rem;
    background: #e22c2c;
    border-radius: 4px;
    font-size: 2rem;
    box-shadow: 0 6px 0 #a10b0c;
    margin: 0 0 1.5rem 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 1.7; }
    .lp-questionnaire .shiny-btn::after {
      content: '';
      position: absolute;
      top: -100px;
      left: -100px;
      width: 50px;
      height: 50px;
      background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);
      animation-name: shiny;
      animation-duration: 3s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite; }
    .lp-questionnaire .shiny-btn a {
      color: #fff; }
    .lp-questionnaire .shiny-btn::before {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 13px solid #fff;
      border-right: 0;
      left: 23%;
      top: 36%; }

@media only screen and (max-width: 767px) {
  .lp-questionnaire {
    padding: 0rem 0rem 1rem 0rem; }
    .lp-questionnaire .q-img {
      width: 30%; }
    .lp-questionnaire h1 {
      padding: 1rem;
      line-height: 1.2;
      font-size: 1.6rem; }
      .lp-questionnaire h1 span::before {
        left: 7%;
        top: 4%; }
      .lp-questionnaire h1 span::after {
        right: 7%;
        top: 4%; }
    .lp-questionnaire .box-in {
      padding: 1rem;
      margin: 1rem; }
      .lp-questionnaire .box-in .txt {
        margin: 1rem auto;
        font-size: 1.4rem; }
      .lp-questionnaire .box-in .nomal {
        margin: auto; }
      .lp-questionnaire .box-in .button::before {
        left: 8%; }
      .lp-questionnaire .box-in .arrow-right::before {
        left: 82%; }
      .lp-questionnaire .box-in .txt02, .lp-questionnaire .box-in .txt03 {
        font-size: 1.2rem; }
      .lp-questionnaire .box-in .button {
        font-size: 1.8rem;
        margin-bottom: 0.5rem; }
    .lp-questionnaire .shiny-btn::before {
      left: 12%; } }
/* ＠記事LP（feature column）traininggym-01 ジム男女cer
----------------------------------------------------------------------------------------------*/
#feature-column .lp-gym {
  font-weight: bold; }
  #feature-column .lp-gym a {
    text-decoration: none !important; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-gym {
      padding: 0 1rem; } }
  #feature-column .lp-gym .txt-red {
    color: #bd1010; }
  #feature-column .lp-gym .txt-marker {
    background-image: linear-gradient(transparent 60%, #ffe76b 65%);
    font-weight: bold; }
  #feature-column .lp-gym .txt-marker-full {
    background: rgba(255, 255, 60, 0.6); }
  #feature-column .lp-gym .txt-big {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .txt-big {
        font-size: 1.3rem; } }
  #feature-column .lp-gym .txt-big-more {
    font-size: 2.6rem;
    line-height: 3rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .txt-big-more {
        font-size: 1.45rem;
        line-height: 2rem; } }
  #feature-column .lp-gym .txt-middle {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.3;
    padding-bottom: 0; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .txt-middle {
        font-size: 1.1rem; } }
  #feature-column .lp-gym .txt-small {
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1.4rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .txt-small {
        font-size: 0.8rem;
        line-height: 1rem; } }
  #feature-column .lp-gym p {
    color: #0a0a0a;
    font-size: 1rem;
    line-height: 1.5rem; }
  #feature-column .lp-gym .mainvisual-gym {
    margin-bottom: 1rem; }
    #feature-column .lp-gym .mainvisual-gym img {
      margin: auto; }
  #feature-column .lp-gym .inner-800 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto; }
  #feature-column .lp-gym .mokuji {
    border: 2px solid #ebb67b;
    padding: 2rem 2rem 1rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .mokuji {
        padding: 1rem 1rem 0; } }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .mokuji .caption {
        text-align: center; } }
    #feature-column .lp-gym .mokuji dl dt {
      padding-bottom: 0.3rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .mokuji dl dt {
          font-size: 0.9rem; } }
    #feature-column .lp-gym .mokuji ul li {
      line-height: 1rem;
      padding-bottom: 0.3rem; }
      #feature-column .lp-gym .mokuji ul li:last-child {
        padding-bottom: 0; }
  #feature-column .lp-gym .title-gym {
    background: #FF7E15;
    border-radius: 8px;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 1.5rem;
    padding: .6rem;
    position: relative;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .title-gym {
        font-size: 1rem;
        margin-top: 1rem; } }
    #feature-column .lp-gym .title-gym::after {
      border: solid transparent;
      border-color: rgba(255, 255, 255, 0);
      border-top-color: #FF7E15;
      border-width: 10px;
      content: '';
      height: 0;
      left: 50%;
      margin-left: -10px;
      position: absolute;
      pointer-events: none;
      top: 100%;
      width: 0; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .title-gym::after {
          border-width: 6px;
          margin-left: -6px; } }
  #feature-column .lp-gym .table-gym-ranking {
    margin: 2rem 0;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .table-gym-ranking {
        margin: 1rem 0; } }
    #feature-column .lp-gym .table-gym-ranking br {
      display: none; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .table-gym-ranking br {
          display: inline; } }
    #feature-column .lp-gym .table-gym-ranking th {
      background: #f5f5f5; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .table-gym-ranking th {
          font-size: .8rem;
          padding: 5px;
          width: 20%; } }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .table-gym-ranking td {
        font-size: 1rem; } }
    #feature-column .lp-gym .table-gym-ranking .cv a {
      border-bottom: 4px solid #bc5105;
      border-radius: 8px;
      font-size: 1rem;
      padding: .5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .table-gym-ranking .cv a {
          font-size: .9rem;
          line-height: 1.3;
          padding: 0.3rem; } }
      #feature-column .lp-gym .table-gym-ranking .cv a::after {
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 6px solid #fff;
        right: 1rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .table-gym-ranking .cv a::after {
            display: none; } }
    #feature-column .lp-gym .table-gym-ranking .ico-wrap {
      padding: 20px 8px 5px;
      position: relative; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .table-gym-ranking .ico-wrap {
          padding: 15px 5px 5px;
          vertical-align: top; } }
      #feature-column .lp-gym .table-gym-ranking .ico-wrap p {
        padding: 0; }
    #feature-column .lp-gym .table-gym-ranking .ico-rank {
      left: 0;
      margin: auto;
      position: absolute;
      right: 0;
      top: -0.2rem;
      width: 40px; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .table-gym-ranking .ico-rank {
          top: -0.3rem;
          width: 30px; } }
    #feature-column .lp-gym .table-gym-ranking .text-rank-ttl {
      display: inline-block;
      font-size: .9rem;
      line-height: 1.2;
      margin-top: 0.3rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .table-gym-ranking .text-rank-ttl {
          font-size: .8rem; } }
  #feature-column .lp-gym .osusume .txt {
    width: 85%;
    margin: auto; }
  #feature-column .lp-gym .center {
    text-align: center; }
    #feature-column .lp-gym .center img {
      margin: auto; }
  #feature-column .lp-gym .dl-gym-point {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .dl-gym-point {
        display: block; } }
    #feature-column .lp-gym .dl-gym-point dl {
      border: 1px solid #333;
      border-radius: 6px;
      padding: .8rem;
      width: 32%; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .dl-gym-point dl {
          width: 100%; } }
      #feature-column .lp-gym .dl-gym-point dl dt {
        border-bottom: 3px solid #FF7E15;
        font-size: 1.1rem;
        margin-bottom: .8rem;
        padding: 0 .3rem .3rem; }
  #feature-column .lp-gym .ranking {
    margin: 4rem auto; }
    #feature-column .lp-gym .ranking .main-ttl {
      background: #0a0a0a;
      color: #fff;
      padding: 1.5rem 4rem 1.5rem 5rem;
      margin-bottom: 1rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .ranking .main-ttl {
          padding: 1rem 1.5rem;
          margin-bottom: 0; } }
      #feature-column .lp-gym .ranking .main-ttl:before {
        content: '';
        display: inline-block;
        width: 50px;
        height: 39px;
        background-image: url(/img/lp/gym01/icon-rank.png);
        background-size: contain;
        margin-right: 1rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .main-ttl:before {
            width: 38px;
            height: 30px; } }
    #feature-column .lp-gym .ranking .rank-box p.name {
      padding-bottom: 0.5rem; }
      #feature-column .lp-gym .ranking .rank-box p.name img {
        display: inline-block;
        margin-right: 1rem;
        vertical-align: bottom; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .rank-box p.name img {
            width: 55px; } }
    #feature-column .lp-gym .ranking .rank-box .reviewbox {
      display: flex;
      justify-content: space-between; }
    #feature-column .lp-gym .ranking .rank-box p.review {
      padding-top: 0;
      padding-bottom: 0; }
      #feature-column .lp-gym .ranking .rank-box p.review img {
        display: inline-block;
        vertical-align: baseline; }
    #feature-column .lp-gym .ranking .rank-box p.cam {
      border: 1px solid #000;
      padding: 0.5rem 1rem; }
    #feature-column .lp-gym .ranking .rank-box p.banner img {
      margin: 0 auto; }
    #feature-column .lp-gym .ranking .rank-box dl.feature {
      border: solid 1px #00a448;
      margin-top: 1rem; }
      #feature-column .lp-gym .ranking .rank-box dl.feature dt {
        background: #00a448;
        color: #fff;
        padding: 0.5rem;
        font-size: 1.3em;
        font-weight: bold;
        text-align: center;
        letter-spacing: .05rem;
        margin-bottom: 1rem; }
      #feature-column .lp-gym .ranking .rank-box dl.feature dd {
        padding: 0rem 1.5rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .rank-box dl.feature dd {
            padding: 0 0 0 1rem; } }
      #feature-column .lp-gym .ranking .rank-box dl.feature dl {
        display: flex;
        flex-wrap: wrap;
        margin: auto; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .rank-box dl.feature dl {
            align-items: center; } }
        #feature-column .lp-gym .ranking .rank-box dl.feature dl dt {
          background: #e0e0e0;
          padding: 0rem 0.8rem;
          border-radius: 10px;
          font-size: 1rem;
          color: #333; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-gym .ranking .rank-box dl.feature dl dt {
              padding: 0.3rem 0.5rem;
              line-height: 2rem;
              font-size: 0.9rem; } }
        #feature-column .lp-gym .ranking .rank-box dl.feature dl dd {
          width: 82%; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-gym .ranking .rank-box dl.feature dl dd {
              margin-bottom: 0.5rem;
              width: 71%;
              line-height: 1.3rem;
              font-size: 0.9rem; } }
    #feature-column .lp-gym .ranking .rank-box ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      #feature-column .lp-gym .ranking .rank-box ul li {
        margin-right: 0.5rem; }
        #feature-column .lp-gym .ranking .rank-box ul li.bg-green, #feature-column .lp-gym .ranking .rank-box ul li.bg-orange, #feature-column .lp-gym .ranking .rank-box ul li.bg-blue, #feature-column .lp-gym .ranking .rank-box ul li.bg-pink {
          color: #fff;
          padding: 0.2rem 1rem;
          letter-spacing: .05rem;
          border-radius: 7px;
          display: block;
          margin-bottom: 0.5rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-gym .ranking .rank-box ul li.bg-green, #feature-column .lp-gym .ranking .rank-box ul li.bg-orange, #feature-column .lp-gym .ranking .rank-box ul li.bg-blue, #feature-column .lp-gym .ranking .rank-box ul li.bg-pink {
              padding: 0.2rem 0.5rem;
              margin: 0 0.3rem 0.3rem 0; } }
        #feature-column .lp-gym .ranking .rank-box ul li.bg-green {
          background: #00cb54; }
        #feature-column .lp-gym .ranking .rank-box ul li.bg-orange {
          background: #e87800; }
        #feature-column .lp-gym .ranking .rank-box ul li.bg-blue {
          background: #004ce1; }
        #feature-column .lp-gym .ranking .rank-box ul li.bg-pink {
          background: #ee2f84; }
    #feature-column .lp-gym .ranking .rank-box dl.sokyu dt {
      text-align: center;
      font-size: 1.3rem;
      font-weight: bold;
      background: #fef85b;
      padding: 0.2rem;
      letter-spacing: .05rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .ranking .rank-box dl.sokyu dt {
          font-size: 1.2rem; } }
    #feature-column .lp-gym .ranking .rank-box dl.sokyu dd {
      padding: 1rem;
      line-height: 1.6; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .ranking .rank-box dl.sokyu dd {
          padding: 1rem 0; } }
    #feature-column .lp-gym .ranking .rank-box table {
      border: none;
      margin-bottom: 2rem; }
      #feature-column .lp-gym .ranking .rank-box table th {
        background: #e77d1e;
        color: #fff;
        border: none;
        border-bottom: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .rank-box table th {
            border-bottom: 0;
            border-right: 3px solid #fff; } }
      #feature-column .lp-gym .ranking .rank-box table td {
        background: #fae5d2;
        border: none;
        border-bottom: 3px solid #fff; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .rank-box table td {
            border-bottom: 0;
            border-right: 3px solid #fff;
            text-align: center; } }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .ranking .rank-box table tr th:last-child, #feature-column .lp-gym .ranking .rank-box table tr td:last-child {
          border-right: 0; } }
    #feature-column .lp-gym .ranking .rank-box .couse .ttl {
      border-left: 10px solid #00a448;
      color: #0a0a0a;
      padding: 0 0.5rem !important;
      text-align: left;
      margin-bottom: 1rem;
      font-size: 1.3rem !important;
      font-weight: bold; }
    #feature-column .lp-gym .ranking .rank-box .couse dl {
      display: flex; }
      #feature-column .lp-gym .ranking .rank-box .couse dl dt {
        background: #e0e0e0;
        border-radius: 8px;
        padding: 0rem 1rem;
        margin-right: 0.5rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .rank-box .couse dl dt {
            padding: 0.3rem 0 0 0.4rem;
            line-height: 1.2rem; } }
    #feature-column .lp-gym .ranking .rank-box .kutikomi {
      border: solid 1px #0a0a0a;
      margin-bottom: 3rem; }
      #feature-column .lp-gym .ranking .rank-box .kutikomi .ttl {
        font-size: 1.3rem !important;
        background: #0a0a0a;
        color: #fff;
        text-align: center;
        font-weight: bold; }
      #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box {
        padding: 0rem 2rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box {
            padding: 0 1rem; } }
        #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box .flex {
          display: flex;
          justify-content: space-between; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box .flex {
              display: block; } }
        #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box p.age {
          font-size: 1.2rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box p.age {
              padding-bottom: 0; } }
          #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box p.age:before {
            content: '';
            display: inline-block;
            width: 29px;
            height: 30px;
            background-image: url(/img/lp/gym01/icon-kuti.png);
            background-size: contain;
            vertical-align: bottom;
            margin-right: 0.5rem; }
        #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box dl {
          display: flex; }
          #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box dl dt {
            background: #e77d1e;
            color: #fff;
            padding: 0.5rem 1rem; }
            @media only screen and (max-width: 767px) {
              #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box dl dt {
                padding: 0.5rem; } }
          #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box dl dd {
            background: #fae5d2;
            display: flex;
            padding: 0.5rem 1rem; }
            #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box dl dd img {
              margin-right: 0.5rem;
              width: 100px;
              height: 20px; }
              @media only screen and (max-width: 767px) {
                #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box dl dd img {
                  width: 70%; } }
        #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box table {
          margin: 0rem; }
          #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box table th {
            background: #535353;
            color: #fff;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            font-weight: normal; }
            @media only screen and (max-width: 767px) {
              #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box table th {
                font-size: 0.9rem; } }
            #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box table th.uchiwake {
              font-size: 1.4rem; }
              @media only screen and (max-width: 767px) {
                #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box table th.uchiwake {
                  font-size: 1rem; } }
          #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box table td {
            background: #e1e1e1;
            text-align: center;
            border-right: 1px solid #fff; }
        #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box .txt {
          border-bottom: 2px solid;
          font-weight: normal; }
      #feature-column .lp-gym .ranking .rank-box .kutikomi .kuti-box02 p.txt {
        border-bottom: 0; }
    #feature-column .lp-gym .ranking .rank-box .kutikomi.mb1 {
      margin-bottom: .5rem; }
    #feature-column .lp-gym .ranking .rank-box .text-caution {
      color: #666;
      padding: 0;
      text-align: right; }
    #feature-column .lp-gym .ranking .rank-box .information .ttl {
      background: #00a448;
      color: #fff;
      text-align: center;
      padding: 0.5rem;
      font-size: 1.3rem !important;
      font-weight: bold; }
    #feature-column .lp-gym .ranking .rank-box .information table {
      padding: 1rem 1rem 0rem;
      margin: auto; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .ranking .rank-box .information table {
          padding: 1rem 0 0; } }
      #feature-column .lp-gym .ranking .rank-box .information table th {
        background: #535353;
        color: #fff;
        border: 1px solid #ebebeb; }
        #feature-column .lp-gym .ranking .rank-box .information table th.weekday {
          background: #000259; }
        #feature-column .lp-gym .ranking .rank-box .information table th.holiday {
          background: #8a002a; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .rank-box .information table th {
            font-size: 0.9rem; } }
      #feature-column .lp-gym .ranking .rank-box .information table td {
        background: #fff;
        border: none;
        border: 1px solid #ebebeb !important;
        width: 80%;
        padding: 1rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-gym .ranking .rank-box .information table td {
            font-size: 0.9rem; } }
    #feature-column .lp-gym .ranking .rank-box .information .right {
      text-align: right;
      font-size: 1rem; }
  #feature-column .lp-gym .cv a {
    border-bottom: 8px solid #bc5105;
    border-radius: 30px;
    color: #fff;
    display: block;
    padding: 1.5rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    font-size: 2rem;
    background-image: linear-gradient(150deg, #f49324 40%, rgba(255, 107, 2, 0.94) 65%);
    color: #fff;
    text-decoration: none !important; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-gym .cv a {
        padding: 1rem 1rem 1.5rem; } }
    #feature-column .lp-gym .cv a::after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 13px solid #fff;
      border-right: 0;
      right: 27%;
      top: 40%; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-gym .cv a::after {
          right: 5%;
          top: 43%; } }
#feature-column .lp-gym.woman .title-gym {
  background: #D47979; }
  #feature-column .lp-gym.woman .title-gym::after {
    border-top-color: #D47979; }
#feature-column .lp-gym.woman .dl-gym-point dl dt {
  border-bottom: 3px solid #D47979; }
#feature-column .lp-gym.woman .ranking .main-ttl {
  background: #D47979; }
#feature-column .lp-gym.woman .ranking .rank-box dl.feature {
  border: solid 1px #D47979; }
  #feature-column .lp-gym.woman .ranking .rank-box dl.feature dt {
    background: #D47979; }
  #feature-column .lp-gym.woman .ranking .rank-box dl.feature dl dt {
    background: #F1F1F1; }
#feature-column .lp-gym.woman .ranking .rank-box dl.sokyu dt {
  background: #F1F1F1;
  border-bottom: 2px solid #D47979; }
#feature-column .lp-gym.woman .ranking .rank-box table th {
  background: #D47979; }
#feature-column .lp-gym.woman .ranking .rank-box table td {
  background: #fcf2f2; }
#feature-column .lp-gym.woman .ranking .rank-box .information table td {
  background: #fff; }
#feature-column .lp-gym.woman .ranking .rank-box li.bg-green {
  background: #fff;
  border: 1px solid #66c28f;
  color: #66c28f; }
#feature-column .lp-gym.woman .ranking .rank-box li.bg-orange {
  background: #fff;
  border: 1px solid #d48652;
  color: #d48652; }
#feature-column .lp-gym.woman .ranking .rank-box li.bg-blue {
  background: #fff;
  border: 1px solid #63abc6;
  color: #63abc6; }
#feature-column .lp-gym.woman .ranking .rank-box li.bg-pink {
  background: #fff;
  border: 1px solid #d6758c;
  color: #d6758c; }
#feature-column .lp-gym.woman .ranking .rank-box .couse .ttl {
  border-left: 10px solid #bbb; }
#feature-column .lp-gym.woman .ranking .rank-box .couse dl dt {
  background: #F1F1F1; }
#feature-column .lp-gym.woman .ranking .rank-box .kutikomi {
  border: solid 1px #bbb; }
  #feature-column .lp-gym.woman .ranking .rank-box .kutikomi .ttl {
    background: #bbb; }
  #feature-column .lp-gym.woman .ranking .rank-box .kutikomi .kuti-box dl dt {
    background: #D47979; }
  #feature-column .lp-gym.woman .ranking .rank-box .kutikomi .kuti-box dl dd {
    background: #fcf2f2; }
  #feature-column .lp-gym.woman .ranking .rank-box .kutikomi .kuti-box table {
    border-left: 1px solid #ddd; }
  #feature-column .lp-gym.woman .ranking .rank-box .kutikomi .kuti-box table th {
    background: #F1F1F1;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    color: #0a0a0a; }
  #feature-column .lp-gym.woman .ranking .rank-box .kutikomi .kuti-box table td {
    background: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
#feature-column .lp-gym.woman .ranking .rank-box .information .ttl {
  background: #bbb; }
#feature-column .lp-gym.woman .cv a {
  border-bottom: 8px solid #c63456;
  background-image: linear-gradient(150deg, #ee8383 40%, #ef6666 65%); }

.box-tab-gym .tab {
  justify-content: space-around;
  margin-top: .5rem; }
  .box-tab-gym .tab li {
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    font-size: 1rem;
    min-height: 3rem;
    width: 48%; }
    @media only screen and (max-width: 767px) {
      .box-tab-gym .tab li {
        font-size: .9rem; } }
    .box-tab-gym .tab li a {
      color: #000; }

.box-tab-gym.gym02 {
  border-bottom: 4px solid #0E0C0D; }
  .box-tab-gym.gym02 .tab li {
    border: 3px solid #0E0C0D; }
  .box-tab-gym.gym02 .tab .active {
    background: #0E0C0D; }

.box-tab-gym.gym03 {
  border-bottom: 4px solid #DD9C9C; }
  .box-tab-gym.gym03 .tab li {
    border: 3px solid #DD9C9C; }
  .box-tab-gym.gym03 .tab .active {
    background: #DD9C9C; }

.box-tab-gym.gym04 {
  border-bottom: 4px solid #529E20; }
  .box-tab-gym.gym04 .tab li {
    border: 3px solid #529E20; }
  .box-tab-gym.gym04 .tab .active {
    background: #529E20; }

@media only screen and (max-width: 767px) {
  #feature-column article .lp-gym01.lp-gym .mainvisual,
  #feature-column article .lp-gym02.lp-gym .mainvisual,
  #feature-column article .lp-gym03.lp-gym .mainvisual,
  #feature-column article .lp-gym04.lp-gym .mainvisual {
    margin: 0 -1rem; } }
#feature-column article .lp-gym01.lp-gym .btn,
#feature-column article .lp-gym02.lp-gym .btn,
#feature-column article .lp-gym03.lp-gym .btn,
#feature-column article .lp-gym04.lp-gym .btn {
  margin: auto;
  width: 60%; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .btn,
    #feature-column article .lp-gym02.lp-gym .btn,
    #feature-column article .lp-gym03.lp-gym .btn,
    #feature-column article .lp-gym04.lp-gym .btn {
      width: 90%; } }
#feature-column article .lp-gym01.lp-gym h2,
#feature-column article .lp-gym02.lp-gym h2,
#feature-column article .lp-gym03.lp-gym h2,
#feature-column article .lp-gym04.lp-gym h2 {
  border-bottom: 5px solid #222;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym h2,
    #feature-column article .lp-gym02.lp-gym h2,
    #feature-column article .lp-gym03.lp-gym h2,
    #feature-column article .lp-gym04.lp-gym h2 {
      margin: 1rem 0; } }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym h2 .txt-big,
    #feature-column article .lp-gym02.lp-gym h2 .txt-big,
    #feature-column article .lp-gym03.lp-gym h2 .txt-big,
    #feature-column article .lp-gym04.lp-gym h2 .txt-big {
      font-size: 1.1rem; } }
  #feature-column article .lp-gym01.lp-gym h2 .txt-brown,
  #feature-column article .lp-gym02.lp-gym h2 .txt-brown,
  #feature-column article .lp-gym03.lp-gym h2 .txt-brown,
  #feature-column article .lp-gym04.lp-gym h2 .txt-brown {
    background: #D59E0D;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    margin-bottom: .3rem;
    padding: .1rem .8rem; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym h2 .txt-brown,
      #feature-column article .lp-gym02.lp-gym h2 .txt-brown,
      #feature-column article .lp-gym03.lp-gym h2 .txt-brown,
      #feature-column article .lp-gym04.lp-gym h2 .txt-brown {
        font-size: .8rem;
        margin-bottom: 0; } }
#feature-column article .lp-gym01.lp-gym .tab li,
#feature-column article .lp-gym02.lp-gym .tab li,
#feature-column article .lp-gym03.lp-gym .tab li,
#feature-column article .lp-gym04.lp-gym .tab li {
  border: 2px solid #000;
  border-radius: 10px 10px 0 0;
  font-size: 1.1rem;
  min-height: 4.5rem;
  padding: .5rem 2rem; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .tab li,
    #feature-column article .lp-gym02.lp-gym .tab li,
    #feature-column article .lp-gym03.lp-gym .tab li,
    #feature-column article .lp-gym04.lp-gym .tab li {
      font-size: .8rem;
      min-height: 3rem;
      padding: .5rem; } }
@media only screen and (max-width: 767px) {
  #feature-column article .lp-gym01.lp-gym .inner,
  #feature-column article .lp-gym02.lp-gym .inner,
  #feature-column article .lp-gym03.lp-gym .inner,
  #feature-column article .lp-gym04.lp-gym .inner {
    padding: 0; } }
#feature-column article .lp-gym01.lp-gym .img-w100,
#feature-column article .lp-gym02.lp-gym .img-w100,
#feature-column article .lp-gym03.lp-gym .img-w100,
#feature-column article .lp-gym04.lp-gym .img-w100 {
  height: auto;
  width: 100%; }
#feature-column article .lp-gym01.lp-gym .underline,
#feature-column article .lp-gym02.lp-gym .underline,
#feature-column article .lp-gym03.lp-gym .underline,
#feature-column article .lp-gym04.lp-gym .underline {
  border-bottom: 2px dotted #585858;
  line-height: 1.6; }
#feature-column article .lp-gym01.lp-gym .contents01 .title-01,
#feature-column article .lp-gym02.lp-gym .contents01 .title-01,
#feature-column article .lp-gym03.lp-gym .contents01 .title-01,
#feature-column article .lp-gym04.lp-gym .contents01 .title-01 {
  margin: 0.6rem auto;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents01 .title-01,
    #feature-column article .lp-gym02.lp-gym .contents01 .title-01,
    #feature-column article .lp-gym03.lp-gym .contents01 .title-01,
    #feature-column article .lp-gym04.lp-gym .contents01 .title-01 {
      width: 100%; } }
#feature-column article .lp-gym01.lp-gym .contents01 .txt-top,
#feature-column article .lp-gym02.lp-gym .contents01 .txt-top,
#feature-column article .lp-gym03.lp-gym .contents01 .txt-top,
#feature-column article .lp-gym04.lp-gym .contents01 .txt-top {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents01 .txt-top,
    #feature-column article .lp-gym02.lp-gym .contents01 .txt-top,
    #feature-column article .lp-gym03.lp-gym .contents01 .txt-top,
    #feature-column article .lp-gym04.lp-gym .contents01 .txt-top {
      font-size: 1rem; } }
#feature-column article .lp-gym01.lp-gym .contents01 .list,
#feature-column article .lp-gym02.lp-gym .contents01 .list,
#feature-column article .lp-gym03.lp-gym .contents01 .list,
#feature-column article .lp-gym04.lp-gym .contents01 .list {
  border: 5px solid #F39627;
  margin: 3rem 0;
  padding: 2rem; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents01 .list,
    #feature-column article .lp-gym02.lp-gym .contents01 .list,
    #feature-column article .lp-gym03.lp-gym .contents01 .list,
    #feature-column article .lp-gym04.lp-gym .contents01 .list {
      border: 3px solid #F39627;
      margin: 1.5rem 0;
      padding: 1rem; } }
  #feature-column article .lp-gym01.lp-gym .contents01 .list li,
  #feature-column article .lp-gym02.lp-gym .contents01 .list li,
  #feature-column article .lp-gym03.lp-gym .contents01 .list li,
  #feature-column article .lp-gym04.lp-gym .contents01 .list li {
    background: url(/img/lp/gym01/icon-check.png) left center no-repeat;
    background-size: 30px;
    font-size: 1.1rem;
    line-height: 1.5;
    margin-bottom: 1rem;
    padding-left: 3rem; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym .contents01 .list li,
      #feature-column article .lp-gym02.lp-gym .contents01 .list li,
      #feature-column article .lp-gym03.lp-gym .contents01 .list li,
      #feature-column article .lp-gym04.lp-gym .contents01 .list li {
        background: url(/img/lp/gym01/icon-check.png) left0 0.1rem no-repeat;
        background-size: 20px;
        font-size: .9rem;
        margin-bottom: .6rem;
        padding-left: 2rem; } }
    #feature-column article .lp-gym01.lp-gym .contents01 .list li:last-child,
    #feature-column article .lp-gym02.lp-gym .contents01 .list li:last-child,
    #feature-column article .lp-gym03.lp-gym .contents01 .list li:last-child,
    #feature-column article .lp-gym04.lp-gym .contents01 .list li:last-child {
      margin-bottom: 0; }
#feature-column article .lp-gym01.lp-gym .contents02 .txt-top,
#feature-column article .lp-gym02.lp-gym .contents02 .txt-top,
#feature-column article .lp-gym03.lp-gym .contents02 .txt-top,
#feature-column article .lp-gym04.lp-gym .contents02 .txt-top {
  font-size: 1.4rem;
  line-height: 1.5;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents02 .txt-top,
    #feature-column article .lp-gym02.lp-gym .contents02 .txt-top,
    #feature-column article .lp-gym03.lp-gym .contents02 .txt-top,
    #feature-column article .lp-gym04.lp-gym .contents02 .txt-top {
      font-size: 1rem; } }
#feature-column article .lp-gym01.lp-gym .contents02 .ttl-plan,
#feature-column article .lp-gym02.lp-gym .contents02 .ttl-plan,
#feature-column article .lp-gym03.lp-gym .contents02 .ttl-plan,
#feature-column article .lp-gym04.lp-gym .contents02 .ttl-plan {
  background: #222;
  color: #fff;
  margin: 2rem auto 0;
  padding: .3rem 1rem;
  text-align: center;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents02 .ttl-plan,
    #feature-column article .lp-gym02.lp-gym .contents02 .ttl-plan,
    #feature-column article .lp-gym03.lp-gym .contents02 .ttl-plan,
    #feature-column article .lp-gym04.lp-gym .contents02 .ttl-plan {
      font-size: .8rem;
      margin: 1rem auto 0;
      width: 100%; } }
#feature-column article .lp-gym01.lp-gym .contents02 .img-plan,
#feature-column article .lp-gym02.lp-gym .contents02 .img-plan,
#feature-column article .lp-gym03.lp-gym .contents02 .img-plan,
#feature-column article .lp-gym04.lp-gym .contents02 .img-plan {
  border-bottom: 1px solid #C1C1C1;
  border-top: 1px solid #C1C1C1;
  margin: 0 auto 2rem;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents02 .img-plan,
    #feature-column article .lp-gym02.lp-gym .contents02 .img-plan,
    #feature-column article .lp-gym03.lp-gym .contents02 .img-plan,
    #feature-column article .lp-gym04.lp-gym .contents02 .img-plan {
      width: 100%; } }
#feature-column article .lp-gym01.lp-gym .contents02 .img-plan2,
#feature-column article .lp-gym02.lp-gym .contents02 .img-plan2,
#feature-column article .lp-gym03.lp-gym .contents02 .img-plan2,
#feature-column article .lp-gym04.lp-gym .contents02 .img-plan2 {
  margin: 2rem auto;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents02 .img-plan2,
    #feature-column article .lp-gym02.lp-gym .contents02 .img-plan2,
    #feature-column article .lp-gym03.lp-gym .contents02 .img-plan2,
    #feature-column article .lp-gym04.lp-gym .contents02 .img-plan2 {
      width: 100%; } }
#feature-column article .lp-gym01.lp-gym .contents03 .list-flow,
#feature-column article .lp-gym02.lp-gym .contents03 .list-flow,
#feature-column article .lp-gym03.lp-gym .contents03 .list-flow,
#feature-column article .lp-gym04.lp-gym .contents03 .list-flow {
  background: #FCE3C3;
  margin: 2rem 0;
  padding: 2rem; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents03 .list-flow,
    #feature-column article .lp-gym02.lp-gym .contents03 .list-flow,
    #feature-column article .lp-gym03.lp-gym .contents03 .list-flow,
    #feature-column article .lp-gym04.lp-gym .contents03 .list-flow {
      margin: 1rem 0;
      padding: .6rem; } }
  #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li,
  #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li,
  #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li,
  #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li {
    background: #fff;
    border: 2px solid #F39627;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
    padding: 1.5rem; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li,
      #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li,
      #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li,
      #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li {
        margin-bottom: .6rem;
        padding: .8rem; } }
    #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li:last-child,
    #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li:last-child,
    #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li:last-child,
    #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li:last-child {
      margin-bottom: 0; }
    #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li span,
    #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li span,
    #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li span,
    #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li span {
      color: #F39627;
      font-size: 2rem;
      width: 10%; }
      @media only screen and (max-width: 767px) {
        #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li span,
        #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li span,
        #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li span,
        #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li span {
          font-size: 1.3rem;
          width: 15%; } }
    #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li dl,
    #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li dl,
    #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li dl,
    #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li dl {
      margin: 0;
      width: 90%; }
      @media only screen and (max-width: 767px) {
        #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li dl,
        #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li dl,
        #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li dl,
        #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li dl {
          width: 85%; } }
    #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li dt,
    #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li dt,
    #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li dt,
    #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li dt {
      font-size: 1.2rem;
      margin-bottom: .5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li dt,
        #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li dt,
        #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li dt,
        #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li dt {
          font-size: .9rem;
          margin-bottom: .3rem; } }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym .contents03 .list-flow li dd,
      #feature-column article .lp-gym02.lp-gym .contents03 .list-flow li dd,
      #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li dd,
      #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li dd {
        font-size: .8rem; } }
#feature-column article .lp-gym01.lp-gym .contents04 .list-review,
#feature-column article .lp-gym02.lp-gym .contents04 .list-review,
#feature-column article .lp-gym03.lp-gym .contents04 .list-review,
#feature-column article .lp-gym04.lp-gym .contents04 .list-review {
  margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents04 .list-review,
    #feature-column article .lp-gym02.lp-gym .contents04 .list-review,
    #feature-column article .lp-gym03.lp-gym .contents04 .list-review,
    #feature-column article .lp-gym04.lp-gym .contents04 .list-review {
      margin: 1rem auto; } }
  #feature-column article .lp-gym01.lp-gym .contents04 .list-review img,
  #feature-column article .lp-gym02.lp-gym .contents04 .list-review img,
  #feature-column article .lp-gym03.lp-gym .contents04 .list-review img,
  #feature-column article .lp-gym04.lp-gym .contents04 .list-review img {
    margin: 2rem auto; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym .contents04 .list-review img,
      #feature-column article .lp-gym02.lp-gym .contents04 .list-review img,
      #feature-column article .lp-gym03.lp-gym .contents04 .list-review img,
      #feature-column article .lp-gym04.lp-gym .contents04 .list-review img {
        margin: 1rem auto; } }
#feature-column article .lp-gym01.lp-gym .contents05 .store-list,
#feature-column article .lp-gym02.lp-gym .contents05 .store-list,
#feature-column article .lp-gym03.lp-gym .contents05 .store-list,
#feature-column article .lp-gym04.lp-gym .contents05 .store-list {
  margin: 2rem auto;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .contents05 .store-list,
    #feature-column article .lp-gym02.lp-gym .contents05 .store-list,
    #feature-column article .lp-gym03.lp-gym .contents05 .store-list,
    #feature-column article .lp-gym04.lp-gym .contents05 .store-list {
      margin: 1rem auto;
      width: 100%; } }
  #feature-column article .lp-gym01.lp-gym .contents05 .store-list dt,
  #feature-column article .lp-gym02.lp-gym .contents05 .store-list dt,
  #feature-column article .lp-gym03.lp-gym .contents05 .store-list dt,
  #feature-column article .lp-gym04.lp-gym .contents05 .store-list dt {
    margin-bottom: .5rem; }
    #feature-column article .lp-gym01.lp-gym .contents05 .store-list dt span,
    #feature-column article .lp-gym02.lp-gym .contents05 .store-list dt span,
    #feature-column article .lp-gym03.lp-gym .contents05 .store-list dt span,
    #feature-column article .lp-gym04.lp-gym .contents05 .store-list dt span {
      color: #d5d5d5; }
  #feature-column article .lp-gym01.lp-gym .contents05 .store-list dd,
  #feature-column article .lp-gym02.lp-gym .contents05 .store-list dd,
  #feature-column article .lp-gym03.lp-gym .contents05 .store-list dd,
  #feature-column article .lp-gym04.lp-gym .contents05 .store-list dd {
    font-weight: normal;
    line-height: 1.8;
    margin-bottom: 1.5rem;
    margin-left: 1.3rem; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym .contents05 .store-list dd,
      #feature-column article .lp-gym02.lp-gym .contents05 .store-list dd,
      #feature-column article .lp-gym03.lp-gym .contents05 .store-list dd,
      #feature-column article .lp-gym04.lp-gym .contents05 .store-list dd {
        font-size: .9rem; } }
#feature-column article .lp-gym01.lp-gym .rank-box,
#feature-column article .lp-gym02.lp-gym .rank-box,
#feature-column article .lp-gym03.lp-gym .rank-box,
#feature-column article .lp-gym04.lp-gym .rank-box {
  margin-bottom: 4rem; }
#feature-column article .lp-gym01.lp-gym .table-gym-ranking .cv,
#feature-column article .lp-gym02.lp-gym .table-gym-ranking .cv,
#feature-column article .lp-gym03.lp-gym .table-gym-ranking .cv,
#feature-column article .lp-gym04.lp-gym .table-gym-ranking .cv {
  margin: 0 auto; }
#feature-column article .lp-gym01.lp-gym .cv,
#feature-column article .lp-gym02.lp-gym .cv,
#feature-column article .lp-gym03.lp-gym .cv,
#feature-column article .lp-gym04.lp-gym .cv {
  margin: 2rem auto;
  overflow: hidden;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .cv,
    #feature-column article .lp-gym02.lp-gym .cv,
    #feature-column article .lp-gym03.lp-gym .cv,
    #feature-column article .lp-gym04.lp-gym .cv {
      margin: 1rem 0;
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .cv a,
    #feature-column article .lp-gym02.lp-gym .cv a,
    #feature-column article .lp-gym03.lp-gym .cv a,
    #feature-column article .lp-gym04.lp-gym .cv a {
      border-radius: 10px;
      border-bottom: 5px solid #bc5105;
      font-size: 1rem;
      padding: 0.8rem; } }
  #feature-column article .lp-gym01.lp-gym .cv a::before,
  #feature-column article .lp-gym02.lp-gym .cv a::before,
  #feature-column article .lp-gym03.lp-gym .cv a::before,
  #feature-column article .lp-gym04.lp-gym .cv a::before {
    animation: shiny-btn1 3s ease-in-out infinite;
    background-color: #fff;
    content: '';
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -180px;
    width: 30px; }
  #feature-column article .lp-gym01.lp-gym .cv a::after,
  #feature-column article .lp-gym02.lp-gym .cv a::after,
  #feature-column article .lp-gym03.lp-gym .cv a::after,
  #feature-column article .lp-gym04.lp-gym .cv a::after {
    display: none; }
@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
#feature-column article .lp-gym01.lp-gym .rizap .cv a,
#feature-column article .lp-gym02.lp-gym .rizap .cv a,
#feature-column article .lp-gym03.lp-gym .rizap .cv a,
#feature-column article .lp-gym04.lp-gym .rizap .cv a {
  background: #0E0C0D;
  border-bottom: 8px solid #D3B673;
  color: #D3B673; }
#feature-column article .lp-gym01.lp-gym .rizap .contents01 .list,
#feature-column article .lp-gym02.lp-gym .rizap .contents01 .list,
#feature-column article .lp-gym03.lp-gym .rizap .contents01 .list,
#feature-column article .lp-gym04.lp-gym .rizap .contents01 .list {
  border: 5px solid #D3B673; }
  #feature-column article .lp-gym01.lp-gym .rizap .contents01 .list li,
  #feature-column article .lp-gym02.lp-gym .rizap .contents01 .list li,
  #feature-column article .lp-gym03.lp-gym .rizap .contents01 .list li,
  #feature-column article .lp-gym04.lp-gym .rizap .contents01 .list li {
    background: url(/img/lp/gym02/icon-check.png) left center no-repeat;
    background-size: 30px; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym .rizap .contents01 .list li,
      #feature-column article .lp-gym02.lp-gym .rizap .contents01 .list li,
      #feature-column article .lp-gym03.lp-gym .rizap .contents01 .list li,
      #feature-column article .lp-gym04.lp-gym .rizap .contents01 .list li {
        background: url(/img/lp/gym02/icon-check.png) left 0.2rem no-repeat;
        background-size: 20px; } }
#feature-column article .lp-gym01.lp-gym .rizap .contents02 .txt-top,
#feature-column article .lp-gym02.lp-gym .rizap .contents02 .txt-top,
#feature-column article .lp-gym03.lp-gym .rizap .contents02 .txt-top,
#feature-column article .lp-gym04.lp-gym .rizap .contents02 .txt-top {
  margin: 2rem 0; }
#feature-column article .lp-gym01.lp-gym .rizap .contents02 .img-plan,
#feature-column article .lp-gym02.lp-gym .rizap .contents02 .img-plan,
#feature-column article .lp-gym03.lp-gym .rizap .contents02 .img-plan,
#feature-column article .lp-gym04.lp-gym .rizap .contents02 .img-plan {
  margin: 2rem auto; }
#feature-column article .lp-gym01.lp-gym .rizap .contents02 .box-refund,
#feature-column article .lp-gym02.lp-gym .rizap .contents02 .box-refund,
#feature-column article .lp-gym03.lp-gym .rizap .contents02 .box-refund,
#feature-column article .lp-gym04.lp-gym .rizap .contents02 .box-refund {
  background: #F5EADE;
  margin: 2rem auto;
  padding: 1.5rem;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .rizap .contents02 .box-refund,
    #feature-column article .lp-gym02.lp-gym .rizap .contents02 .box-refund,
    #feature-column article .lp-gym03.lp-gym .rizap .contents02 .box-refund,
    #feature-column article .lp-gym04.lp-gym .rizap .contents02 .box-refund {
      margin: 1rem 0;
      padding: .5rem 1rem;
      width: 100%; } }
  #feature-column article .lp-gym01.lp-gym .rizap .contents02 .box-refund dt,
  #feature-column article .lp-gym02.lp-gym .rizap .contents02 .box-refund dt,
  #feature-column article .lp-gym03.lp-gym .rizap .contents02 .box-refund dt,
  #feature-column article .lp-gym04.lp-gym .rizap .contents02 .box-refund dt {
    font-size: 1.3rem;
    margin-bottom: 1rem;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym .rizap .contents02 .box-refund dt,
      #feature-column article .lp-gym02.lp-gym .rizap .contents02 .box-refund dt,
      #feature-column article .lp-gym03.lp-gym .rizap .contents02 .box-refund dt,
      #feature-column article .lp-gym04.lp-gym .rizap .contents02 .box-refund dt {
        font-size: 1.1rem;
        margin-bottom: .5rem; } }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .rizap .contents02 .box-refund dd p,
    #feature-column article .lp-gym02.lp-gym .rizap .contents02 .box-refund dd p,
    #feature-column article .lp-gym03.lp-gym .rizap .contents02 .box-refund dd p,
    #feature-column article .lp-gym04.lp-gym .rizap .contents02 .box-refund dd p {
      font-size: 0.8rem !important; } }
#feature-column article .lp-gym01.lp-gym .rizap .contents03 .list-flow,
#feature-column article .lp-gym02.lp-gym .rizap .contents03 .list-flow,
#feature-column article .lp-gym03.lp-gym .rizap .contents03 .list-flow,
#feature-column article .lp-gym04.lp-gym .rizap .contents03 .list-flow {
  background: #f7f1e3; }
  #feature-column article .lp-gym01.lp-gym .rizap .contents03 .list-flow li,
  #feature-column article .lp-gym02.lp-gym .rizap .contents03 .list-flow li,
  #feature-column article .lp-gym03.lp-gym .rizap .contents03 .list-flow li,
  #feature-column article .lp-gym04.lp-gym .rizap .contents03 .list-flow li {
    border: 2px solid #D39A00; }
    #feature-column article .lp-gym01.lp-gym .rizap .contents03 .list-flow li span,
    #feature-column article .lp-gym02.lp-gym .rizap .contents03 .list-flow li span,
    #feature-column article .lp-gym03.lp-gym .rizap .contents03 .list-flow li span,
    #feature-column article .lp-gym04.lp-gym .rizap .contents03 .list-flow li span {
      color: #D39A00; }
  #feature-column article .lp-gym01.lp-gym .rizap .contents03 .list-flow .text-large,
  #feature-column article .lp-gym02.lp-gym .rizap .contents03 .list-flow .text-large,
  #feature-column article .lp-gym03.lp-gym .rizap .contents03 .list-flow .text-large,
  #feature-column article .lp-gym04.lp-gym .rizap .contents03 .list-flow .text-large {
    font-size: 1.8rem;
    line-height: 1.5; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym .rizap .contents03 .list-flow .text-large,
      #feature-column article .lp-gym02.lp-gym .rizap .contents03 .list-flow .text-large,
      #feature-column article .lp-gym03.lp-gym .rizap .contents03 .list-flow .text-large,
      #feature-column article .lp-gym04.lp-gym .rizap .contents03 .list-flow .text-large {
        font-size: 1.3rem; } }
#feature-column article .lp-gym01.lp-gym .rizap .contents04 .list-review,
#feature-column article .lp-gym02.lp-gym .rizap .contents04 .list-review,
#feature-column article .lp-gym03.lp-gym .rizap .contents04 .list-review,
#feature-column article .lp-gym04.lp-gym .rizap .contents04 .list-review {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym01.lp-gym .rizap .contents04 .list-review,
    #feature-column article .lp-gym02.lp-gym .rizap .contents04 .list-review,
    #feature-column article .lp-gym03.lp-gym .rizap .contents04 .list-review,
    #feature-column article .lp-gym04.lp-gym .rizap .contents04 .list-review {
      display: inherit; } }
  #feature-column article .lp-gym01.lp-gym .rizap .contents04 .list-review li,
  #feature-column article .lp-gym02.lp-gym .rizap .contents04 .list-review li,
  #feature-column article .lp-gym03.lp-gym .rizap .contents04 .list-review li,
  #feature-column article .lp-gym04.lp-gym .rizap .contents04 .list-review li {
    width: 48%; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym01.lp-gym .rizap .contents04 .list-review li,
      #feature-column article .lp-gym02.lp-gym .rizap .contents04 .list-review li,
      #feature-column article .lp-gym03.lp-gym .rizap .contents04 .list-review li,
      #feature-column article .lp-gym04.lp-gym .rizap .contents04 .list-review li {
        margin: auto;
        width: 80%; } }
    #feature-column article .lp-gym01.lp-gym .rizap .contents04 .list-review li img,
    #feature-column article .lp-gym02.lp-gym .rizap .contents04 .list-review li img,
    #feature-column article .lp-gym03.lp-gym .rizap .contents04 .list-review li img,
    #feature-column article .lp-gym04.lp-gym .rizap .contents04 .list-review li img {
      margin: 1rem auto; }
#feature-column article .lp-gym03.lp-gym .cv a {
  border-bottom: 8px solid #995f5f;
  background-image: linear-gradient(150deg, #DD9C9C 40%, #df7a7a 65%); }
#feature-column article .lp-gym03.lp-gym .contents01 .list {
  border: 5px solid #DD9C9C; }
  #feature-column article .lp-gym03.lp-gym .contents01 .list li {
    background: url(/img/lp/gym03/icon-check.png) left center no-repeat;
    background-size: 30px; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym03.lp-gym .contents01 .list li {
        background: url(/img/lp/gym03/icon-check.png) left center no-repeat;
        background-size: 20px; } }
#feature-column article .lp-gym03.lp-gym .box-service {
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px #ccc;
  margin: 2rem auto;
  padding: 1.5rem;
  width: 80%; }
  #feature-column article .lp-gym03.lp-gym .box-service dt {
    color: #DD9C9C;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    text-align: center; }
    #feature-column article .lp-gym03.lp-gym .box-service dt span {
      border-bottom: 1px dashed #DD9C9C; }
  #feature-column article .lp-gym03.lp-gym .box-service li {
    margin-bottom: .5rem;
    padding-left: 1rem;
    position: relative; }
    #feature-column article .lp-gym03.lp-gym .box-service li::before {
      background: #DD9C9C;
      border-radius: 50%;
      content: "";
      display: block;
      height: 5px;
      left: 0;
      position: absolute;
      top: 0.6em;
      width: 5px; }
    #feature-column article .lp-gym03.lp-gym .box-service li:last-child {
      margin-bottom: 0; }
  #feature-column article .lp-gym03.lp-gym .box-service .ttl-pay {
    margin-bottom: 0.5rem; }
#feature-column article .lp-gym03.lp-gym .contents03 .list-flow {
  background: #F6F4EF; }
  #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li {
    border: 2px solid #DD9C9C; }
    #feature-column article .lp-gym03.lp-gym .contents03 .list-flow li span {
      color: #DD9C9C; }
#feature-column article .lp-gym03.lp-gym .contents04 .list-review {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym03.lp-gym .contents04 .list-review {
      display: inherit; } }
  #feature-column article .lp-gym03.lp-gym .contents04 .list-review li {
    width: 48%; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym03.lp-gym .contents04 .list-review li {
        margin: auto;
        width: 80%; } }
#feature-column article .lp-gym04.lp-gym .cv a {
  border-bottom: 8px solid #009A00;
  background-image: linear-gradient(150deg, #00B800 40%, #529E20 65%); }
#feature-column article .lp-gym04.lp-gym .contents01 .list {
  border: 5px solid #529E20; }
  #feature-column article .lp-gym04.lp-gym .contents01 .list li {
    background: url(/img/lp/gym04/icon-check.png) left center no-repeat;
    background-size: 30px; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym04.lp-gym .contents01 .list li {
        background: url(/img/lp/gym04/icon-check.png) left center no-repeat;
        background-size: 20px; } }
#feature-column article .lp-gym04.lp-gym .box-service {
  border: 1px solid #ddd;
  box-shadow: 0 2px 5px #ccc;
  margin: 2rem auto;
  padding: 1.5rem;
  width: 80%; }
  #feature-column article .lp-gym04.lp-gym .box-service dt {
    color: #529E20;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    text-align: center; }
    #feature-column article .lp-gym04.lp-gym .box-service dt span {
      border-bottom: 1px dashed #529E20; }
  #feature-column article .lp-gym04.lp-gym .box-service li {
    margin-bottom: .5rem;
    padding-left: 1rem;
    position: relative; }
    #feature-column article .lp-gym04.lp-gym .box-service li::before {
      background: #529E20;
      border-radius: 50%;
      content: "";
      display: block;
      height: 5px;
      left: 0;
      position: absolute;
      top: 0.6em;
      width: 5px; }
    #feature-column article .lp-gym04.lp-gym .box-service li:last-child {
      margin-bottom: 0; }
  #feature-column article .lp-gym04.lp-gym .box-service .ttl-pay {
    margin-bottom: 0.5rem; }
#feature-column article .lp-gym04.lp-gym .contents02 .list-plan {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  width: 80%; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym04.lp-gym .contents02 .list-plan {
      display: inherit;
      width: 100%; } }
  #feature-column article .lp-gym04.lp-gym .contents02 .list-plan li {
    width: 49%; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym04.lp-gym .contents02 .list-plan li {
        margin: auto;
        width: 80%; } }
#feature-column article .lp-gym04.lp-gym .contents03 .list-flow {
  background: #F6F4EF; }
  #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li {
    border: 2px solid #529E20; }
    #feature-column article .lp-gym04.lp-gym .contents03 .list-flow li span {
      color: #529E20; }
#feature-column article .lp-gym04.lp-gym .contents04 .list-review {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media only screen and (max-width: 767px) {
    #feature-column article .lp-gym04.lp-gym .contents04 .list-review {
      display: inherit; } }
  #feature-column article .lp-gym04.lp-gym .contents04 .list-review li {
    width: 48%; }
    @media only screen and (max-width: 767px) {
      #feature-column article .lp-gym04.lp-gym .contents04 .list-review li {
        margin: auto;
        width: 80%; } }

/* ＠記事LP（feature column）債務整理アンケートLP（１枚もんLP）
----------------------------------------------------------------------------------------------*/
#feature-column .lp-questionnaire-01 p {
  padding: 0px !important; }
#feature-column .lp-questionnaire-01 .main-box {
  border: solid #f67a00;
  border-radius: 15px;
  padding: 2rem;
  font-weight: bold;
  margin: 2rem auto; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-questionnaire-01 .main-box {
      padding: 1rem;
      margin: 1rem auto 0.5rem; } }
  #feature-column .lp-questionnaire-01 .main-box .q-box {
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-questionnaire-01 .main-box .q-box {
        margin-bottom: 1.5rem; } }
    #feature-column .lp-questionnaire-01 .main-box .q-box .number {
      background: #f67a00;
      border-radius: 15px;
      text-align: center;
      color: #fff;
      width: 80px;
      margin-bottom: 0.5rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-questionnaire-01 .main-box .q-box .number {
          font-size: 1rem; } }
    #feature-column .lp-questionnaire-01 .main-box .q-box .q-txt {
      font-size: 1.2rem; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-questionnaire-01 .main-box .q-box .q-txt {
          line-height: 1.3;
          margin-bottom: 0.5rem;
          font-size: 1rem; } }
    #feature-column .lp-questionnaire-01 .main-box .q-box .checkbox {
      display: flex;
      flex-wrap: wrap;
      color: #4f4f4f; }
      #feature-column .lp-questionnaire-01 .main-box .q-box .checkbox div {
        display: flex;
        align-items: center;
        flex-basis: 45%;
        font-size: 1.3rem;
        margin-bottom: 0.5rem; }
        @media only screen and (max-width: 767px) {
          #feature-column .lp-questionnaire-01 .main-box .q-box .checkbox div {
            flex-basis: 49%;
            font-size: 1.1rem; } }
        #feature-column .lp-questionnaire-01 .main-box .q-box .checkbox div input {
          width: 15px;
          height: 15px;
          -moz-transform: scale(1.4);
          -webkit-transform: scale(1.4);
          transform: scale(1.4);
          margin-right: 0.8rem; }
          @media only screen and (max-width: 767px) {
            #feature-column .lp-questionnaire-01 .main-box .q-box .checkbox div input {
              margin-right: 0.4rem; } }
  #feature-column .lp-questionnaire-01 .main-box .txt {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.3; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-questionnaire-01 .main-box .txt {
        font-size: 1.3rem; } }
#feature-column .lp-questionnaire-01 .triangle {
  width: 0;
  height: 0;
  border-left: 65px solid transparent;
  border-right: 65px solid transparent;
  border-top: 45px solid #f67a00;
  margin: auto; }
#feature-column .lp-questionnaire-01 .shindan {
  color: #f67a00;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: .1rem;
  text-align: center;
  line-height: 1.2;
  margin: 1rem auto;
  position: relative; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-questionnaire-01 .shindan {
      font-size: 1.4rem; } }
  #feature-column .lp-questionnaire-01 .shindan:before, #feature-column .lp-questionnaire-01 .shindan:after {
    position: absolute;
    top: 1.2rem;
    height: 3.8rem;
    content: ''; }
  #feature-column .lp-questionnaire-01 .shindan:before {
    border-left: solid 2px;
    left: 20%;
    transform: rotate(-45deg); }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-questionnaire-01 .shindan:before {
        left: 8%; } }
  #feature-column .lp-questionnaire-01 .shindan:after {
    border-right: solid 2px;
    right: 20%;
    transform: rotate(45deg); }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-questionnaire-01 .shindan:after {
        right: 8%; } }
  #feature-column .lp-questionnaire-01 .shindan span {
    display: block;
    font-size: 3rem;
    font-weight: normal; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-questionnaire-01 .shindan span {
        font-size: 2.5rem; } }
#feature-column .lp-questionnaire-01 .txt02 {
  text-align: center;
  font-size: 1rem;
  line-height: 1.3; }
  #feature-column .lp-questionnaire-01 .txt02 img {
    margin: auto;
    width: 55%; }
  #feature-column .lp-questionnaire-01 .txt02 a {
    text-decoration: none; }
#feature-column .lp-questionnaire-01 .txt03 {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: .08rem;
  line-height: 1.6;
  margin: 2rem auto 1rem; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-questionnaire-01 .txt03 {
      font-size: 1.3rem;
      margin: 2rem auto 0rem; } }
  #feature-column .lp-questionnaire-01 .txt03 span {
    color: #e41a1a; }
#feature-column .lp-questionnaire-01 .cv {
  margin-bottom: 4rem; }
#feature-column .lp-questionnaire-01 .bg-yellow {
  background: url(../img/feature/img-08lp-03.png) left bottom repeat-x #fff5d5;
  background-size: 420px 72px;
  padding-bottom: 120px; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-questionnaire-01 .bg-yellow {
      padding-bottom: 75px; } }
#feature-column .lp-questionnaire-01 .text-pr {
  font-size: 11px;
  text-align: right; }
@media only screen and (max-width: 767px) {
  #feature-column .lp-questionnaire-01 .img-08lp {
    padding: 0 1rem; } }
#feature-column .lp-questionnaire-01 .box-08lp {
  background: #fff;
  border-radius: 6px;
  padding: 40px 50px 20px; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-questionnaire-01 .box-08lp {
      margin: 0 1rem;
      padding: 20px 30px 15px; } }
  #feature-column .lp-questionnaire-01 .box-08lp .title-08lp {
    color: #32221a;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-questionnaire-01 .box-08lp .title-08lp {
        font-size: 16px;
        margin: 0 0 15px; } }
  #feature-column .lp-questionnaire-01 .box-08lp .btn-cv08 {
    margin-bottom: 2rem; }
    @media only screen and (max-width: 767px) {
      #feature-column .lp-questionnaire-01 .box-08lp .btn-cv08 {
        margin-bottom: 1.2rem; } }
    #feature-column .lp-questionnaire-01 .box-08lp .btn-cv08 a {
      background: #ffeda8;
      border-radius: 6px;
      color: #3c3931;
      display: block;
      font-size: 24px;
      font-weight: 700;
      padding: 1.5rem;
      text-align: center;
      text-decoration: none; }
      @media only screen and (max-width: 767px) {
        #feature-column .lp-questionnaire-01 .box-08lp .btn-cv08 a {
          font-size: 20px;
          padding: 1rem; } }
#feature-column .lp-questionnaire-01 .bg-green {
  background: #7BBD5F; }
#feature-column .lp-footer {
  padding: 1rem 0rem !important; }
  @media only screen and (max-width: 767px) {
    #feature-column .lp-footer {
      padding: 1rem !important; } }

/* ＠記事LP（feature column）景品表示法対策スタイル
----------------------------------------------------------------------------------------------*/
.pr {
  font-size: 16px;
  color: #808080;
  max-width: 1020px;
  margin: 0 auto 0.1rem !important; }

.sleepingpills .pr {
  color: #fff; }

.presents {
  text-align: right;
  font-size: .8rem;
  color: #808080;
  max-width: 1000px;
  margin: 0.5rem auto !important; }
  @media only screen and (max-width: 767px) {
    .presents {
      font-size: .6rem; } }
  .presents-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%; }
    @media only screen and (max-width: 767px) {
      .presents-wrap {
        width: 100%; } }
    .presents-wrap-txt {
      font-size: .8rem;
      color: #808080; }
      @media only screen and (max-width: 767px) {
        .presents-wrap-txt {
          font-size: .5rem; } }

.sleepingpills-toprk .presents {
  max-width: 750px;
  color: #fff; }
.sleepingpills-miniranking .presents {
  color: #2a3a5c; }

/* ＠記事LP（feature column）３点訴求スタイリッシュスタイル
----------------------------------------------------------------------------------------------*/
.pointlist {
  margin-bottom: 1rem; }
  .pointlist-ttl {
    display: inline; }
    .pointlist-ttl-inner {
      display: inline-block;
      padding: 0.5rem 1rem;
      background-color: #e2e2e2; }
  .pointlist-wrap {
    margin: 0 !important;
    border: 1px solid #e2e2e2;
    padding: 1rem 1rem 1.5rem 1rem; }
    @media only screen and (max-width: 767px) {
      .pointlist-wrap {
        padding: .5rem .5rem 1rem .5rem; } }
    .pointlist-wrap-item {
      display: flex;
      gap: 0.5rem;
      padding: .5rem 0;
      border-bottom: 1px dotted #e2e2e2; }
      .pointlist-wrap-item div {
        margin: 0 !important; }
      .pointlist-wrap-item-check {
        display: flex;
        align-items: center;
        padding-left: 0.5rem;
        font-size: 1rem;
        color: #808080; }
        @media only screen and (max-width: 767px) {
          .pointlist-wrap-item-check {
            padding-left: 0; } }

/* ＠汎用CSS（おもに記事LPなどに使用：マーケターさんリクエスト対応）
----------------------------------------------------------------------------------------------*/
.pc-none {
  display: none; }
  @media only screen and (max-width: 767px) {
    .pc-none {
      display: block; } }

@media only screen and (max-width: 767px) {
  .sp-none {
    display: none; } }

.line-through {
  text-decoration: line-through; }

.table-margin {
  margin-bottom: 1.25rem; }

.li-height li {
  margin-bottom: 0.5rem !important; }
.li-height li:last-child {
  margin-bottom: 0 !important; }
.li-height .li-mini {
  font-size: 1rem; }

.text-left {
  text-align: left; }

.more-pad {
  padding: 16px; }

.short-margin {
  margin-bottom: 0.5rem; }

.tj-margintop {
  margin-top: -1rem; }

.tj-marginbottom {
  margin-bottom: -2rem; }

.plus-margin {
  margin-top: 2rem !important; }

.ueshita-margin {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important; }

.shortmargin {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important; }

.a-margin {
  margin-top: 1rem !important;
  display: inline-block; }

.dl-dot dd {
  position: relative;
  padding-left: 1.5rem; }
  .dl-dot dd:before {
    position: absolute;
    top: 50%;
    left: .5rem;
    transform: translateY(-50%);
    background-color: #0a0a0a;
    border-radius: 50%;
    content: '';
    width: .3rem;
    height: .3rem;
    display: inline-block; }

.th-width {
  width: 35% !important; }

/*# sourceMappingURL=design.css.map */