@charset "utf-8";


/* --------------------------------------------------- */
/* DefaultBlock                                        */
/* コンテンツエリア内のブロック共通スタイル            */
/* --------------------------------------------------- */

/* DefaultBlock (common style)
--------------------------------------------------- */
.DefaultBlock{
}


/* --------------------------------------------------- */
/* ArticlePostBlock                                    */
/* 記事の一覧用ブロック                                */
/* --------------------------------------------------- */
.ArticlePostBlock{}
    .ArticlePostBlock .BlockContents .ColumnGroup{}
    .ArticlePostBlock .BlockContents ul.ColumnGroup{
      list-style: none;
    }
    /* bp2より幅が 広い 時 */
    .rsbp-over-bp2 .ArticlePostBlock .BlockContents .ColumnGroup{
      margin:  0 -15px;
    }
        .ArticlePostBlock .BlockContents .ColumnGroup .Column{
          padding: 0 15px;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .ArticlePostBlock .BlockContents .ColumnGroup .Column{
          padding: 0 10px;
          padding-bottom: 20px;
        }
            .ArticlePostBlock .BlockContents .ColumnGroup .Column a{
              text-align: center;
            }
                .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem{
                  position: relative;
                }
                .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem:before{
                  content: "\e80e";
                  font-family: "fontello";
                  border-radius: 50px;
                  background-color: #eac500;
                  color: #fff;
                  position: absolute;
                  z-index: 2;
                  width : 3rem;
                  height: 3rem;
                  line-height: 3rem;
                  font-size: 115%;
                  text-align: center;
                  top: 1.5rem;
                  left: -5px;
                  box-shadow: 0 0 5px 3px rgba(255,255,255,0.5);
                  transform: rotate(-45deg);
                  display: none;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem:before{
                  width : 1.6rem;
                  height: 1.6rem;
                  font-size: 87.5%;
                  line-height: 1.6rem;
                  top: 1.75rem;
                  left: -3px;
                }
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky1 .Column:nth-child(1) a .ImageItem:before{
                  display: block;
                }
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky2 .Column:nth-child(1) a .ImageItem:before,
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky2 .Column:nth-child(2) a .ImageItem:before{
                  display: block;
                }
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky3 .Column:nth-child(1) a .ImageItem:before,
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky3 .Column:nth-child(2) a .ImageItem:before,
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky3 .Column:nth-child(3) a .ImageItem:before{
                  display: block;
                }
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky4 .Column:nth-child(1) a .ImageItem:before,
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky4 .Column:nth-child(2) a .ImageItem:before,
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky4 .Column:nth-child(3) a .ImageItem:before,
                .ArticlePostBlock .BlockContents .ColumnGroup.Sticky4 .Column:nth-child(4) a .ImageItem:before{
                  display: block;
                }
                    .ArticlePostBlock .BlockContents .ColumnGroup .Column a .Category{
                    }
                        .ArticlePostBlock .BlockContents .ColumnGroup .Column a .Category span{
                          color: #aa984f;
                          border-radius: 0.4em;
                          border: 1px solid #aa984f;
                          font-size: 80%;
                          font-weight: bold;
                          display: inline-block;
                          padding: 0.4em 0.75em;
                          line-height: 1;
                          margin-bottom: 1em;
                          min-width: 8em;
                        }
                        /* bp2より幅が 狭い 時 */
                        .rsbp-under-bp2 .ArticlePostBlock .BlockContents .ColumnGroup .Column a .Category span{
                          font-size: 50%;
                          margin-bottom: 0.5em;
                        }
                    .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem .New{
                      border-radius: 50px;
                      background-color: #ff8112;
                      color: #fff;
                      position: absolute;
                      z-index: 3;
                      font-weight: bold;
                      width : 3rem;
                      height: 3rem;
                      font-size: 75%;
                      line-height: 3rem;
                      text-align: center;
                      top: 1.5rem;
                      left: -5px;
                      box-shadow: 0 0 5px 3px rgba(255,255,255,0.5);
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem .New{
                      width : 1.6rem;
                      height: 1.6rem;
                      font-size: 40%;
                      line-height: 1.6rem;
                      top: 1.75rem;
                      left: -3px;
                    }
                    .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem .Image{
                      border-radius: 50px;
                      overflow: hidden;
                      height: calc(1000px / 4 - 30px - 6px);
                      line-height: calc(1000px / 4 - 30px - 6px);
                      background-color: #e8e3cf;
                      border: 3px solid #e8e3cf;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem .Image{
                      height: calc(100vw / 2 - 14px);
                      line-height: calc(100vw / 2 - 14px);
                      height: calc( (100vw / 2 - 14px) * 0.9 );
                      line-height: calc( (100vw / 2 - 14px) * 0.9 );
                      border-radius: 40px;
                      border-radius: 30px;
                      border-width: 2px;
                    }

                        .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem .Image img{
                          vertical-align: middle;
                        }
                        .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem .Image img.Landscape{
                          width: auto;
                          height: 100%;
                          max-width: inherit;
                          vertical-align: top;
                        }
                .ArticlePostBlock .BlockContents .ColumnGroup .Column a .TextItem {
                  margin-top: 15px;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .ArticlePostBlock .BlockContents .ColumnGroup .Column a .TextItem {
                  margin-top: 5px;
                }
                    .ArticlePostBlock .BlockContents .ColumnGroup .Column a .TextItem .Heading{
                      font-size: 105%;
                      padding: 0 0.5em;
                      text-align: justify;
                      letter-spacing: 0;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .ArticlePostBlock .BlockContents .ColumnGroup .Column a .TextItem .Heading{
                      font-size: 70%;
                      padding: 0;
                    }
    .ArticlePostBlock .BlockContents .NoContents{
      text-align: center;
      background: #f2f1eb;
      padding: 30px;
      border-radius: 50px;
      font-size: 87.5%;
    }
    /* bp2より幅が 狭い 時 */
    .rsbp-under-bp2 .ArticlePostBlock .BlockContents .NoContents{
      padding: 20px;
      border-radius: 30px;
      margin: 0 auto 10px;
      font-size: 75%;
      width: 95%;
    }



/* --------------------------------------------------- */
/* ArchiveListBlock                                    */
/* 記事の一覧用ブロック                                */
/* --------------------------------------------------- */
.ArchiveListBlock{}
    .ArchiveListBlock .BlockHeader{
      margin-bottom: 50px;
    }
        .ArchiveListBlock .BlockHeader .Heading{
          margin-top: 0;
        }
    .ArchiveListBlock .BlockContents{}
        .ArchiveListBlock .BlockContents .ColumnGroup{
          margin: 0 -1vw;
        }
            .ArchiveListBlock .BlockContents .ColumnGroup .Column{
              padding: 20px;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .ArchiveListBlock .BlockContents .ColumnGroup .Column{
              padding: 3vw 2.5vw;
            }
                .ArchiveListBlock .BlockContents .ColumnGroup .Column a{
                  display: block;
                  box-shadow: 2px 2px 7px 0 rgba(0,0,0,0.15);
                  border: 1px solid rgba(0,0,0,0.1);
                  text-decoration: none;
                  position: relative;
                  top: 0;
                  left: 0;
                }
                .ArchiveListBlock .BlockContents .ColumnGroup .Column a .sticky-label {
                  position:absolute;
                  top:0;
                  right:0;
                  display;inline-block;
                  width:30px;
                  height:30px;
                  border-radius:0 0 5px 5px;
                  background:none;
                  z-index: 1;
                }
                .ArchiveListBlock .BlockContents .ColumnGroup .Column a .sticky-label::before{
                  content: '\f097';
                  content: '\e811';
                  font-family: "fontello";
                  font-size: 22px;
                  text-align: center;
                  color:#f5f5f5;
                  padding: 5px;
                  vertical-align: top;
                  line-height:25px;
                  display: inline-block;
                  width: 100%;
                  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
                }
                .ArchiveListBlock .BlockContents .ColumnGroup .Column a:hover{
                  top: 2px;
                  left: 2px;
                }
                    .ArchiveListBlock .BlockContents .ColumnGroup .Column a .TextItem{
                      padding: 1.5em;
                    }
                    /* bp2より 狭い 時 */
                    .rsbp-under-bp2 .ArchiveListBlock .BlockContents .ColumnGroup .Column a .TextItem{
                      padding: 3vw;
                    }
                        .ArchiveListBlock .BlockContents .ColumnGroup .Column a .TextItem .Heading{
                          font-size: 130%;
                          letter-spacing: 0;
                        }
                        /* bp2より 狭い 時 */
                        .rsbp-under-bp2 .ArchiveListBlock .BlockContents .ColumnGroup .Column a .TextItem .Heading{
                          font-size: 70%;
                          margin-bottom: 0.25em;
                        }
                        .ArchiveListBlock .BlockContents .ColumnGroup .Column a .TextItem p{
                          font-size: 87.5%;
                        }
                        /* bp2より 狭い 時 */
                        .rsbp-under-bp2 .ArchiveListBlock .BlockContents .ColumnGroup .Column a .TextItem p{
                          font-size: 60%;
                        }
                        /* bp2より 狭い 時 */
                        .rsbp-under-bp2 .ArchiveListBlock .BlockContents .ColumnGroup .Column a .TextItem p.Category{
                          font-size: 55%;
                        }
                        .ArchiveListBlock .BlockContents .ColumnGroup .Column a .TextItem .Heading + .Category{
                          margin-top: 0.9em;
                        }
                    .ArchiveListBlock .BlockContents .ColumnGroup .Column a .ImageItem{}
                        .ArchiveListBlock .BlockContents .ColumnGroup .Column a .ImageItem .Image{
                          /*border-bottom: 1px solid rgba(0,0,0,0.1);*/
                          overflow: hidden;
                        }
                        /* bp2より 広い 時 */
                        .rsbp-over-bp2 .ArchiveListBlock .BlockContents .ColumnGroup .Column a .ImageItem .Image{
                          height: calc( ( (1000px / 3 ) - 40px ) * 0.66 );
                        }
                        /* bp2より 狭い 時 */
                        .rsbp-under-bp2 .ArchiveListBlock .BlockContents .ColumnGroup .Column a .ImageItem .Image{
                          height: calc( ( ( 100vw - 15px ) / 2 - 5vw ) * 0.66 );
                        }


/* --------------------------------------------------- */
/* ArticleSingleBlock                                  */
/* 記事の詳細用ブロック                                */
/* --------------------------------------------------- */
.ArticleSingleBlock{}
    .ArticleSingleBlock .BlockHeader{}
        .ArticleSingleBlock .BlockHeader .SknTpl{}
            .ArticleSingleBlock .BlockHeader .SknTpl .TextItem{
              width: 50%;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .ArticleSingleBlock .BlockHeader .SknTpl .TextItem{
              padding: 0 7px;
            }
            .ArticleSingleBlock .BlockHeader .SknTpl .ImageItem{
              width: 50%;
            }
        .ArticleSingleBlock .BlockHeader .Category{
          color: #aa984f;
          border-radius: 0.4em;
          border: 1px solid #aa984f;
          font-size: 87.5%;
          font-weight: bold;
          display: inline-block;
          padding: 0.4em 0.75em;
          line-height: 1;
          margin-bottom: 1em;
          min-width: 8em;
          text-align: center;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .ArticleSingleBlock .BlockHeader .Category span{
          font-size: 75%;
        }
        .ArticleSingleBlock .BlockHeader .Heading{
          margin-top: 0.5em;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .ArticleSingleBlock .BlockHeader .Heading{
          font-size: 132.5%;
          margin-bottom: 1.25em;
        }
    .ArticleSingleBlock .BlockContents{
      margin-top: 50px;
    }
        .ArticleSingleBlock .BlockContents .Date{
          font-size: 70%;
          color: #999;
          font-weight: bold;
          text-align: right;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .ArticleSingleBlock .BlockContents .Date{
          font-size: 55%;
        }
            .ArticleSingleBlock .BlockContents .Date span + span{
              margin-left: 1.25em;
            }
    .ArticleSingleBlock .BlockFooter{
    }
        .ArticleSingleBlock .BlockFooter .navigation{
          margin-top: 80px;
        }
            .ArticleSingleBlock .BlockFooter .navigation ul{}
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .ArticleSingleBlock .BlockFooter .navigation ul{
              display: block;
            }
                .ArticleSingleBlock .BlockFooter .navigation ul li{}
                /* bp2より幅が 広い 時 */
                .rsbp-over-bp2 .ArticleSingleBlock .BlockFooter .navigation ul li{
                  max-width: 50%;
                }
                .ArticleSingleBlock .BlockFooter .navigation ul li + li{}
                /* bp2より幅が 広い 時 */
                .rsbp-over-bp2 .ArticleSingleBlock .BlockFooter .navigation ul li + li{
                  padding-left: 6em;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .ArticleSingleBlock .BlockFooter .navigation ul li + li{
                  padding-top: 0.75em;
                }
                    .ArticleSingleBlock .BlockFooter .navigation ul li a{
                      background-color: #f0ecdb;
                      box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.15);
                      display: inline-block;
                      padding: 1.25em 1.35em;
                      position: relative;
                      border-radius: 0.5em;
                      text-decoration: none !important;
                      font-size: 95%;
                      font-weight: bold;
                      position: relative;
                      left: 0;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .ArticleSingleBlock .BlockFooter .navigation ul li a{
                      padding: 1em 1.35em;
                      font-size: 80%;
                    }
                    .ArticleSingleBlock .BlockFooter .navigation ul li a[rel="next"]{
                      padding-left: 1.95em;
                    }
                    .ArticleSingleBlock .BlockFooter .navigation ul li a[rel="prev"]{
                      padding-right: 1.95em;
                    }
                    .ArticleSingleBlock .BlockFooter .navigation ul li a[rel="next"]:hover{
                      left: -7px;
                    }
                    .ArticleSingleBlock .BlockFooter .navigation ul li a[rel="prev"]:hover{
                      left: 7px;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .ArticleSingleBlock .BlockFooter .navigation ul li a{
                      display: block;
                      width: 90%;
                      margin: 0 auto;
                    }
                        .ArticleSingleBlock .BlockFooter .navigation ul li a .Title{
                          display: inline-block;
                          margin: 0;
                        }
                        /* bp2より幅が 狭い 時 */
                        .rsbp-under-bp2 .ArticleSingleBlock .BlockFooter .navigation ul li a .Title{
                          font-size: 80%;
                        }
                        .ArticleSingleBlock .BlockFooter .navigation ul li a .Cursor{
                          font-family: "fontello";
                          color: #9d967a;
                          font-weight: normal;
                          vertical-align: middle;
                          font-size: 82.5%;
                          position: absolute;
                          top: 50%;
                          margin-top: -0.6em;
                        }
                        .ArticleSingleBlock .BlockFooter .navigation ul li a[rel="next"] .Cursor{
                          left: 0.75em;
                        }
                        .ArticleSingleBlock .BlockFooter .navigation ul li a[rel="prev"] .Cursor{
                          right: 0.75em;
                        }
                        .ArticleSingleBlock .BlockFooter .navigation ul li a  .Title + .Cursor{
                          padding-right: 0;
                          padding-left: 0.75em;
                        }
        .ArticleSingleBlock .BlockFooter .Button{
          margin-top: 125px;
        }
        /* bp2より幅が 狭い 時*/
        .rsbp-under-bp2 .ArticleSingleBlock .BlockFooter .Button{
          margin-top: 100px;
        }





/* --------------------------------------------------- */
/* WaveBlock                                           */
/* 波装飾用ブロック                                    */
/* --------------------------------------------------- */
.WaveBlock{
  position: relative;
}
.WaveBlock:before,
.WaveBlock:after{
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150%;
  position: absolute;
  width: 100vw;
  z-index: 1;
  left: 0;
}
.WaveBlock:before{
  background-position: bottom center;
}
.WaveBlock:after{
  background-position: top center;
}
.WaveBlock.WaveLeaf:before{
  background-image: url(../img/common/decoration/wave2-top.png);
  top: -33px;
  height: 120px;
}
.WaveBlock.WaveLeaf:after{
  background-image: url(../img/common/decoration/wave2-bottom.png);
  bottom: -47px;
  height: 137px;
}
/* bp2より幅が 広い 時 */
.rsbp-over-bp2 .WaveBlock:before,
.rsbp-over-bp2 .WaveBlock:after{
  min-width: 2000px;
  background-size: 100%;
}
    .rsbp-over-bp2 .WaveBlock li{
      width: 650px!important;
    }
/* bp2より幅が 狭い 時 */
.rsbp-under-bp2 .WaveBlock.WaveLeaf:before,
.rsbp-under-bp2 .WaveBlock.WaveLeaf:after{
  width: 100%;
  margin-left: 0;
  left: 0;
  background-size: 150%;
}
.rsbp-under-bp2 .WaveBlock.WaveLeaf:before{
  top   : -9px;
  height: 30px;
}
.rsbp-under-bp2 .WaveBlock.WaveLeaf:after{
  bottom: -12px;
  height: 35px;
}
@media screen and (min-width:2000px) {
.WaveBlock.WaveLeaf:before{
  top   : -1.5vw;
  height: 6vw;
}
.WaveBlock.WaveLeaf:after{
  bottom: -2.5vw;
  height: 7vw;
}
}

.WaveBlock.WaveWhite:before{
  background-image: url(../img/common/decoration/wave1-top.png);
  top   : -28px;
  height: 116px;
}

.WaveBlock.WaveWhite:after{
  background-image: url(../img/common/decoration/wave1-bottom.png);
  bottom:-4px;
  height: 95px;
  background:none!important;
}
/* bp2より幅が 狭い 時 */
.rsbp-under-bp2 .WaveBlock.WaveWhite:before,
.rsbp-under-bp2 .WaveBlock.WaveWhite:after{
  width: 100%;
  margin-left: 0;
  left: 0;
  height: 100px;
  background-size: 100%;
  height: 19px;
}
.rsbp-under-bp2 .WaveBlock.WaveWhite:before{
  top   : -4px;
}
.rsbp-under-bp2 .WaveBlock.WaveWhite:after{
  bottom: -4px;
}
@media screen and (min-width:2000px) {
.WaveBlock.WaveWhite:before{
  top   : -9px;
  height: 5vw;
}
.WaveBlock.WaveWhite:after{
  bottom: -12px;
  height: 5vw;
}
}




/* --------------------------------------------------- */
/* SliderImageBlock                                    */
/* サムネイルつきスライダーブロック                    */
/* --------------------------------------------------- */
.SliderImageBlock{
  overflow: hidden;
}
    .SliderImageBlock .bx-wrapper{
      width: 100%;
      margin: 0 auto;
    }
    /* bp2より幅が 広い 時 */
    .rsbp-over-bp2 .SliderImageBlock .bx-wrapper{
      max-width: 1000px!important;
    }
    .SliderImageBlock .bx-viewport {
      overflow: visible !important;
    }
    .SliderImageBlock .bx-pager{
      width: 1000px;
    }
        .SliderImageBlock .bx-pager a{
          width: 12.5%;
          max-height: 100px;
          overflow-y: hidden;
          padding: 10px 5px 0;
          opacity: 0.4;
        }
        .SliderImageBlock .bx-pager a{
          width: 12.5%;
          max-height: 120px;
          overflow-y: hidden;
          padding: 10px 5px 5px;
          opacity: 0.4;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .SliderImageBlock .bx-pager a{
          padding: 4px 2px 4px;
          max-height: 30px;
        }

        .SliderImageBlock .bx-pager a.active{
          opacity: 1;
        }
            .SliderImageBlock .bx-pager a img{
              vertical-align: top;
            }
            .SliderImageBlock .bx-pager a.active img{
              box-shadow: 0 0 3px 1px #72D713;
              border: 1px solid #ceffac;
            }
    .SliderImageBlock .Slider{
    }
        .SliderImageBlock .Slider li{
          width: 100vw!important;
          overflow-y: hidden;
          transition: 0.1s ease 0s;
          opacity: 0.4;
        }
        /* bp2より幅が 広い 時 */
        .rsbp-over-bp2 .SliderImageBlock .Slider li{
          width: 1000px!important;
          max-height: 680px;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .SliderImageBlock .Slider li{
          max-height: 60vw;
        }
        .SliderImageBlock .Slider li.active{
          opacity: 1;
        }
            .SliderImageBlock .Slider li img {
              width: 100%;
              height: auto;
            }







/* --------------------------------------------------- */
/* MiniSliderBlock                                     */
/* ミニスライダーブロック                              */
/* --------------------------------------------------- */
.MiniSliderImageBlock{}
    .MiniSliderImageBlock .bx-wrapper .bx-pager.bx-default-pager a {
      background: #ddd5b7;
      border-radius: 100%;
      width: 15px;
      height: 15px;
      margin: 0 10px;
    }
    .MiniSliderImageBlock .bx-wrapper .bx-pager.bx-default-pager a.active,
    .MiniSliderImageBlock .bx-wrapper .bx-pager.bx-default-pager a:focus,
    .MiniSliderImageBlock .bx-wrapper .bx-pager.bx-default-pager a:hover {
      background: #f9c600;
    }






/* --------------------------------------------------- */
/* LineupListBlock                                     */
/* ラインアップの一覧用ブロック                        */
/* --------------------------------------------------- */
.LineupListBlock{}

    /* bp2より幅が 狭い 時 */
    body:not(.home).rsbp-under-bp2 .LineupListBlock .BlockContents{
      padding: 0 5px;
    }
    .LineupListBlock .BlockContents .SknTplImageParagraph{}
    .LineupListBlock .BlockContents .SknTplImageParagraph:not(:first-child){
      margin-top: 125px;
    }
    /* bp2より幅が 狭い 時 */
    .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph:not(:first-child){
      margin-top: 40px;
    }
        .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem{
          position: relative;
          z-index: 1;
          width: 40%;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem{
          width: 90%;
          float: left;
        }
            .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .Logo{
              margin-bottom: 30px;
            }
            /* bp2より幅が 広い 時 */
            .rsbp-over-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .Logo{
              text-align: center;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .Logo{
              margin-bottom: 3px;
            }
                .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .Logo img{
                  height: 90px;
                }
                .LineupListBlock .BlockContents .SknTplImageParagraph.Hinoki .TextItem .Logo img,
                .LineupListBlock .BlockContents .SknTplImageParagraph.Leafzero .TextItem .Logo img{
                  height: 75px;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .Logo img{
                  height: 50px;
                }
                .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph.Hinoki .TextItem .Logo img,
                .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph.Leafzero .TextItem .Logo img{
                  height: 45px;
                }
                /* bp2より幅が 広い 時 */
                .rsbp-over-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph.LeftImage .TextItem .Logo img{
                  margin-right: -50px;
                }
                .rsbp-over-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph.RightImage .TextItem .Logo img{
                  margin-left: -50px;
                }
            .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow{
              position: relative;
            }
            .LineupListBlock .BlockContents .SknTplImageParagraph        .TextItem .BgShadow:before{
              content: "";
              position: absolute;
              top: 10px;
              left: 10px;
              width: 100%;
              height: 100%;
              z-index: 0;
            }
            
            .LineupListBlock .BlockContents .SknTplImageParagraph.Yuie .TextItem .BgShadow:before{
              background-color: #bcc5b4;
            }

            .LineupListBlock .BlockContents .SknTplImageParagraph.Meguru .TextItem .BgShadow:before{
              background-color: #9dc2e3;
            }
            .LineupListBlock .BlockContents .SknTplImageParagraph.Haruno .TextItem .BgShadow:before{
              background-color: #99C7CA;
            }
            .LineupListBlock .BlockContents .SknTplImageParagraph.Hinoki .TextItem .BgShadow:before{
              background-color: #b1a28e;
            }
            .LineupListBlock .BlockContents .SknTplImageParagraph.Leafzero .TextItem .BgShadow:before{
              background-color: #90B2D5;
            }
                .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner{
                  background-color: #fff;
                  box-shadow: 1px 1px 5px  rgba(0,0,0,0.1);
                  border: 1px solid rgba(0,0,0,0.05);
                  z-index: 1;
                  padding: 1.75em 1em 1.5em 2em;
                  display: block;
                  position: relative;
                  top: 0;
                  left: 0;
                  transition: 0.1s ease 0s;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner{
                  font-size: 70%;
                }
                .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner:hover{
                  top: 2px;
                  left: 2px;
                }
                    .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .Heading.Main{
                      font-size: 125%;
                      margin-bottom: 0;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .Heading.Main{
                      font-size: 120%;
                    }
                        .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .Heading.Main small{
                          font-size: 75%;
                          letter-spacing: 0;
                        }
                    .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .Heading.Osusume{
                      font-size: 70%;
                      margin-left: -3em;
                      background-color: #f3efdf;
                      border-radius: 0 0.5em 0.5em 0;
                      padding: 0.15em 3em;
                      display: inline-block;
                      margin-top: 0;
                    }
                    .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .TargetList{
                      list-style: none;
                    }
                        .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .TargetList li{
                          font-size: 82.5%;
                          color: #888660;
                          font-weight: bold;
                          line-height: 1.75;
                        }
                        /* bp2より幅が 狭い 時 */
                        .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .TargetList li{
                          font-size: 65%;
                        }
                        .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .TargetList li:before{
                          content: "#";
                          margin-right: 0.25em;
                        }
                    .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .Button{
                      text-align: right;
                      font-weight: bold;
                    }
                        .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .Button{
                          margin-bottom: 0;
                        }
                        /* bp2より幅が 狭い 時 */
                        .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .Button:after{
                          right: -39px;
                        }
                            .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .Button a{
                              padding: .25em 2em .25em .25em;
                            }
                            /* bp2より幅が 狭い 時 */
                            .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner .Button a{
                              font-size: 85%;
                              padding: .5em 2em .5em .5em;
                            }
                            .LineupListBlock .BlockContents .SknTplImageParagraph .TextItem .BgShadow .inner:hover .Button a{
                              color: #6DAD30;
                              /*text-decoration: underline!important;*/
                            }
        .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem{
          width: 68%;
          margin-top: -430px;
          position: relative;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem{
          margin: -50px 0 0 auto;
          width: 95%;
          float: right;
          position:static;
        }
            .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice{
              position: absolute;
              top: -20px;
              left: -20px;
              z-index: 2;
              color: #fff;
              width : 4em;
              height: 4em;
              border-radius: 100%;
              font-size: 200%;
              font-size: 230%;
              font-weight: bold;
              line-height: 1.1;
              padding-top: 1.25em;
              text-align: center;
              /*display:none;202204非表示対応*/
              padding-top: 1.0em;
              cursor:pointer;
              -webkit-transition: all .1s;
              transition: all .1s;
              text-decoration:none;
            }
            .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice .PriceComment .Zeikomi{
              -webkit-transition: all .1s;
              transition: all .1s;
              }

            .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice:hover .PriceComment .Zeikomi{
              /*background:#804f21!important;*/
              /*transform: scale(1.2) translate(0, 0);
              -webkit-transition: all .3s;
              transition: all .3s;*/
            }



            .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice .PriceComment .Furukomi{
              -webkit-transition: all .1s;
              transition: all .1s;
              }

            .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice:hover .PriceComment .Furukomi{
              /*background:#804f21!important;*/
              /*transform: scale(1.2) translate(0, 0);
              -webkit-transition: all .3s;
              transition: all .3s;*/
            }
            /* bp2より幅が 広い 時 */
            .rsbp-over-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph.RightImage .ImageItem .TsuboPrice{
              left: 10px;
		　　　
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice{
              font-size: 150%;
              top: -5px;
              right:-5px;
              left:auto;
            }
            .rsbp-under-bp2                 .LineupListBlock .ImageItem .TsuboPrice .PriceComment .Furukomi{
              font-size: 130%;
            }

            .rsbp-under-bp2                 .LineupListBlock .ImageItem .TsuboPrice .PriceComment .Zeikomi{
              font-size: 130%;
            }

            .LineupListBlock .BlockContents .SknTplImageParagraph.Yuie .ImageItem .TsuboPrice{
              background-color: #b1c69f ;
              /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4ca3f2+0,6eb3ef+100 */
              background: linear-gradient(to right,  #b1c69f  0%,#b1c69f  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
              /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3799ef+0,6eb3ef+100 */
              background: linear-gradient(to right,  #b1c69f  0%,#b1c69f  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

            }
            
            .LineupListBlock .BlockContents .SknTplImageParagraph.Meguru .ImageItem .TsuboPrice{
              background-color: #4CA3F2;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4ca3f2+0,6eb3ef+100 */
background: linear-gradient(to right,  #4ca3f2 0%,#6eb3ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3799ef+0,6eb3ef+100 */
background: linear-gradient(to right,  #3799ef 0%,#6eb3ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

            }
            .LineupListBlock .BlockContents .SknTplImageParagraph.Haruno .ImageItem .TsuboPrice{
              background-color: #2BAFB7;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2bafb7+0,4dafb5+100 */
background: linear-gradient(to right,  #2bafb7 0%,#4dafb5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#26adb5+0,5eaeb2+100 */
background: linear-gradient(to right,  #26adb5 0%,#5eaeb2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

            }
            .LineupListBlock .BlockContents .SknTplImageParagraph.Hinoki .ImageItem .TsuboPrice{
              background-color: #9D5801;
            }
            .LineupListBlock .BlockContents .SknTplImageParagraph.Vista .ImageItem .TsuboPrice{
              background-color: #66875a;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#66875a+0,93b58d+100 */
background: linear-gradient(to right,  #66875a 0%,#93b58d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

              

            }
            
            .LineupListBlock .BlockContents .SknTplImageParagraph.Leafzero .ImageItem .TsuboPrice{
              background-color: #69C;
            }
                .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice .Title{
                  font-size: 40%;
                  display: block;
                }
                .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice .fontNumber{
                 /* color:#ff0000;
                  text-shadow: 0 0 0.12em rgba(255, 255, 255,0.75), 0 0 0.08em rgba(255, 255, 255,0.95) , 0 0 0.8em rgba(255, 255, 255,0.65);*/
                }
                .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice .fontNumber{
                  color:#eff909;
                  text-shadow:0 0 0.1em rgba(0, 0, 0,0.65), 0 0.1em 0.8em rgba(255, 255, 255,0.65);
                }
                
                .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .TsuboPrice .Unit{
                  font-size: 30%;
                  vertical-align: middle;
                }
                
                .LineupListBlock .Yuie .ImageItem .TsuboPrice .PriceComment::after{
                  /* content: none; */
                }                
                
                .LineupListBlock .ImageItem .TsuboPrice .PriceComment{
                  display:block;
                  width:75%;
                  margin:0 auto;
                  text-align:left;
                  position:relative;
                  vertical-align :top;
                  height:1em;
                }
                .LineupListBlock .ImageItem .TsuboPrice .PriceComment .Zeikomi{
                  display:block;
                  text-align:center;
                  font-size:0.45em;
                  line-height:1.1;
                  padding:2px 0;
                  border-radius:20px;
                }
                .LineupListBlock .ImageItem .TsuboPrice .PriceComment .Furukomi{
                  display:block;
                  text-align:center;
                  font-size:0.45em;
                  line-height:1.1;
                  padding:2px 0;
                  border-radius:20px;
                }
                  .Zeikomi{
                    /*background:#ff0000;*/
                    color:#333;
                    animation:1s ease-in 1s infinite alternate forwards running expansion;
                  }
                  .Furukomi{
                    /*background:#ff0000;*/
                    color:#333;
                    animation:1s ease-in 1s infinite alternate forwards running expansion;
                  }
                 /*点滅なし
                  @keyframes expansion{
                    0%{
                      background:#ff0000;
                      color:#fff;
                    }
                    100%{
                      background:#000;
                      color:#fff;
                    }
                  }*/
		            /*調整*/
		            .rsbp-under-bp2　.LineupListBlock{
		              
		            }
		           .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph{
		              position:relative;
		            }
		            .rsbp-under-bp2　.LineupListBlock .SknTplImageParagraph .ImageItem{
		              position:static;
		            }
		            
                .LineupListBlock .Yuie .ImageItem .TsuboPrice .PriceComment::after{
                  content: '本体工事\A＋基本附帯工事\A＋住設安心サポート' ;
                  position:absolute ;
                  left: 140px ;
                  top: -160% ;
                  display:inline-block  ;
                  width : 11.0em ;
                  padding:12px ;
                  line-height:1.3 ;
                  border-radius: 20px ;
                  background:#804f21 ;
                  color:#fff ;
                  font-size:0.4em ;
                  opacity:0 ;
                  transform: scale(0.1) translate(0, 0) ;
                  -webkit-transition: all .1s ;
                  transition: all .1s ;
                  white-space: pre ;
                }

                .LineupListBlock .ImageItem .TsuboPrice .PriceComment::after{
                  content: '本体工事＋消費税\A＋基本附帯工事\A＋住設安心サポート';
                  position:absolute ;
                  left: 140px;
                  top: -160%;
                  display:inline-block;
                  width : 11.0em;
                  padding:12px;
                  line-height:1.3;
                  border-radius: 20px;
                  background:#804f21;
                  color:#fff;
                  font-size:0.4em;
                  opacity:0;
                  transform: scale(0.1) translate(0, 0);
                  -webkit-transition: all .1s;
                  transition: all .1s;
                  white-space: pre;
                }
                .LineupListBlock .ImageItem .TsuboPrice:hover .PriceComment::after{
                  opacity:100%;
                  transform: scale(1.0) translate(0, 0);
                  -webkit-transition: all .3s;
                  transition: all .3s;
                  white-apace: pre;
                }
                
               .rsbp-under-bp2 .LineupListBlock .ImageItem .TsuboPrice .PriceComment::after{
                  opacity:100%;
                  transform: scale(1.0) translate(0, 0);
               }
               .rsbp-under-bp2 .LineupListBlock .ImageItem .TsuboPrice .PriceComment::after{
				left: -10px;
				right: 90px;
				top: 40px;
				width: 10.4em;
				padding: 6px 4px 6px 6px;
				border-radius:8px;
				text-align:left;
               }
               .rsbp-under-bp2 .LineupListBlock .Vista .ImageItem .TsuboPrice .PriceComment::after{
                 top:60px;
               }
               
               
                
            .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .Image{
              border-radius: 50px;
              overflow: hidden;
            }
            /* bp2より幅が 広い 時 */
            .rsbp-over-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .Image{
              height: 400px;
            }
                .rsbp-over-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .Image img{
                  margin-top: -20px;
                }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .LineupListBlock .BlockContents .SknTplImageParagraph .ImageItem .Image{
              border-radius: 40px;
            }
            
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .LineupListBlock .ImageItem .TsuboPrice .PriceComment{
              display:block;
              width:75%;
              margin:0 auto;
              text-align:center;
              position:relative;
              vertical-align:top;
              height:1em;
            }
            .rsbp-under-bp2 .LineupListBlock .ImageItem .TsuboPrice .PriceComment .Furukomi{
              display:block;
              text-align:center;
              font-size:0.45em;
              line-height:1.1;
              padding:2px 0;
              border-radius:20px;
            }
            .rsbp-under-bp2 .LineupListBlock .ImageItem .TsuboPrice .PriceComment .Zeikomi{
              display:block;
              text-align:center;
              font-size:0.45em;
              line-height:1.1;
              padding:2px 0;
              border-radius:20px;
            }

            /* bp2より幅が 広い 時  Yuieのスマホ用画像は非表示　PC用は表示*/
            .rsbp-over-bp2 .LineupListBlock .ImageItem .YuieSPImage{
              display: none;
            }
            
            /* bp2より幅が 狭い 時  Yuieのスマホ用画像は表示　PC用は非表示*/
            .rsbp-under-bp2 .LineupListBlock .ImageItem .YuiePCImage{
              display: none;
            }
            
            
/*FootAboutUsArea*/
.FooterDivision{
  background:none;
}
.FootAboutUsArea{
  width:100%;
  max-width:1080px;
  margin:0 auto 30px;
}
.rsbp-under-bp2 #FooterDivision{
  background:none;
  margin-top: 0;
  padding-top: 0;
}

.rsbp-over-bp3 .FootAboutUsArea{
  min-width:1080px!important;
  padding:0 20px;
}

/*レスポンシブ*/
@media screen and (max-width:767px){

.FootAboutUsArea{
  width:calc(100% - 40px);
  max-width:1080px;
  margin:0 auto 50px;
  padding:0;
}


}
.FootAboutUsArea .BasicBlock{

}
.FootAboutUsArea .BasicBlock .BlockHeader{
  float:left;
  width:100%;
  max-width:430px;
  text-align:left;
  padding-top:20px;
}
.FootAboutUsArea .BasicBlock .BlockHeader .Heading{

  margin:10px auto;
  line-height:1.3;
  font-weight:700;
  font-size:2em;
  letter-spacing: 0;
  margin-bottom:40px;
}


.AboutText{
  text-align: justify;
}

.Banner{
  width:100%;
  max-width:600px;
  margin:50px auto;
}
.Banner a{
  width:100%;

}
.Banner a img{
  width:100%;
}

.FootAboutUsArea .BasicBlock .BlockHeader .CircleArrowButtonItem {
  display: flex;
  justify-content: flex-start;
  margin:0 auto;
  width:100%;
}

/*レスポンシブ*/
@media screen and (max-width:767px){
.FootAboutUsArea .BasicBlock .BlockHeader .CircleArrowButtonItem {
  display: flex;
  justify-content: flex-end;
  margin:0 auto 30px;
  width:100%;
}

.FootAboutUsArea  .Banner{
   margin: 25px auto 40px;
 } 
 
.FootAboutUsArea .BasicBlock .BlockHeader .Heading{

  margin:10px auto;
  line-height:1.3;
  font-weight:700;
  font-size:2em;
  letter-spacing: 0;
  margin-bottom:40px;
}
 
 
}
/*レスポンシブ*/

@media screen and (max-width:500px){
.AboutText{
  font-size:87.5%;
}
.CircleArrowButtonItem{
   margin-top:30px;
   justify-content: end;
   padding: 0 30px;
}

.FootAboutUsArea .BasicBlock .BlockHeader .Heading{

  margin:10px auto;
  line-height:1.3;
  font-weight:700;
  font-size:1.2em;
  letter-spacing: 0;
  margin-bottom:20px;
}

}

.FootAboutUsArea .BasicBlock .BlockContents{
  float:right;
  width:100%;
  max-width:582px;
}
.FootAboutUsArea .BasicBlock .BlockContents .Image{
  aspect-ratio: 380/ 395;
  border-radius:190px 0 0 0;
  overflow:hidden;
}
.FootAboutUsArea .BasicBlock .BlockContents img{
  width:100%;
  height:100%;
  object-fit: cover;
  object-position: 100% 50%;
}

     /* bp2-3より幅が 狭い 時 */
    .rsbp-under-bp3 .FootAboutUsArea .BasicBlock .BlockHeader{
      float:none;
      display:block;
    }
    .rsbp-under-bp3 .FootAboutUsArea .BasicBlock .BlockContents{
      float:none;
      display:block;
      
    }
    .rsbp-under-bp3 .FootAboutUsArea .BasicBlock .BlockContents .Image{
      aspect-ratio: 2/ 3;
      border-radius: 90px 0 0 0;
    }
    .rsbp-under-bp3 .FootAboutUsArea .BasicBlock .BlockContents img{
      width:100%;
      height:100%;
      -o-object-fit: cover;
      object-fit: cover;
    }

#FooterDivision .FooterContactArea{
  background:#306e44;
  color:#fff;
  padding: 80px 0 60px;
  border-bottom:1px solid #fff;
}
#FooterDivision .FooterArea{
  background:#306e44;
  color:#fff;
  padding: 60px 0 20px;
}

.FooterContactBlock{}
.FooterContactBlock .FooterContactItem{
  display:flex;
  align-items:stretch
  justify-content: space-between;
}
.FooterContactBlock .FooterContactItem .ContactItem{
  width:calc(100% / 2);
  text-align:center;
  display: flex;
  flex-direction: column;
  padding-top:5px;
  padding-bottom:10px;
}
.FooterContactBlock .FooterContactItem .ContactItem.CenterItem{
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}
.FooterContactBlock .FooterContactItem .ContactItem.LeftItem{
  border-right:1px solid #fff;
}
.FooterContactBlock .FooterContactItem .ContactTitle br{
  display:none;
}
/*レスポンシブ*/
@media screen and (max-width:500px){

 


#FooterDivision .FooterContactArea{
  background:#306e44;
  color:#fff;
  padding: 20px 0 0;
  border-bottom:1px solid #fff;
}
#FooterDivision .FooterArea{
  background:#306e44;
  color:#fff;
  padding: 0px 0 0px;
}
.FooterContactBlock .FooterContactItem{
  display:flex;
  flex-flow: column;
  justify-content: center;
}
.FooterContactBlock .FooterContactItem .ContactItem.LeftItem{
  border-right:none;
  border-bottom:1px solid #fff;
  padding:0;
}
.FooterContactBlock .FooterContactItem .ContactItem{
  width:calc(100% - 40px);
  margin:0 auto;
  padding:20px 0 0;

}

.FooterContactBlock .FooterContactItem .ContactTitle br{
  display:block;

}

}



.ContactTitle{
  font-weight:700;
  margin:5px 0;
  font-size:150%;
  line-height:1.5
}
.ContactText{
  width:100%;
  max-width:300px;
  margin:20px auto;
}
.TelNum{
  font-weight:700;
  margin:5px 0;
  font-size:200%;

}

/*レスポンシブ*/
@media screen and (max-width:767px){

.ContactTitle{
  font-weight:700;
  margin:5px 0;
  font-size:100%;
  line-height:1.5
}
.ContactText{
  width:100%;
  max-width:300px;
  margin:10px auto;
  font-size:90%;
}
.TelNum{
  font-weight:700;
  margin:0 0;
  font-size:120%;
  line-height:1.3;
}


}

/*リンク*/

.FooterContactBlock .CircleArrowButtonItem{
  display:flex;
  justify-content: center;
  margin-top: auto;
}
.FooterContactBlock .CircleArrowButtonItem a{
  margin-top:0;
}
.FooterContactBlock .CircleArrowButtonItem a .CircleArrowButton .LinkTitle {
  font-weight: 600;
  color: #fff;
}
.FooterContactBlock .CircleArrowButtonItem a .CircleArrowButton .Icon {
  color: #306e44;
  background: #fff;
  width: 40px;
  height: 40px;
}
.FooterContactBlock .CircleArrowButtonItem a:hover .CircleArrowButton .Icon {
  color: #6dad30;
  background: #fff;
}
.FooterContactBlock .CircleArrowButtonItem .CircleArrowButton .Icon::after {
  content: "";
  width: 11px;
  height: 1.5px;
  background: #306e44;
  display: inline-block;
  margin: 0 auto;
  position: absolute;
  left: 35%;
  top: 50%;
  top: 47%;
}
/*レスポンシブ*/
@media screen and (max-width:767px){

.CircleArrowButtonItem a .CircleArrowButton .LinkTitle {
  font-weight: 600;
  color: #fff;
  font-size:85%;
}
.FooterContactBlock .CircleArrowButtonItem{
  margin: 20px auto;
  margin-top:auto;
}
.FooterContactBlock .CircleArrowButtonItem a .CircleArrowButton .Icon {
  color: #306e44;
  background: #fff;
  width: 26px;
  height: 26px;
}
.FooterContactBlock .CircleArrowButtonItem .CircleArrowButton .Icon::before{
  font-size:18px;
}
.FooterContactBlock .CircleArrowButtonItem .CircleArrowButton .Icon::after {
  content: "";
  width: 6px;
  height: 1.5px;
  background: #306e44;
  display: inline-block;
  margin: 0 auto;
  position: absolute;
  left: 35%;
  top: 50%;
  top: 47%;
}

}


/*メニュー*/
#FooterDivision .FooterArea .DefaultBlock .ColumnGroup .Column .Main::before {
  content: "\e819";
  font-family: "fontello";
  color: #fff;
  font-size: 87.5%;
}




/*比較表*/
.ComparisonItem{
  margin:10px;
}
.ComparisonItem .SknTplDecoratedTable table{
  width: 100%;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 3px;
  background:none;
  padding: 0px;
  background: #eee;
}
.ComparisonItem .SknTplDecoratedTable th {
  text-align: center;
  letter-spacing: 0.125em;
  font-weight: 500;
  background: #306e44;
  color:#fff;
  width:20%;
}
.ComparisonItem span.small{
  font-size:80%;
}

.ComparisonItem .SknTplDecoratedTable thead th{
      padding: 0.75em 0px;
      background: #306e44;
      border: none;
      color: #fff;
      letter-spacing: 0.05em;
      text-align: center;
      overflow: hidden;
      font-size:110%;;
      font-weight:700;
    }
.ComparisonItem .SknTplDecoratedTable thead th:first-child{
      width: 20%;
    }
    /* tbody */
.ComparisonItem .SknTplDecoratedTable tbody{
    }
.ComparisonItem .SknTplDecoratedTable thead  + tbody{
      border-top: none;
    }
.ComparisonItem .SknTplDecoratedTable tbody th,
.ComparisonItem .SknTplDecoratedTable tbody td{
    padding: 0.65em 0.5em;

    }
.ComparisonItem .SknTplDecoratedTable tbody th{
      font-size:120%;;
      font-weight:700;
    }
.ComparisonItem .SknTplDecoratedTable tbody > tr > th:not([width]){
      width: 20%;
    }
.ComparisonItem .SknTplDecoratedTable tbody td{
        text-align: center;
      font-size:120%;;
      font-weight:700;
    }
.ComparisonItem .SknTplDecoratedTable tbody td + td{
    }
.ComparisonItem .SknTplDecoratedTable tbody td .Heading{
      margin-left: 0px;
      margin-right: 0px;
    }
    
body.rsbp-under-bp2 .ComparisonItem .SknTplDecoratedTable table{
   width:900px;
}
body.rsbp-under-bp2 .ComparisonItem{
  margin:0;
}
body.rsbp-under-bp3 .ComparisonItem .SknTplDecoratedTable table{
   width:600px;
}
    
            /* + + + + + レスポンシブ + + + + +  */
            body.rsbp-under-bp3 .SknTplDecoratedTable{
            }
            /* notScrollable */
            body.rsbp-under-bp3 .SknTplDecoratedTable{
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) thead th{
              display: none;
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) thead th:first-child:last-child{
              display: block;
            }
            
            /* Scrollable */
            body.rsbp-under-bp3 .Scrollable .SknTplDecoratedTable thead{
              display: table-header-group;
            }
            body.rsbp-under-bp3 .Scrollable .SknTplDecoratedTable thead th{
              display: table-cell;
            }
            body.rsbp-under-bp3 .Scrollable .SknTplDecoratedTable tr{
              display: table-row;
            }
            body.rsbp-under-bp3 .Scrollable .SknTplDecoratedTable th,
            body.rsbp-under-bp3 .Scrollable .SknTplDecoratedTable td{
              display: table-cell;
            }
    /* + + + + + /レスポンシブ + + + + +  */



.CircleArrowButtonItem{
  display:flex;
  justify-content: flex-end;
  width:calc(100% - 80px);
  margin:0 auto;
  
}
.CircleArrowButtonItem a{
  display:inline-block;
  margin-top:-20px;
  position:relative;
  z-index:1;
}
.CircleArrowButtonItem a .CircleArrowButton{
  display:flex;
  justify-content: flex-end;
  align-items: center;
}
.CircleArrowButtonItem a .CircleArrowButton .LinkTitle{
  font-weight:600;
  color:#222;
}
.CircleArrowButtonItem a .CircleArrowButton .Icon{
  color:#fff;
  width:40px;
  height:40px;
  margin-left:10px;
  padding-left:8px;
  border-radius:100%;
  background: #306e44;
  display:flex;
  justify-content:center;
  align-items: center;
  font-size:1.4rem;
  position: relative;
}
.CircleArrowButtonItem a:hover .CircleArrowButton .Icon{
  background: #222;
}
.CircleArrowButtonItem .CircleArrowButton .Icon::after{
  content:"";
  width:11px;
  height:1.5px;
  background: #fff;
  display:inline-block;
  margin:0 auto;
  position: absolute;
  left:35%;
  top:50%;
  top:49%;
}
/*レスポンシブ*/
@media screen and (max-width:767px){

.CircleArrowButtonItem{
  display:flex;
  justify-content:center;
  width:100%;
  margin:20px  auto;
  
}
.FootAboutUsArea .CircleArrowButtonItem a{
  margin-top:0;
}
.CircleArrowButtonItem a .CircleArrowButton .Icon{
  color:#222;
  width:10px;
  height:10px;
  margin-left:15px;
  padding-left:0;
  border-radius:none;
  background:none;
  display:flex;
  justify-content:center;
  align-items: center;
  font-size:1.0rem;
  font-weight:600;
  position: relative;
}
.CircleArrowButtonItem a:hover .CircleArrowButton .Icon{
  background:none;
}
.CircleArrowButtonItem a .CircleArrowButton .Icon:after{
  display:none;
}

}
/*SPスクロール表示*/
.ScrollSaptionMenu {
  display: none;
}
@media only screen and (max-width: 500px) {
  .ScrollSaptionMenu {
    display: block;
    text-align: center;
    margin: 20px auto 20px;
    padding: 0.15em;
    border-radius: 2em;
    background-color: #f5f5f5;
    max-width: 15em;
    font-size: 80%;
    z-index: 1;
    position: relative;
  }
}