@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● トップページ専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.WidePageWidthSetter{
  max-width:1300px;
  margin-left:auto;
  margin-right:auto;
  width:100%;
}
#HeaderDivision{
  padding:0;
}


#ContentsDivision {
  padding-top:0;
}


/* テスト*/
.rsbp-over-bp3 #ContentsDivision .BasicBlock {
  min-width:1100px;
  padding:40px 10px;
  overflow:hidden;
}
.rsbp-over-bp3 #ContentsDivision .content_area{

  min-width:1080px;
  min-width:1180px;
}

#Container > div[class*="Area"]{
  padding: 40px 0;
}
/* bp2より幅が 狭い 時*/
.rsbp-under-bp2 #Container > div[class*="Area"]{
  padding: 0px 0;
}


/* --------------------------------------------------- */
/* Element Style                                       */
/* --------------------------------------------------- */
.ContentsDivision a{
  text-decoration: none;
}
.ContentsDivision .Image img{
  width:      100%;
  height:     auto;
}
/* bp2より幅が 広い 時*/
.rsbp-over-bp2 #FooterDivision{
  margin-top: 0;
  padding-top: 0;
}






/* --------------------------------------------------- */
/* BasicArea                                    　　   */
/* --------------------------------------------------- */
.BasicArea{}


.BasicArea.SubColorArea{
  background:#f9f7f1;
}


     /* bp2より幅が 広い 時 */
    .rsbp-over-bp2 .BasicArea{
       min-width:1000px;
    }



.BasicArea .BasicBlock{
  
}

.BasicBlock .BlockHeader{
  text-align:center;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.BasicBlock .BlockHeader .EngHeading{
  margin:0;
  font-size:1.3em;
  font-weight:600;
  line-height:1.3;
  color:#306e44;
}
.BasicBlock .BlockHeader .Heading{
  margin:10px auto;;
  line-height:1.3;
  font-weight:700;
  font-size:2em;
  letter-spacing: 0;
}

#ContentsDivision  .NarrowArea .BasicBlock .BlockHeader{
  max-width:1060px;
  max-width:1080px;
}


#Container .WhereYouShineArea{
  padding: 0px 0!important;
}

.WhereYouShineArea{
  position:relative;

}
.WhereYouShineArea .LeftBasicBlock{
  position:relative;
}
.WhereYouShineArea .LeftBasicBlock .BlockHeader{
  margin-top:0;
  margin-bottom:0;
}
.WhereYouShineArea .LeftBasicBlock .Heading{
  font-size: 2.7em;
  line-height:1.8;
  position:relative;
  z-index:1;
}
.WhereYouShineArea .LeftBasicBlock::before{
  display:none;
}
.WhereYouShineArea .LeftBasicBlock .Heading::before{
  position: absolute;
  content: "Where You Shine";
  white-space:nowrap;
  background:none;
  font-weight: 700;
  color: #f9f7f1;
  font-size: 4.2em;
  width:100%;
  max-width:1400px;
  line-height: 1;
  top: auto;
  bottom:0;
  left:-0.8em;
  margin-left:0;
  z-index: -1;
  margin:0 auto;
}
/*レスポンシブ*/
@media screen and (max-width:767px){

.WhereYouShineArea {
  width:100%;
  overflow:hidden;
}

.WhereYouShineArea .LeftBasicBlock .BlockHeader {
  position: relative;
  margin:0!important;
}
.WhereYouShineArea .LeftBasicBlock .Heading{
  position: static;
  margin: 10px auto;
}

.WhereYouShineArea .LeftBasicBlock .Heading::before{
  width:calc(100% - 20px);
  /*white-space:normal;*/
  left:10px;
  bottom:0;
  margin-left:10px;
  font-size: 2.2em;
  text-align:center;
  font-size: 4.2em;
  text-align:left;
}


}



/* --------------------------------------------------- */
/* スライダー LIneup                            　　   */
/* --------------------------------------------------- */

.SliderItem {
  width:100%;
  overflow: hidden;
}

.content_area{
  max-width: 1500px;
  padding: 0 10px;
  margin: 0 auto;
  background:none;
  width:100%;
}
.NarrowArea .content_area{
  max-width: 1100px;
  padding: 0 0px;
  margin: 0 auto;
  background:none;
  width:100%;
}

.slick-list{
  overflow: visible;
}
.slick-track{
  /*display: flex;*/
}

.slick-item{
  /*padding:10px 20px;
  padding:10px 1.8vw;*/
}
.NarrowArea .content_area .slick-item{
  /*padding:10px 1vw;
  padding:20px;*/
  
}

.slick-item .Sinner{
  background: #fff;
  -webkit-transition: all .4s;
  transition: all .4s;
  box-shadow: 0 0.2em 0.3em rgba(0,0,0,0.25);
  box-shadow: 0 0 1em rgba(0,0,0,0.25);

}
.slick-item .ImageItem{

}
.slick-item .ImageItem img{
}

.slick-item .TextItem {
  padding:10px 15px;
  font-size: 18px;
  line-height: 1.5;
  text-align: left;
}
.slick-item .TextItem .Meta{
 font-size:75%;
 display:flex;
 line-height:1.0;
 margin:5px 0;
}
.slick-item .TextItem .Meta .Date{
 color:#555;
}
.slick-item .TextItem .Meta .Category{
 
}
.slick-item .TextItem .Meta .Category span{
  color:#555;
  background: #f7f5ed;
  padding:1px 5px;
  border-radius:30px;
  margin:2px;
}

.slick-item .TextItem .ProTitle{
  font-family:"Noto Sans JP" , "Meiryo", "Arial", "Century Gothic", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.6em;
  line-height:1.3;
  color: #306E44;
  margin-bottom:3px;
}
.slick-item .TextItem .ProTitle .Small{
  font-size:68%;
}
.slick-item .TextItem .Copy{
  font-family:"Noto Sans JP" , "Meiryo", "Arial", "Century Gothic", sans-serif;
  font-size: 16px;
  font-size: 15px;
  line-height:1.8;
  font-weight: 600;
  color:#222;
  margin-top:4px;
  margin-bottom:4px;
}
.slick-item .TextItem .HTag{

}
.slick-item .TextItem .HTag > span{
  background:#f7f5ed;
  padding:5px 3px;
  border-radius:10%;
  font-size: 12px;
  line-height:1;
  display:inline-block;
  margin:2px 3px;
  font-weight: 500;
}

.slick-prev, 
.slick-next{
  z-index:100;
}


/*中央*/
.slick-item.slick-center{
}

.slick-slider:not(.ListType) .slick-item .Sinner{
	transform: scale(0.89);
  -webkit-transition: all .4s;
  transition: all .4s;
  margin:12px 16px;
}
.slick-slider:not(.ListType) .slick-item.slick-center .Sinner{
	transform: scale(1.0);
  -webkit-transition: all .4s;
  transition: all .4s;
  margin:12px 10px;
}

@media screen and (max-width:500px){


.slick-slider:not(.ListType) .slick-item .Sinner{
	transform: scale(1.0);
  -webkit-transition: all .4s;
  transition: all .4s;
  margin:12px 10px;
}


.SliderItem .slick-list{
  margin-bottom:50px;
}
.slick-item .TextItem .ProTitle{
  font-size: 1.3em;
}

.slick-item .TextItem .Copy{
  font-size: 13px;

}


}




/*左右の矢印の色を変える*/
.slick-prev:before, 
.slick-next:before{
  color:#75E1D6;
}

/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*CSS クラス名を設定*/
.dots-wrap {
    margin-top:3.3vw;
    margin-top:5vw;
    display: flex;
    justify-content: center;
}

.dots-wrap li {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: #eee;
    border-radius: 50%;
    cursor: pointer;
}

.dots-wrap li:hover,
.dots-wrap li.slick-active {
    background: #333;
}
.dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}



@media screen and (max-width:560px){
  .content_area{
    padding: 0 30px;
    padding: 0 10px;
  }
  .slick-item p {
     /*font-size: 15px;
    ine-height: 100px;
    margin: 5px;
    padding: 1.5%;*/
  }
  
  .dots-wrap {
    margin-top:4.3vw;
    display: flex;
    justify-content: center;
   }
.slick-item .TextItem{

}

  
}

.MainImageArea{
  padding:0!important;
}

.TopMainImage .CatchItem {
  position: absolute;
  text-align: left;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 2;
  top: calc(2vw + 70px + 36px );
  top: calc(9vw - 10px);
  left: 0px;
  width: 100%;
  font-weight:800;
}
.TopMainImage .CatchItem .Catch {
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 0.5em;
}
.TopMainImage .CatchItem .Catch.CatchSub {
  margin-top: calc(2vw + 5px );
}
.TopMainImage .CatchItem .CatchImageList {
  margin-top: calc(2vw + 5px );
}

.TopMainImage .CatchItem .Catch span {
  display: block;
  color: #222;
  text-shadow: 1px 2px 15px rgba(0, 0, 0, 0.05);
  font-weight: 700;
  line-height:1.4;
}
.TopMainImage .CatchItem .Catch em {
  color: #ffff00;
}

  .TopMainImage .CatchImage{
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 0.5em;
  }
  .TopicListItem{
    width:42vw;
    max-width:600px;
    margin: 10px auto 0 0;
  }
  .TopicListItem{
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start; 
  }
  .TopicListItem .TopicList{
     width:30%;
     margin:10px 10px 10px 0;
  }
  .TopicListItem .TopicList img{
     width:100%;
     height:auto;
  }
  .TopicListItem .TopicList.breaker{
    display:none;
  }
  .TextminiCaption{
    color:#306e44;
  }

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

  .TopMainImage .CatchItem {
    top: calc(9vw - 10px);
  }
}
/*レスポンシブ*/
@media screen and (max-width:767px){





    .TopMainImage .topImage .SpItem{
      display:block;
    }
    .TopMainImage .topImage .PcItem{
      display:none;
    }


  .TopicListItem{
    width:100%;
    max-width:350px;
    margin: 10px auto;
  }
  .TopicListItem{
    display: flex;
    flex-wrap: wrap;
    justify-content:center; 
  }
  .TopicListItem .TopicList{
    width: 130px;
    margin: 3px 3px;
  }
  .TopicListItem .TopicList img{
     width:100%;
     height:auto;
  }
  .TopicListItem .TopicList.breaker{
    width:100%;
    display:block;
  }
  .TextminiCaption{
    color:#306e44;
    font-size:80%;
  }

}


@media (min-width: 768px) {


    #Container  #TopLineUp{
      padding-top:0;
    }

    .TopMainImage .topImage{
      overflow:hidden;
      position:relative;
    }

    
    /*メイン画像拡大*/
    .TopMainImage .topImage .animate img {
      width: 100%;
      height: auto;
      animation: animationZoom 5s ease-in-out forwards;
      z-index:0;
    }
    @keyframes animationZoom {
      100% {
        transform:scale(1.1)
      } 
    }



  .TopMainImage .CatchItem .Catch span {
    font-size: calc(1.2rem + ((1vw - 3.2px) * 4.6364));
    font-size: calc(1.2rem + ((1vw - 6px) * 5.3364));
  }
  .TopMainImage .CatchItem .Catch span.Sub {
    font-size: calc(1.1rem + ((1vw - 3.2px) * 3.6364));
  }
  .TopMainImage .CatchItem .Catch span.Sub2 {
    font-size: calc(1rem + ((1vw - 3.2px) * 1.6364));
    font-size: calc(1rem + ((1vw - 6px) * 2.0364));
  }
  

}

@media (min-width: 768px) {

    .TopMainImage{
      overflow:hidden;
      position:relative;
    }
    .TopMainImage:before{
      content: "";
      position:absolute;
      top:0;
      left:0;
      display:inline-block;
      width:28%;
      height:100%;
      background:#faf7f2;
      z-index: 2;
    }
    .TopMainImage:after{
      content: "";
      position:absolute;
      top:0;
      left:28%;
      display:inline-block;
      width:72%;
      height:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+39&1+0,0+40 */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.03) 39%,rgba(255,255,255,0) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      z-index: 1;


　　　}
    .TopMainImage .topImage .SpItem{
      display:none;
    }

}

@media (min-width: 1300px) {
  .TopMainImage .CatchItem{
    
  }
  .TopMainImage .CatchItem .Catch span {
    font-size: 57px;
  }
  
  .TopMainImage .CatchItem .Catch span.Sub2 {
    font-size: 30px;
  }
  

}
@media (max-width: 999px) {

  .TopMainImage .CatchItem .Catch span {
    font-size:40px;
  }
  .TopMainImage .CatchItem .Catch span.Sub2 {
    font-size:23px;
  }
  
  
  .TopicListItem {
    
    min-width: 400px;
    margin: 10px auto 0 0;
  }


}
@media (max-width: 767px) {

  .TopicListItem {
    min-width: 500px;
    margin: 10px auto;
  }

  .TopMainImage .CatchItem{
    text-align:center;
    top: calc(5vw + 80px);
  }
  .TopMainImage .CatchItem .Catch.CatchSub {
    margin-top: calc(40vw + 15px );
  }
  .TopMainImage .CatchItem .CatchImageList {
    margin-top: calc(40vw + 15px );
  }
   
  
  
  .TopMainImage .CatchItem .Catch span {
    font-size: calc(2rem + ((1vw - 3.2px) * 4.6364));
    
    text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 25px rgba(255,255,255,1),0 0 8px rgba(255,255,255,1),0 0 12px rgba(255,255,255,0.9),0 0 10px rgba(255,255,255,0.9);
    
  }
  .TopMainImage .CatchItem .Catch span.Sub {
    font-size: calc(1.6rem + ((1vw - 3.2px) * 3.6364));
  }
  .TopMainImage .CatchItem .Catch span.Sub2 {
    font-size: calc(1.0rem + ((1vw - 3.2px) * 1.6364));
  }
  .TopMainImage .CatchImage{
    margin: 0 auto;
    max-width: 1100px;
    padding: 0 0.5em;
  }
  .TopMainImage .CatchImage .CatchImageList{
    color:#fff;
  }
  
  
}
/*レスポンシブ*/
@media screen and (max-width:500px){

  .TopMainImage .CatchItem{
    text-align:center;
    top: calc(20vw + 20px);
  }
  .TopMainImage .CatchItem .Catch.CatchSub {
    margin-top: calc(20vw + 55px );
  }
  .TopicListItem {
      min-width: 250px;
      margin: 10px auto 0px;
  }
  .TopicListItem .TopicList {
    width: 85px;
    margin: 3px 3px;
  }
  
  .TopMainImage .CatchItem .Catch span {
    /*font-size: calc(1.6rem + ((1vw - 3.2px) * 4.6364));*/
    font-size: calc(1.45rem + ((1vw - 3.2px) * 4.6364));
    text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 25px rgba(255,255,255,1),0 0 8px rgba(255,255,255,1),0 0 12px rgba(255,255,255,0.9),0 0 10px rgba(255,255,255,0.9);
    
  }
  .TopMainImage .CatchItem .Catch span.Sub {
    font-size: calc(1.6rem + ((1vw - 3.2px) * 3.6364));
  }
  .TopMainImage .CatchItem .Catch span.Sub2 {
    font-size: calc(1.0rem + ((1vw - 3.2px) * 1.6364));
  }
  
  
  
}













/*.Lineup-slider*/
.Lineup-slider{

}
.Lineup-slider .Card{
  aspect-ratio: 380/ 395;
  aspect-ratio: 380/ 300;
}
.Lineup-slider .Card .Sinner{
  margin:10px 20px;
}
.Lineup-slider .Card .Sinner .TextItem{
  padding:20px 22px;
  padding:20px 20px;
}

.Lineup-slider .Card .ImageItem .Image{
  aspect-ratio: 380/ 233;
  padding:0;
}
.Lineup-slider .Card .ImageItem .Image img{
  width:100%;
  height:100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.Lineup-slider .Card  .TextItem{
  aspect-ratio: 380/ 162;
  aspect-ratio: 380/ 90;
}

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

.Lineup-slider .Card{
  /*aspect-ratio: 380/ 450;*/
  aspect-ratio: 380/ 300;
}
.Lineup-slider .Card .Sinner .TextItem{
  padding:10px 20px;
  aspect-ratio: 380/ 90;
}

}



/* --------------------------------------------------- */
/* Block Style                                         */
/* --------------------------------------------------- */

/* DefaultBlock
--------------------------------------------------- */
.DefaultBlock{
}
    .DefaultBlock .BlockHeader{
      margin-bottom: 50px;
      margin-bottom: 30px;
    }
    /* bp2より幅が 狭い 時*/
    .rsbp-under-bp2 .DefaultBlock .BlockHeader{
      /*padding:  0 10px;*/
      margin-bottom: 30px;
    }
    .DefaultBlock .BlockHeader.TypeEn{
    }
        .DefaultBlock .BlockHeader.TypeEn span{
          display: block;
          text-align: center;
        }
            /* bp2より幅が 広い 時 */
            .rsbp-over-bp2  .DefaultBlock .BlockHeader.TypeEn span img{
              transform: scale(0.8);
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .DefaultBlock .BlockHeader.TypeEn span img{
              height: 1.25em;
            }
        .DefaultBlock .BlockHeader.TypeEn span.Text{
          margin-top: 0.75em;
          font-size: 150%;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .DefaultBlock .BlockHeader.TypeEn span.Text{
          margin-top: 0.35em;
          font-size: 90%;
        }
    .DefaultBlock .BlockContents{
    }
    /* bp2より幅が 狭い 時 
    .rsbp-under-bp2 .DefaultBlock .BlockContents{
      padding:  0 10px;
    }*/
    .DefaultBlock .BlockFooter{
      margin-top: 50px;
    }
    /* bp2より幅が 狭い 時 */
    .rsbp-under-bp2 .DefaultBlock .BlockFooter{
      margin-top: 30px;
    }
        .DefaultBlock .BlockFooter .Button{
        }




/* --------------------------------------------------- */
/* MainImageArea                                       */
/* --------------------------------------------------- */
.MainImageArea{
  padding: 0 !important;
}
    .MainImageArea .DefaultBlock{}
        .MainImageArea .DefaultBlock .BlockContents{
          position: relative;
        }
        /* bp1より幅が 広い 時 */
        .rsbp-over-bp1 .MainImageArea .DefaultBlock .BlockContents{
          /*width: 1280px;*/
          margin: 0 auto;
        }
        

           .MainImageArea .DefaultBlock .BlockContents .bx-wrapper{
              margin: 0 0 0 auto;
              width: 87.5%;
              opacity: 0.75;
              border-radius: 75px 0 0 75px;
              overflow: hidden;
              height: 525px;
              height:50vw;
            }
              .bx-wrapper .bx-viewport {
                max-height: 1000px !important;
                min-height: 0 !important;
              }
            /* bp1より幅が 広い 時 */
            .rsbp-over-bp1 .MainImageArea .DefaultBlock .BlockContents .bx-wrapper{
              margin: 0 -150px 0 auto;
              width: 1280px;
              border-radius: 75px;
            }
            /* bp2より幅が 広い 時 */
            .rsbp-over-bp2 .MainImageArea .DefaultBlock .BlockContents .bx-wrapper{
              height: 525px;
              height: 45vw;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .MainImageArea .DefaultBlock .BlockContents .bx-wrapper{
              width: 95%;
              border-radius: 40px 0 0 40px;
              height: 200px;
              height:50vw;
            }
            /* bp3より幅が 狭い 時 */
            .rsbp-under-bp3 .MainImageArea .DefaultBlock .BlockContents .bx-wrapper{
              width: 95%;
              border-radius: 40px 0 0 40px;
              height: 200px;
              height:50vw;
            }

            
            
                .MainImageArea .DefaultBlock .BlockContents .bx-wrapper img{
                  /*width: 100%;
                  transform: scale(1.05);*/
                  margin-top: -30px;
                  min-height: 0 !important;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .MainImageArea .DefaultBlock .BlockContents .bx-wrapper img{
                  width: 150%;
                  margin-left: -25%;
                  margin-top:-15vw;
                }
                /* bp3より幅が 狭い 時 */
                .rsbp-under-bp3 .MainImageArea .DefaultBlock .BlockContents .bx-wrapper img{
                  margin-top:-20vw;
                }





            .MainImageArea .DefaultBlock .BlockContents #video{
              margin: 0 0 0 auto;
              width: 87.5%;
              opacity: 0.75;
              border-radius: 75px 0 0 75px;
              overflow: hidden;
            }
            /* bp1より幅が 広い 時 */
            .rsbp-over-bp1 .MainImageArea .DefaultBlock .BlockContents #video{
              margin: 0 -150px 0 auto;
              width: 1280px;
              border-radius: 75px;
            }
            /* bp2より幅が 広い 時 */
            .rsbp-over-bp2 .MainImageArea .DefaultBlock .BlockContents #video{
              height: 525px;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .MainImageArea .DefaultBlock .BlockContents #video{
              width: 95%;
              border-radius: 40px 0 0 40px;
              height: 200px;
            }
                .MainImageArea .DefaultBlock .BlockContents #video video{
                  width: 100%;
                  transform: scale(1.05);
                  margin-top: -30px;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .MainImageArea .DefaultBlock .BlockContents #video video{
                  width: 150%;
                  margin-left: -25%;
                }
            .MainImageArea .DefaultBlock .BlockContents .CircleButtonBox{
              margin-top: -90px;
              justify-content: right;
            }
            /* bp2より幅が 狭い時 */
            .rsbp-under-bp2 .MainImageArea .DefaultBlock .BlockContents .CircleButtonBox{
              margin-top: -50px;
              justify-content: center;
            }
                .MainImageArea .DefaultBlock .BlockContents .CircleButton{
                  padding: 0 8px;
                }
                .MainImageArea .DefaultBlock .BlockContents .CircleButton.Tochi{
                }
                .MainImageArea .DefaultBlock .BlockContents .CircleButton a{
                  display: block;
                  color: #fff;
                  border-radius: 100%;
                  padding: 0 1.75em;
                  line-height: 1.25rem;
                  font-weight: bold;
                  text-align: center;
                  margin-right: 0px;
                  width:  11em;
                  height: 11em;
                  position: relative;
                  left: 0;
                }
                .MainImageArea .DefaultBlock .BlockContents .CircleButton.Contact a{
                  background-color: #6DAD30;
                  padding-top: 2.5em;
                }
                .MainImageArea .DefaultBlock .BlockContents .CircleButton.Tochi   a{
                  background-color: #C8A626;
                  padding-top: 4em;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .MainImageArea .DefaultBlock .BlockContents .CircleButton a{
                  font-size: 55%;
                  margin: 0 auto;
                  line-height: 1.25em;
                }
                /* bp2より幅が 広い 時 */
                .rsbp-over-bp2 .MainImageArea .DefaultBlock .BlockContents .CircleButton a:hover{
                  left: 6px;
                }
                .rsbp-over-bp2 .MainImageArea .DefaultBlock .BlockContents .CircleButton.Contact a:hover{
                  background-color: #5CBD00;
                }
                .rsbp-over-bp2 .MainImageArea .DefaultBlock .BlockContents .CircleButton.Tochi   a:hover{
                  background-color: #DBAF0C;
                }
                .MainImageArea .DefaultBlock .BlockContents .CircleButton a:after{
                  content: "\f101";
                  font-family: "fontello";
                  position: absolute;
                  right: 5px;
                  top: 50%;
                  margin-top: -0.5em;
                  font-weight: normal;
                  color: rgba(255,255,255,0.65);
                  font-size: 135%;
                }
                    .MainImageArea .DefaultBlock .BlockContents .CircleButton a strong{
                      background-color: rgba(255,255,255,0.2);
                      border-radius: 2em;
                      padding: 0.25em 0.75em;
                      font-size: 125%;
                      display: block;
                      letter-spacing: 0.1em;
                      margin-bottom: 0.35em;
                    }





/* --------------------------------------------------- */
/* LeadArea                                            */
/* --------------------------------------------------- */
.LeadArea{
  padding-bottom: 0px !important;
  overflow-x: hidden;
}
/* bp2より幅が 狭い 時 */
.rsbp-under-bp2 .LeadArea{
  padding-top: 80px !important;
  /*margin-top: -55px;*/
  padding-bottom: 0px !important;
}
    .LeadArea .DefaultBlock{
      text-align: center;
      background: url(../img/top/decoration/leadarea-footline.png) no-repeat bottom center;
      padding-bottom: 100px;
      position: relative;
      background-size: 40%;
    }
    /* bp2より幅が 狭い 時 */
    .rsbp-under-bp2 .LeadArea .DefaultBlock{
      background-size: 50%;
      padding-bottom: 40px;
    }
    .LeadArea .DefaultBlock:before,
    .LeadArea .DefaultBlock:after{
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      position: absolute;
    }
    .LeadArea .DefaultBlock:before{
      background-image: url(../img/common/decoration/house-illust1-green.png);
      width: 200px;
      height: 100px;
      top: -50px;
      left: -100px;
    }
    /* bp2より幅が 狭い 時 */
    .rsbp-under-bp2 .LeadArea .DefaultBlock:before{
      width: 80px;
      height: 50px;
      left: -20px;
      top: -70px;
    }
    .LeadArea .DefaultBlock:after{
      background-image: url(../img/common/decoration/house-illust2-green.png);
      width: 160px;
      height: 100px;
      top: 20%;
      right: -40px;
    }
    /* bp2より幅が 狭い 時 */
    .rsbp-under-bp2 .LeadArea .DefaultBlock:after{
      width: 65px;
      height: 50px;
      top: -35%;
      right: -10px;
    }
        .LeadArea .DefaultBlock .BlockHeader{}
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .LeadArea .DefaultBlock .BlockHeader{
          margin-bottom: 20px;
        }
            .LeadArea .DefaultBlock .BlockHeader .Heading{}
                .LeadArea .DefaultBlock .BlockHeader .Heading img{
                  width: 450px;
                  max-width: 70%;
                }
        .LeadArea .DefaultBlock .BlockContents{}
            .LeadArea .DefaultBlock .BlockContents p{
              letter-spacing: 0.1em;
              line-height: 2.25;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .LeadArea .DefaultBlock .BlockContents p{
              font-size: 50%;
            }

/* --------------------------------------------------- */
/* MovieArea                                           */
/* --------------------------------------------------- */
.MovieArea .DefaultBlock .Main{
  letter-spacing: 0.1em;
  line-height: 2.25;
  color: #4f4e40;
  color: #222;
  font-size:150%;
  /*font-weight:normal;*/
}
.MovieArea .DefaultBlock .EnglishTitle{
  display:block;
  color:#c3b388;
  font-size:200%;
  font-weight:bold;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -webkit-transform: skewy(-10deg);
  transform: skewy(-10deg);
}
.MovieArea .DefaultBlock .EnglishTitle .Sub{
  -webkit-transform: skewy(10deg);
  transform: skewy(10deg);
}

.MovieArea .DefaultBlock{
  text-align: center;
  max-width: 1100px;
  margin: 0 auto 0 auto;
  padding: 0 10px;
}
.MovieArea .DefaultBlock .Column{
  padding:15px;
}
.MovieArea .DefaultBlock .Column .Image {
  width: 100%;
  padding-bottom: 54.20%;
  height: 0px;
  position: relative;
}


.MovieArea .DefaultBlock .Column .Image iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius:15px;
  overflow:hidden;
  border:1px solid #c6ba8b;
}



        /* bp3より幅が 広い 時 */
        .rsbp-over-bp2 .MovieArea.SpItem{
          display:none;
        }
        /* bp2より幅が 広い 時 */
        .rsbp-over-bp2 .MovieArea {
          width: -webkit-calc(100% - 400px);
          width:         calc(100% - 400px);
          
        }
        .rsbp-over-bp2 .MovieArea .DefaultBlock{
          padding:0;
          max-width:800px;
        }
        /* bp1より幅が 広い 時 */
        .rsbp-over-bp2 .MovieArea .ColumnGroup .Column{
          padding:0 5px;
        }
        
        
        .rsbp-over-bp1 .MovieArea .ColumnGroup .Column{
          padding:0 15px;
        }
        .rsbp-over-bp1 .MovieArea .DefaultBlock{
          padding: 0 10px;
        }
        
        
/*940+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 940px) {


        .rsbp-over-bp2 .CircleButtonBox .MovieArea .ColumnGroup .Column{
          padding:0 15px;
        }
        .rsbp-over-bp2 .CircleButtonBox .MovieArea .DefaultBlock{
          padding: 0 10px;
        }

       .rsbp-over-bp2  .CircleButtonBox{
          position:relative;
          margin-bottom:250px;
        }
        .rsbp-over-bp2 .CircleButtonBox .MovieArea{
          position:absolute;
          width:100%;
          bottom:-250px;
          left:0;
          display:block;
        }

        
        
        
        
            
}/*940++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
        
        
        
        
        
        
        
        
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .CircleButtonBox .MovieArea{
          display:none;
        }
        /* bp3より幅が 狭い 時 */
        .rsbp-under-bp3 .MovieArea .DefaultBlock .ColumnGroup2elements > .Column:nth-child(1n){
          width:100%;
          float:none;
        }
        .rsbp-under-bp3 .MovieArea .DefaultBlock .Main{
          font-size:85%;
        }
        .rsbp-under-bp3 .MovieArea .DefaultBlock .EnglishTitle{
          font-size:75%
        }


/* --------------------------------------------------- */
/* EventArea                                           */
/* --------------------------------------------------- */
.EventArea{
  background: url(../img/common/decoration/people-illust1-green.png) no-repeat top left;
  background-size: 23%;
}
/* bp2より幅が 狭い 時 */
.rsbp-under-bp2 .EventArea{
  background: none;
/*  background-size: 45%;
  background-position: -50px top;*/
  margin-top: -30px;
  padding-bottom: 50px!important;
}
    .EventArea .DefaultBlock{
    }
        .EventArea .DefaultBlock .BlockHeader{}
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .EventArea .DefaultBlock .BlockHeader{
          margin-bottom: 20px;
        }
        .EventArea .DefaultBlock .BlockContents{}
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .EventArea .DefaultBlock .BlockContents{
          padding: 0 10px;
        }
            .EventArea .DefaultBlock .BlockContents .ColumnGroup > li:nth-child(n + 5){ /* PGの都合で、先頭固定の記事の数による表示数をうまく調整できないため、cssで不要な分を非表示にする */
              display: none;
            }
                    .ArticlePostBlock .BlockContents .ColumnGroup .Column a .ImageItem .Image{
                      background-color: #fff;
                    }
        .EventArea .DefaultBlock .BlockFooter{}
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .EventArea .DefaultBlock .BlockFooter{
          margin-top: 0;
        }



#ContentsDivision .PageTitleArea.Voice{
  /*background: url(../img/common/decoration/wave-leaf.png) no-repeat -10vw 0;
    background-size: auto;
  background-size: 80%;
  padding: 110px 0;
  margin-top: -10px;
  background: url(../img/voice/text/title-en.png) no-repeat top center;*/
  
}
#ContentsDivision .PageTitleArea.Voice::before{
  /*content: url(../img/voice/text/title-en.png);*/
  
}
/*Works*/
#ContentsDivision .PageTitleArea.Voice{

  padding-bottom:30px;
  background:none;
}
#ContentsDivision .PageTitleArea.Voice .PageTitle .Text {
  position:relative;
}
#ContentsDivision .PageTitleArea.Voice::before{
  content: url(../img/voice/text/title-en.png);
  text-align: center;
  display:block;
}

/*レスポンシブ*/
.rsbp-under-bp2 #ContentsDivision .PageTitleArea.Voice{
 width: 100%;
}


/* --------------------------------------------------- */
/* ArchiveListBlock                                    */
/* 記事の一覧用ブロック                                */
/* --------------------------------------------------- */
.ArchiveListBlock{}
    .ArchiveListBlock .BlockHeader{
      margin-bottom: 50px;
    }
        .ArchiveListBlock .BlockHeader .Heading{
          margin-top: 0;
        }
    .ArchiveListBlock .BlockContents{}
        .ArchiveListBlock .BlockContents .ColumnGroup{
          margin: 0;
          display: flex;
          flex-wrap: wrap;
          justify-content:flex-start; 
        }
            .ArchiveListBlock .BlockContents .ColumnGroup .Column{
              padding: 20px;
              margin:0;
            }
            /* 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;
                  height: 100%;
                }
                .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 );
                        }



/*Works*/
#ContentsDivision .PageTitleArea.Works{
  padding-bottom:30px;
}
#ContentsDivision .PageTitleArea.Works .PageTitle .Text {
  position:relative;
}
#ContentsDivision .PageTitleArea.Works::before{
  content: url(../img/works/text/title-en.png);
  text-align: center;
  display:block;
}


/* --------------------------------------------------- */
/* ScollImageArea                                      */
/* --------------------------------------------------- */
.ScollImageArea{
  margin: 0!important;
  /*padding: 0!important;*/
}
    .ScollImageArea .ScollImageBlock{}
        .ScollImageArea .ScollImageBlock .DefaultBlock{
          position: relative;
          z-index: 2;
        }




/* --------------------------------------------------- */
/* LineupArea                                           */
/* --------------------------------------------------- */
.LineupArea{}
    .LineupArea .DefaultBlock{
    }
        .LineupArea .DefaultBlock .BlockHeader{}
        .LineupArea .DefaultBlock .BlockContents{
          margin-top: 100px;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .LineupArea .DefaultBlock .BlockContents{
          margin-top: 40px;
          padding: 0 20px;
        }





/* --------------------------------------------------- */
/* PointArea                                           */
/* --------------------------------------------------- */
.PointArea{
  background: url(../img/common/decoration/pattern-leaf1.png);
  background-size: 100%;
  padding: 0!important
}
/*
.PointArea .WaveBlock.WaveWhite::before {
  background-image: url(../img/common/decoration/wave1-top_g.png);
  top: -28px;
  height: 116px;
  height: 10vw;
}*/
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .PointArea .WaveBlock.WaveWhite::before {
          top: -5vw;
          top: 0;
        }
        /* bp2より幅が 広い 時 */
        .rsbp-over-bp2 .PointArea .WaveBlock.WaveWhite::before {
           top: -2vw;
        }
        /* bp1より幅が 広い 時 */
        .rsbp-over-bp1 .PointArea .WaveBlock.WaveWhite::before {
           /*top: -4vw;*/
        }

      .rsbp-under-bp2 .WaveBlock.WaveWhite::after{
       
       }


    .PointArea .DefaultBlock{
      position: relative;
      z-index: 2;
      text-align: center;
      padding: 150px 0;
    }
    /* bp2より幅が 狭い 時 */
    .rsbp-under-bp2 .PointArea .DefaultBlock{
      padding: 70px 0 50px;
    }
        .PointArea .DefaultBlock .BlockHeader{}
        /* bp2より幅が 広い 時 */
        .rsbp-over-bp2 .PointArea .DefaultBlock .BlockHeader{
          margin-bottom: 40px;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .PointArea .DefaultBlock .BlockHeader{
          margin-bottom: 20px;
        }
            .PointArea .DefaultBlock .BlockHeader .Heading{}
                .PointArea .DefaultBlock .BlockHeader .Heading .Image{}
                    .PointArea .DefaultBlock .BlockHeader .Heading .Image img{
                      height: 2.75em;
                      width: auto;
                      vertical-align: middle;
                      margin-top: -10px;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockHeader .Heading .Image img{
                      height: 2em;
                    }
                .PointArea .DefaultBlock .BlockHeader .Heading strong{
                  font-size: 150%;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .PointArea .DefaultBlock .BlockHeader .Heading strong{
                  font-size: 115%;
                }
        .PointArea .DefaultBlock .BlockContents{}
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents{
          padding: 0 10px;

          padding: 0 4px;
        }
            .PointArea .DefaultBlock .BlockContents .ColumnGroup{
              margin: 0 -100px;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup{
              margin: 0;
            }
                .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column{
                  padding: 0 7px;
                }
                /* bp2より幅が 広い 時 */
                .rsbp-over-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column{
                  width: 14.285%;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column{
                  padding-bottom: 15px;

                  padding: 0 3px;
                  width: 33.3%;
                }
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup .PointNo{}
                        /* bp2より幅が 広い 時 */
                        .rsbp-over-bp2  .PointArea .DefaultBlock .BlockContents .ColumnGroup .PointNo img{
                          height: 80px;
                        }
                        /* bp2より幅が 狭い 時 */
                        .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .PointNo img{
                          height: 3em;
                        }
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup .Comment{
                      position: relative;
                      font-size: 75%;
                      line-height: 1.5;
                      font-weight: bold;
                      color: #888660;
                      margin: 0 0 20px;
                      letter-spacing: -1px;
                      height: 64px;
                      padding-top: 8px; /* ２行の場合 */
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Comment{
                      font-size: 45%;
                      letter-spacing: -0.5px;
                      margin-bottom: 5px;
                      height: 25px;
                      padding-top: 0;
                      overflow: hidden;
                    }
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(5) .Comment{
                      padding-top: 0; /* ３行の場合 */
                    }
                    /* bp2より幅が 広い 時 */
                    .rsbp-over-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(7) .Comment{
                      padding-top: 20px; /* １行の場合 */
                    }
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(4) .Comment,
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(5) .Comment,
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(6) .Comment{
                      height: 30px;
                    }
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(4) .Comment,
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(6) .Comment{
                      padding-top: 0.5em;
                    }
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup .Comment:before,
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup .Comment:after{
                      content: "";
                      background-repeat: no-repeat;
                      background-position: center;
                      background-size: contain;
                      position: absolute;
                      width: 26px;
                      height: 66px;
                      bottom: 0;
                    }
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup .Comment:before{
                      background-image: url(../img/common/decoration/slash-left.png);
                      left : 0;
                    }
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup .Comment:after{
                      background-image: url(../img/common/decoration/slash-right.png);
                      right: 0;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column .Comment:before,
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column .Comment:after{
                      width: 15px;
                      height: 40px;
                      bottom: auto;
                      top: 0;
                    }
                    /*.rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(3) .Comment:before,
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(5) .Comment:before{
                      left: -5px;
                    }
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(3) .Comment:after,
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(5) .Comment:after{
                      right: -5px;
                    }*/
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup a{
                      background-color: #fff;
                      display: block;
                      border-radius: 40px;
                      padding: 35px 10px 0;   /*行数によってtopの調整が必要*/
                      height: 162px;
                    }
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(2) a{
                      padding-top: 45px;
                    }
                    .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(6) a{
                      padding-top: 25px;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup a{
                      height: calc(100vw / 2 - 20px - 14px);
                      border-radius: 35px;
                      padding: 27px 10px 0;   /*行数によってtopの調整が必要*/

                      height: calc( (100vw - 8px) / 3 - 6px);
                      border-radius: 30px;
                      padding: 23px 5px 0;   /*行数によってtopの調整が必要*/
                    }
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(2) a{
                      padding-top: 32px;
                    }
                    .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(6) a{
                      padding-top: 17px;
                    }

                    .PointArea .DefaultBlock .BlockContents .ColumnGroup a:hover{
                      box-shadow: 0 0 8px 10px #fbe9a0;
                    }
                        .PointArea .DefaultBlock .BlockContents .ColumnGroup a .Heading{
                          line-height: 1.75;
                        }
                        /* bp2より幅が 狭い 時 */
                        .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup a .Heading{
                          font-size: 75%;

                          font-size: 60%;
                        }
                            .PointArea .DefaultBlock .BlockContents .ColumnGroup a .Heading strong{
                              color: #aa984f;
                              font-size: 130%;
                              line-height: 1.5rem;
                              margin: 0.25em 0;
                              display: inline-block;
                              letter-spacing: 0;
                            }
                            /* bp2より幅が 狭い 時 */
                            .rsbp-under-bp2 .PointArea .DefaultBlock .BlockContents .ColumnGroup a .Heading strong{
                              font-size: 110%;
                              line-height: 1.5em;
                            }
        .PointArea .DefaultBlock .BlockFooter{}
            .PointArea .DefaultBlock .BlockFooter .Button{}
                .PointArea .DefaultBlock .BlockFooter .Button a{
                  background-color: rgba(255,255,255,0.75);
                }
                .PointArea .DefaultBlock .BlockFooter .Button a:hover{
                  background-color: rgba(255,255,255,1);
                }





/* --------------------------------------------------- */
/* WorksVoiceArea                                      */
/* --------------------------------------------------- */
#WorksVoice{
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.WorksVoiceArea .DefaultBlock .LeftItem > h3,
.WorksVoiceArea .DefaultBlock .LeftItem > p{
  display:none;
}


/* bp2より幅が 狭い 時 */
.rsbp-under-bp2 .WorksVoiceArea{
  padding-top: 20px!important;
}
    .WorksVoiceArea .DefaultBlock{
    }
        .WorksVoiceArea .DefaultBlock .LeftItem{
          background: url(../img/top/decoration/works-house-illust.png) no-repeat top right;
          background-size: 80%;
          width: 50%;
          
          background:none;
        }
        /* bp2より幅が 広い 時 */
        .rsbp-over-bp2 .WorksVoiceArea .DefaultBlock .LeftItem{
          background: url(../img/top/decoration/works-house-illust.png) no-repeat 0 20px;
          margin: 0!important;
          position:relative;
          right:0;
          top:0;
          width:100%;
          min-height:550px;
          padding-top:100px;
          
          background:none;
        }
        
        
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .LeftItem{
          width: 100%;
          padding: 0 15px;
          background-size: 65%;
          padding-top: 50px;
          
          padding-top: 0;
        }
            .WorksVoiceArea .DefaultBlock .LeftItem > .Heading{
              font-size: 140%;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .LeftItem > .Heading{
              font-size: 110%;
            }
            .WorksVoiceArea .DefaultBlock .LeftItem > p{
              font-weight: bold;
              font-size: 75%;
            }
            .WorksVoiceArea .DefaultBlock .LeftItem > .Heading,
            .WorksVoiceArea .DefaultBlock .LeftItem > p{
              text-shadow:
                  #fff 2px 0px 2px, #fff -2px 0px 2px,
                  #fff 0px -2px 2px, #fff -2px 0px 2px,
                  #fff 2px 2px 2px, #fff -2px 2px 2px,
                  #fff 2px -2px 2px, #fff -2px -2px 2px,
                  #fff 1px 2px 2px, #fff -1px 2px 2px,
                  #fff 1px -2px 2px, #fff -1px -2px 2px,
                  #fff 2px 1px 2px, #fff -2px 1px 2px,
                  #fff 2px -1px 2px, #fff -2px -1px 2px,
                  #fff 1px 1px 2px, #fff -1px 1px 2px,
                  #fff 1px -1px 2px, #fff -1px -1px 2px;
            }
            .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox{
              margin-top: 205px;
              margin-right: 100px;
            }
            /* bp2より幅が 広い 時 */
            .rsbp-over-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox{
              position:absolute;
              top:0;
              right:0;
              margin-top: 20px;
              margin-right: 0;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox{
              margin-top: 20vw;
              margin-right: 0;
              
              margin-top:0;              
              
            }
            /* bp3より幅が 狭い 時 */
            .rsbp-under-bp3 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox{
              margin-top: 10vw;
              margin-right: 0;
              
              margin-top:0;     
            }
            
            
            
            
                .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .Heading{
                  text-align: right;
                  position: relative;
                  padding-bottom: 0.5em;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .Heading{
                  text-align: left;
                }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .Heading img{
                      height: 22px;
                    }
                .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .Heading:before{
                  content: "";
                  position: absolute;
                  bottom: 0;
                  right : 0;
                  width: 100%;
                  height: 2px;
                  background: #fcee32;
                  background: -moz-linear-gradient(left,  #fcee32 13%, #ffb630 41%, #ff288c 70%, #8c0cfc 100%);
                  background: -webkit-linear-gradient(left,  #fcee32 13%,#ffb630 41%,#ff288c 70%,#8c0cfc 100%);
                  background: linear-gradient(to right,  #fcee32 13%,#ffb630 41%,#ff288c 70%,#8c0cfc 100%);
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee32', endColorstr='#8c0cfc',GradientType=1 );
                }
                .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame{
                  position: relative;
                }
                

                /* bp2より幅が 広い 時 */
                .rsbp-over-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame{
                }
                    .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame a{
                      display: block;
                      position: absolute;
                      z-index: 2;
                      width : 100%;
                      height: 100%;
                      color: #5CBD00;
                      opacity: 0;
                      text-align: center;
                      padding-top: 175px;
                      line-height: 1.5;
                      font-weight: bold;
                      text-shadow:
                          rgba(255,255,255,0.75) 2px 0px 5px, rgba(255,255,255,0.75) -2px 0px 5px,
                          rgba(255,255,255,0.75) 0px -2px 5px, rgba(255,255,255,0.75) -2px 0px 5px,
                          rgba(255,255,255,0.75) 2px 2px 5px, rgba(255,255,255,0.75) -2px 2px 5px,
                          rgba(255,255,255,0.75) 2px -2px 5px, rgba(255,255,255,0.75) -2px -2px 5px,
                          rgba(255,255,255,0.75) 1px 2px 5px, rgba(255,255,255,0.75) -1px 2px 5px,
                          rgba(255,255,255,0.75) 1px -2px 5px, rgba(255,255,255,0.75) -1px -2px 5px,
                          rgba(255,255,255,0.75) 2px 1px 5px, rgba(255,255,255,0.75) -2px 1px 5px,
                          rgba(255,255,255,0.75) 2px -1px 5px, rgba(255,255,255,0.75) -2px -1px 5px,
                          rgba(255,255,255,0.75) 1px 1px 5px, rgba(255,255,255,0.75) -1px 1px 5px,
                          rgba(255,255,255,0.75) 1px -1px 5px, rgba(255,255,255,0.75) -1px -1px 5px;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame a{
                      padding-top: 100px;
                    }
                    .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame a:hover{
                      background-color: rgba(255,255,255,0.5);
                      opacity: 1;
                    }
                    .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame iframe{
                      width :450px;
                      height:450px;
                      border:none;
                      overflow:hidden;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame iframe{
                      width :100%;
                      height:100vw;
                    }
                    
                    /* bp2より幅が 広い 時 */
                    .rsbp-over-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame iframe.SpItem{
                      display:none;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame iframe.SpItem{
                      display:block;
                    }
                    .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .LeftItem .InstaBox .InstaFrame iframe.PcItem{
                      display:none;
                    }
                    
                    
                    
                    
        .WorksVoiceArea .DefaultBlock .RightItem{
          width: 50%;
        }
        /* bp2より幅が 狭い 時 */
        .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .RightItem{
          width: 100%;
          background-size: 135%;
          background-position: -5vw 100%;
          margin-top: 20px;
        }
            .WorksVoiceArea .DefaultBlock .RightItem .BlockHeader{
              margin-bottom: 25px;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .RightItem .BlockHeader{
              padding: 0 15px;
            }
                .WorksVoiceArea .DefaultBlock .RightItem .BlockHeader .Heading{
                  position: relative;
                  padding-bottom: 0.5em;
                  padding-left: 1.75em;
                  background: url(../img/common/icon/leaf.png) no-repeat 0 28%;
                  background-size: 1.25em;
                }
                .WorksVoiceArea .DefaultBlock .RightItem .BlockHeader .Heading:after{
                  content: "";
                  position: absolute;
                  bottom: 0;
                  left : 0;
                  width: 100%;
                  height: 2px;
                  background-color: #dfdac4;
                }
            .WorksVoiceArea .DefaultBlock .RightItem .BlockContents{}
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .RightItem .BlockContents{
              padding: 0 15px;
            }
                .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup{
                  margin: 0 -7px;
                }
                    .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column{
                      padding: 7px;
                    }
                        .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column a{
                          display: block;
                          position: relative;
                          max-height: 400px;
                          overflow: hidden;
                        }
                        /* bp2より幅が 狭い 時 */
                        .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column a{
                          height: 60vw;
                        }
                            .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column a .Heading{
                              border: 1px solid #fff;
                              border-radius: 100%;
                              background-color: rgba(0,0,0,0.25);
                              position: absolute;
                              top: 50%;
                              left: 50%;
                              width: 180px;
                              height: 180px;
                              margin-top: -90px;
                              margin-left: -90px;
                              z-index: 2;
                              text-align: center;
                              /*line-height: 180px;*/
                              padding-top: calc(90px - 23px);
                            }
                            /* bp2より幅が 狭い 時 */
                            .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column a .Heading{
                              width: 110px;
                              height: 110px;
                              margin-top: -55px;
                              margin-left: -55px;
                              padding-top: calc(55px - 23px);
                            }
                                .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column a .Heading img{
                                  vertical-align: middle;
                                  opacity: 1;
                                }
                                /* bp2より幅が 狭い 時 */
                                .rsbp-under-bp2 .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column a .Heading img{
                                  height: 1em;
                                }
                                .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column a .Heading small{
                                  color: #fff;
                                  font-size: 70%;
                                }
                            .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column a .Image{
                              transition: 1s ease 0s;
                            }
                            .WorksVoiceArea .DefaultBlock .RightItem .ColumnGroup .Column a:hover .Image{
                              transform: scale(1.1);
                            }
            .WorksVoiceArea .VoiceBlock{
              padding: 50px 0 80px;
            }
            /* bp2より幅が 狭い 時 */
            .rsbp-under-bp2 .WorksVoiceArea .VoiceBlock{
              padding: 40px 0 50px;
              width: 95%;
            }
                .WorksVoiceArea .VoiceBlock .Bg1{
                  border: 10px solid #fbf4d9;
                  text-align: center;
                  overflow: hidden;
                }
                /* bp2より幅が 広い 時 */
                .rsbp-over-bp2 .WorksVoiceArea .VoiceBlock .Bg1{
                  background: url(../img/top/decoration/bg-voice.png) no-repeat bottom left;
                  background-size: contain;
                  border-radius: 50px;
                  border-width: 7px;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .WorksVoiceArea .VoiceBlock .Bg1{
                  margin: 0 10px;
                  border-width: 7px;
                  border-radius: 35px;
                }
                .WorksVoiceArea .VoiceBlock .Bg2{
                  background: url(../img/top/decoration/bg-voice2.png) no-repeat bottom right;
                  background-size: contain;
                  padding: 50px;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .WorksVoiceArea .VoiceBlock .Bg2{
                  background: url(../img/top/decoration/bg-voice_sp.png) no-repeat bottom left;
                  background-size: contain;
                  padding: 30px 25px;
                }
                    .WorksVoiceArea .VoiceBlock .Heading{
                      font-size: 130%;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .WorksVoiceArea .VoiceBlock .Heading{
                      font-size: 90%;
                    }
                    .WorksVoiceArea .VoiceBlock .Button{
                      font-size: 110%;
                      margin-bottom: 0;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .WorksVoiceArea .VoiceBlock .Button{
                      padding-left: 15px;
                      margin-top: 70px;
                    }
                        .WorksVoiceArea .VoiceBlock .Button a{
                          text-align: center;
                          background-color: #fbe9a0;
                          border: 1px solid #fff;
                        }

/* --------------------------------------------------- */
/* WorksVoiceArea2                                      */
/* --------------------------------------------------- */
#WorksVoice2{
  padding-top: 40px!important;
  padding-bottom: 0!important;
  padding-bottom: 40px!important;
  
  padding-top: 0!important;
  padding-bottom: 80px!important;
}

          /* bp2より幅が 狭い 時 */
          .rsbp-under-bp2 #WorksVoice2{
              padding-top: 40px!important;
              padding-bottom: 00px!important;
          }







/* --------------------------------------------------- */
/* ModelHouseArea                                      */
/* --------------------------------------------------- */
.ModelHouseArea{
  background: url(../img/common/decoration/pattern-grid-blue.png);
}
    .ModelHouseArea .DefaultBlock{
    }
        .ModelHouseArea .DefaultBlock .BlockHeader{}
            .ModelHouseArea .DefaultBlock .BlockHeader .Heading{
              color: #fff;
            }
        .ModelHouseArea .DefaultBlock .BlockContents{}
          /* bp2より幅が 狭い 時 */
          .rsbp-under-bp2 .ModelHouseArea .DefaultBlock .BlockContents{
            padding: 0 30px;
          }
            .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup{}
            /* bp2より幅が 広い 時 */
            .rsbp-over-bp2 .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup{
              margin: 0 -20px;
            }
                .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column{
                  padding: 0 20px;
                }
                /* bp2より幅が 狭い 時 */
                .rsbp-under-bp2 .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column{
                  padding: 0;
                  width: 100%;
                }
                .rsbp-under-bp2 .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column:nth-child(2){
                  margin-top: 20px;
                }
                    .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column a{
                      display: block;
                      position: relative;
                      overflow: hidden;
                      height: 300px;
                      border-radius: 50px;
                      background-color: #fff;
                    }
                    /* bp2より幅が 狭い 時 */
                    .rsbp-under-bp2 .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column a{
                      height: 150px;
                      border-radius: 35px;
                    }
                    .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column a:before{
                      content: "";
                      width : 80%;
                      height: 70%;
                      border-radius: 20px;
                      border: 1px solid rgba(255,255,255,0.5);
                      position: absolute;
                      z-index: 2;
                      background: rgba(0,0,0,0.25);
                      top : 15%;
                      left: 10%;
                    }
                        .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column a .Heading{
                          position: absolute;
                          z-index: 5;
                          top: 50%;
                          left: 0;
                          width: 100%;
                          color: #fff;
                          text-align: center;
                          line-height: 1;
                          margin-top: -0.5em;
                          font-size: 125%;
                          text-shadow:
                              rgba(0,0,0,0.25) 1px 1px 10px, rgba(0,0,0,0.25) -1px 1px 10px,
                              rgba(0,0,0,0.25) 1px -1px 10px, rgba(0,0,0,0.25) -1px -1px 10px;
                        }
                        /* bp2より幅が 狭い 時 */
                        .rsbp-under-bp2 .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column a .Heading{
                          font-size: 100%;
                        }
                        .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column a .Image{
                          transition: 1s ease 0s;
                        }
                        .ModelHouseArea .DefaultBlock .BlockContents .ColumnGroup .Column a:hover .Image{
                          transform: scale(1.1);
                        }




/* --------------------------------------------------- */
/* RealEstateArea                                      */
/* --------------------------------------------------- */
.RealEstateArea{
  background: url(../img/common/decoration/people-illust2-green.png) no-repeat bottom right;
  background-size: 25%;
  padding-bottom: 125px!important;
}
/* bp2より幅が 狭い 時 */
.rsbp-under-bp2 .RealEstateArea{
  background-position: bottom left;
  background-size: 50%;
}
    .RealEstateArea .DefaultBlock{
    }
        .RealEstateArea .DefaultBlock .BlockHeader{}
        .RealEstateArea .DefaultBlock .BlockContents{}
            .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup{}
                .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column{}
                    .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a{}
                        .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem{}
                            .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .Heading{
                              margin: 1em 0;
                            }
                            .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem p{
                              font-weight: bold;
                              line-height: 1;
                              text-align: left;
                              font-size: 120%;
                            }
                            /* bp2より幅が 広い 時 */
                            .rsbp-over-bp2 .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem p{
                              padding-left: 6em;
                            }
                            /* bp2より幅が 狭い 時 */
                            .rsbp-under-bp2 .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem p{
                              font-size: 70%;
                            }
                            .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .PriceBox{}
                            /* bp2より幅が 狭い 時 */
                            .rsbp-under-bp2 .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .PriceBox{
                              padding: 0 0.5em;
                            }
                            .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .SellingPrice{
                              color: #ff7e00;
                              margin-bottom: 0.5em;
                            }
                            /* bp2より幅が 広い 時 */
                            .rsbp-over-bp2 .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .SellingPrice{
                              text-indent: -4em;
                            }
                            .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .TsuboPrice{
                            }
                            /* bp2より幅が 広い 時 */
                            .rsbp-over-bp2 .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .TsuboPrice{
                              text-indent: -3.4em;
                            }
                            /* bp2より幅が 狭い 時 */
                            .rsbp-under-bp2 .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .TsuboPrice{
                              margin-left: 1em;
                            }
                                .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .Title{
                                  font-size: 70%;
                                  color: #8b856f;
                                  vertical-align: middle;
                                  margin-right: 1em;
                                }
                                .RealEstateArea .DefaultBlock .BlockContents .ColumnGroup .Column a .TextItem .Unit{
                                  font-size: 87.5%;
                                  vertical-align: middle;
                                }
        .RealEstateArea .DefaultBlock .BlockFooter{}



.BasicBlock .BlockHeader .Heading .SpBr{
  display:none;
}

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

.BasicBlock .BlockHeader .Heading .SpBr{
  display:block;
}

  .BasicBlock .BlockHeader .Heading{
    font-size:125%;
  }
  .ContentsDivision  .Button a {
    font-size: 100%;
    min-width: 130px;
  }
}

/*PickUPCard */
#Container #TopPickUp{
  padding-bottom:20px;
}

.TopPickUpArea{
  position:relative;
}

.TopPickUpArea:before{
  position:absolute;
  content:"Pick UP";
  font-weight:700;
  color:#fff;
  font-size:15vw;
  line-height:1.05;
  top:0;
  left:10px;
  z-index:0;
  top:-50px;/*タイトル補正*/
}

.TopPickUpArea .BasicBlock{
  border:0px solid #ccc;
  position:relative;
  z-index:0;
}
/*レスポンシブ*/
@media screen and (max-width:767px){

.TopPickUpArea:before{
  position:absolute;
  content:"Pick UP";
  font-weight:700;
  color:#fff;
  font-size:5rem;
  line-height:1.05;
  top:35px;
  left:0;
  text-align:center;
  width:100%;
  z-index:0;
  top:-10px;/*タイトル補正*/
}

}

.TopPickUpArea .SliderItem{}

.PickUPCard {
  width:100%;
  max-width:520px;
  height:350px;
  box-shadow: 0 0.2em 0.3em rgba(0,0,0,0.25);
  box-shadow: 0 0 1em rgba(0,0,0,0.25);
  background:#fff;
  margin:16px;
  /*border-radius:70px 0 0 0;
  overflow:hidden;*/
}
.PickUPCard .FlexList{
  flex-wrap: wrap;
  justify-content:stretch;
}
.PickUPCard .FlexList .ImageItem{
  width:50%;
  /*aspect-ratio: 5/ 7;*/
  aspect-ratio: 5/ 6.8;
  height: 100%;
}
.PickUPCard .FlexList .ImageItem img{
  width:100%;
  height:100%;
  /*-o-object-fit: cover;
  object-fit: cover;*/
  -o-object-fit: contain;
  object-fit: contain;
}
.PickUPCard.StaticPickUp .FlexList .ImageItem img{
  width:100%;
  height:100%;
  -o-object-fit: cover;
  object-fit: cover;
}


.PickUPCard .FlexList .TextItem{
  width:50%;
  background: #fff;
  padding:20px;
  display: flex;
  flex-direction: column;
}
.PickUPCard .FlexList .TextItem .PickUPDate{
  list-style:none;
  margin:10px 0;
  
}
.PickUPCard .FlexList .TextItem .PickUPDate li{
  display:flex;
  justify-content:stretch;
}
.PickUPCard .FlexList .TextItem .PickUPDate li span{
  padding:2px 5px;
  text-align:left;
}
.PickUPCard .FlexList .TextItem .PickUPDate li span.DateTitle{
 /*width:50px;*/
 white-space:nowrap;
}
.PickUPCard .FlexList .TextItem .RoundLectItem{
  border:1px solid #306e44;
  border-radius:5px;
  color:#306e44;
  font-weight:700;
  line-height:1.3;
  padding:5px 5px;
  display:inline-block;
  text-align:center;
  font-size:1em;
  width:90px;
}
.PickUPTitle{
  font-size:160%;
  color:#306e44;
  line-height:1.3;
  letter-spacing:0.1em;
}
.PickUPCard .FlexList .TextItem .Copy{
  line-height:1.5;
  margin:10px 0;
  text-align: justify;
  display: flex;
  flex-direction: column;
}
.PickUPCard.Type1 .FlexList .TextItem .Copy{
  padding-bottom:10px;
  border-bottom:1px solid #222;
  display: flex;
  flex-direction: column;
  font-weight:600;
}

.PickUPCard.Type1 .FlexList .TextItem .PostPage{
  display: flex;
  flex-direction: column;
  flex-grow:1;
}


.ColorGreen a{
  background: #306e44;
  color:#fff;
}
.RoundLectButton a{
  border-radius:10px;
  padding: 0.8em 3em;
}

/*背景緑*/
.PickUPCard.Type2 .FlexList .TextItem{
  background: #306e44;
}
.PickUPCard.Type2 .PickUPTitle{
  color:#fff;
}
.PickUPCard.Type2 .FlexList .TextItem .Copy{
  line-height:1.5;
  margin:10px -10px 10px 0;
  color:#fff;
  padding-right:60px;
  background: url(../img/top/pickup/image_copyside.png) no-repeat right top;
  min-height:150px;
}

/*レスポンシブ*/
@media screen and (max-width:767px){
  .PickUPCard{
    width:100%;
    height:auto;
    margin:16px 10px;
  }
  .PickUPCard .FlexList{
    flex-wrap: wrap;
    justify-content:stretch;
    flex-flow: column;
    width:100%;
    height:auto;
  }
  .PickUPCard .FlexList .ImageItem{
    width:100%;
    aspect-ratio: 3/ 2;
    height: 100%;
  }
  .PickUPCard .FlexList .TextItem{
    width:100%;
    background: #fff;
    padding:20px;
    font-size:80%;
  }

  .PickUPCard.Type2 .PickUPTitle{
    color:#fff;
  }
  .PickUPCard.Type2 .FlexList .TextItem .Copy{
    line-height:1.8;
    font-size: 110%;
    margin:10px -10px 0 0;
    color:#fff;
    padding-right:60px;
    background: url(../img/top/pickup/image_copyside.png) no-repeat right top;
    min-height:115px;
    background-size:40px auto;
  }
  .PickUPCard.Type2 .FlexList .TextItem .Button{
    margin-top:0;
    margin-bottom:0;
  }


}

/*写真切り欠き*/
.RTriming{
  overflow:hidden;
}
.RTriming.TypeTL{
  border-radius:70px 0 0 0;
}
.RTriming.TypeUL{
  border-radius: 0 0 0 70px;
}
.RTriming.TypeUR{
  border-radius:0 70px 0 0;
}

/*コンセプト*/
.TopConceptArea{
position:relative;
}
.TopConceptArea:before{
  position:absolute;
  content:"Our";
  font-weight:700;
  color:#f9f7f1;
  font-size:17vw;
  line-height:1.05;
  top:120px;
  left:10px;
  z-index:0;
}
.TopConceptArea:after{
  position:absolute;
  content:"Concept";
  font-weight:700;
  color:#f9f7f1;
  font-size:17vw;
  line-height:1.05;
  top:360px;
  left:10px;
  z-index:0;
}
    /* bp1より幅が 広い 時 */
    
    .rsbp-over-bp1 .TopConceptArea:before,
    .rsbp-over-bp1 .TopConceptArea:after{
       font-size:250px;
    }
/*レスポンシブ*/
@media screen and (max-width:500px){

  .TopConceptArea:before{
    position: absolute;
    content: "Our";
    font-weight: 700;
    color: #f9f7f1;
    font-size: 19vw;
    line-height: 1.05;
    top: 17vw;
    left: 10px;
    z-index: 0;
  }
  .TopConceptArea:after{
    position:absolute;
    content:"Concept";
    font-weight:700;
    color:#f9f7f1;
    font-size: 19vw;
    line-height:1.05;
    top: 35vw;
    left:10px;
    z-index:0;
  }

}
.TopConceptArea .DefaultBlock{
  margin:10px auto;
  width:100%;
  max-width:1080px;
  position:relative;
}


.TopConceptArea .BlockHeader{ 
  margin:0 auto 0 0;
  width: 50%;
  max-width: 538px;
  align-items:start;
  text-align: left;
  position:relative;
  z-index: 1;
  margin-bottom:80px;
}
.TopConceptArea .BlockHeader .SideGreen{ 
  color:#306e44;
  margin:0;
  margin-bottom:40px;
}
.TopConceptArea .BlockHeader .SideGreen .SpBr{
  display:none;
}
.TopConceptArea .BlockHeader .ConceptText{
  font-weight:600;
  line-height: 2.5;
}



.TopConceptArea .BlockContents{
  width: 100%;
  max-width: 1080px;
}
.TopConceptArea .BlockContents .ImageItem{
  display:flex;
  justify-content: space-between;
}
.TopConceptArea .BlockContents .ImageItem .Image2{
  position:absolute;
  top:80px;
  right:0;
  width:100%;
  max-width:420px;
  z-index: 1;
  aspect-ratio: 420 / 270;
  border-radius:0 70px 0 0;
  overflow:hidden;
}
.TopConceptArea .BlockContents .ImageItem .Image2 img{
  width: 110%;
  height: 110%;
  object-fit: cover;
  object-position: 35% 50%;
}

.TopConceptArea .BlockContents .ImageItem .Image1{
  width:100%;
  max-width:573px;
  position:static;
  z-index: 1;
  aspect-ratio: 573 / 357;
  border-radius:0 0 0 70px;
  overflow:hidden;
}
.TopConceptArea .BlockContents .ImageItem .Image1 img{
  width::100%;
  height:100%;
  object-fit: cover;
  object-position: 100% 100%;
}


.TopConceptArea .BlockContents .ImageItem .Image3{
  position:absolute;
  bottom:40px;
  right:calc(420px - 293px);
  width:100%;
  max-width:293px;
  
  height:463px;
  z-index: 1;
  border-radius:70px 0 0 0 ;
  overflow:hidden;
  aspect-ratio: 293 / 463;
}
.TopConceptArea .BlockContents .ImageItem .Image3 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 25% 50%;
}



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



.TopConceptArea .DefaultBlock{
  padding:10px 20px;
}
.TopConceptArea .BlockHeader{
  width:100%;
  padding:0;
}

.TopConceptArea .BlockHeader .ConceptText{
  font-weight:600;
  line-height: 1.8;
  font-size:87.5%;
}
.TopConceptArea .BlockHeader .ConceptText .PcBr{
    display:none;
 }

.TopConceptArea .BlockHeader .SideGreen{
  line-height:1.6;
  font-size:180%;
}
.TopConceptArea .BlockHeader .SideGreen .SpBr,
.ContentsDivision .SpBr{
  display:block;
}


.TopConceptArea .BlockContents .ImageItem{
  display:flex;
  flex-flow: column;
}
.TopConceptArea .BlockContents .ImageItem .Image1{
  margin:20px 0;
  aspect-ratio: 1 / 1;
  border-radius:70px 0 70px 0 ;
  overflow:hidden;
}
.TopConceptArea .BlockContents .ImageItem .Image2{
  position:static;
  margin:20px 0;
  border-radius:70px 0 70px 0 ;
  max-width: 500px;
}

.TopConceptArea .BlockContents .ImageItem .Image3{
  position:static;
  margin:20px 0;
  width:100%;
  aspect-ratio: 4 / 3;
  border-radius:70px 0 70px 0 ;
  max-height:1000px;
  max-width:1000px;
}
.TopConceptArea .BlockContents .ImageItem .Image3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 30% 50%;
}




}

/*リーフハウスなら建売も分譲も*/



.Estate-slider .Card{
  /*aspect-ratio: 320 / 320;*/
  aspect-ratio: 320 / 255;
}
.Estate-slider .Card .Sinner{
  height:100%;
}

.Estate-slider .Sinner .ImageItem .Image{
  aspect-ratio: 355 / 237;
}
.Estate-slider .Sinner .ImageItem .Image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Estate-slider .Sinner .TextItem{
 overflow:hidden;
  aspect-ratio: 320 / 62;
  padding: 8px 25px;
}
.Estate-slider .Sinner .SetHeight .Heading{
  
  margin-bottom:5px;
}
.Estate-slider .Sinner .TextItem .SellingPrice{
   font-size:0.8em;
}
.Estate-slider .Sinner .TextItem .TsuboPrice{
   font-size:0.8em;
}




.Estate-slider .Sinner .TextItem .PriceBox{
      margin-top: 5px;
      padding-top: 5px;
      font-weight: bold;
      border-top: 0px solid #ddd7bd;
    }
    

    
        /* bp2より 狭い 時 */
.Estate-slider .Sinner .TextItem .PriceBox p{
          display: inline-block;
        }
.Estate-slider .Sinner .TextItem .PriceBox .Title{
          color: #8b856f;
          margin-right: 0.75em;
          font-size: 92.5%;
        }
.Estate-slider .Sinner .TextItem .PriceBox .TsuboPrice .Title{
          margin-left: 1em;
        }
.Estate-slider .Sinner .TextItem .PriceBox .Price{
          font-size: 120%;
        }
.Estate-slider .Sinner .TextItem .PriceBox .SellingPrice .Price{
          color: #ff7e00;
        }



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

    /* bp2より 狭い 時 */
.Estate-slider .Sinner .TextItem .PriceBox{
      font-size: 95%;
    }


}





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

  .Estate-slider .Card{
    /*aspect-ratio: 320 / 370;*/
    aspect-ratio: 320 / 255;
  }

  .Estate-slider .Sinner .TextItem {
    overflow: hidden;
    aspect-ratio: 320 / 65;
    padding: 5px 20px;
  }

  .Estate-slider .Sinner .Heading{
   /*font-size: 0.8em;*/
   font-size: 15px;
   margin-top:0;
   margin-bottom:5px;
   letter-spacing:0.05em;
  }




}









/*イベント*/
.TopEventArea .dots-wrap {
    margin-top:8.3vw;
}
.Event-slider .Card{
  aspect-ratio: 370 / 396;
}
.Event-slider .Card .Sinner{
  height:100%;
	transform: scale(1.0)!important;
  -webkit-transition: all .4s;
  transition: all .4s;
  margin:8px 0;


}

.Event-slider .Sinner .ImageItem .Image{
  aspect-ratio: 367 / 260;
}
.Event-slider .Sinner .ImageItem .Image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Event-slider .Sinner .Heading{
  margin-top:5px;
}





/*左づめ*/
.LeftBasicBlock{
  position:relative;
}
.LeftBasicBlock::before{
  position: absolute;
  content: "";
  background: #f9f7f1;
  top: -40px;
  top: 0;
  right: 0;
  z-index: 0;
  width:calc(76% + 00px);
  height:calc(100% + 80px);
  height:100%;
  border-radius:125px 0 0 125px;
}

.LeftBasicBlock .BlockHeader{ 
  margin:40px auto 30px;
  width: 100%;
  align-items:start;
  text-align: left;
  z-index: 1;
}
.LeftBasicBlock .BlockHeader .EngHeading{
  z-index: 1;
}
.LeftBasicBlock .BlockHeader .Heading{
  margin: 0 auto 0 0;
  align-items: start;
  text-align: left;
  display:inline-block;
  z-index: 1;
  letter-spacing:0;
}
.LeftBasicBlock .BlockContents .CircleArrowButtonItem{
   margin-top:60px;
   max-width:1060px;
}

/*右づめ*/
.RightBasicBlock{
  position:relative;
}
.RightBasicBlock::before{
  position: absolute;
  content: "";
  background: #f9f7f1;
  top: -40px;
  top: 0;
  left: 0;
  z-index: 0;
  width:calc(76% + 00px);
  height:calc(100% + 80px);
  height:100%;
  border-radius:0 125px 125px 0;
}

.RightBasicBlock .BlockHeader{ 
  margin:40px auto 30px;
  width: 100%;
  align-items:start;
  text-align: left;
  z-index: 1;
}
.RightBasicBlock .BlockHeader .EngHeading{
  z-index: 1;
}
.RightBasicBlock .BlockHeader .Heading{
  margin: 0 auto 0 0;
  align-items: start;
  text-align: left;
  display:inline-block;
  z-index: 1;
  letter-spacing:0;
}
.RightBasicBlock .BlockHeader .BlockCopy{
  z-index: 1;
  width:100%;
  max-width:560px;
  margin-right:auto;
}
.RightBasicBlock .BlockContents .CircleArrowButtonItem{
   margin-top:60px;
   max-width:1060px;
}

/*ラインナップ*/
.TopPostLineUpArea{}
.TopPostLineUpArea .BasicBlock{

}

#ContentsDivision .TopPostLineUpArea .PageWidthSetter {
  width: 100%;
  max-width: 1080px;
}

.TopPostLineUpArea .SknTplImageParagraph{
  z-index: 1;
  position:relative;
}


.TopPostLineUpArea .SknTplImageParagraph .ImageItem {
  width: 100%;
  max-width:565px;
  position: relative;
  padding:0;
}
.TopPostLineUpArea .SknTplImageParagraph .TextItem {
  width: 100%;
  max-width:452px;
  position: relative;
   font-weight:600;
}
.TopPostLineUpArea .ProductsNo{
   font-size:100%;
   margin-top:-20px;
   margin-bottom:10px;
   padding-bottom:8px;
   border-bottom:1px solid #222;
   display:inline-block;
}
.TopPostLineUpArea .ProductName{
  font-size:300%;
  color:#306e44;
  display:block;
}
.TopPostLineUpArea .Copy{
  line-height:2.2;
  font-size:120%;
}
.TopPostLineUpArea .FevalitList{
  list-style:none;
  color:#306e44;
  margin:10px auto;
}
.TopPostLineUpArea .SubCopy{

}


.LongArrowButton{
  text-align:left;
}
.LongArrowButton a{
  padding: 1.25em;
  min-width:0;
}
.LongArrowButton a:after{
  display:none;
}
.LongArrowButton .Icon{
  display:inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
}
.LongArrowButton a:hover .Icon{
  margin-left: 20px;
  -webkit-transition: all .4s;
  transition: all .4s;
}

.LongArrowButton .Icon::after {
  content: "";
  width: 30px;
  height: 1.5px;
  background: #222;
  display: inline-block;
  margin: 0 auto;
  position: absolute;
  right: 8px;
  top: 50%;
  top: 47%;
}

.LongArrowButton .LongArrow{
  position:relative;
}
.LongArrowButton .icon-angle-right::before {
  content: '\f105';
  width:60px;
  text-align:right;
}



@media screen and (max-width:500px){

.CircleArrowButtonItem{
   margin-top:30px;
   justify-content: end;
   padding: 0 30px;
}


/*左づめ*/
.LeftBasicBlock{
  position:relative;
}
.LeftBasicBlock::before{
  position: absolute;
  content: "";
  background: #f9f7f1;
  top: -40px;
  top: 0;
  right: 0;
  z-index: 0;
  width:calc(85% + 00px);
  height:calc(100% + 80px);
  height:100%;
  border-radius:70px 0 0 70px;
}
.LeftBasicBlock .BlockContents .CircleArrowButtonItem{
   margin-top:30px;
   justify-content: end;
   padding: 0 30px;
}

/*右づめ*/
.RightBasicBlock{
  position:relative;
}
.RightBasicBlock::before{
  position: absolute;
  content: "";
  background: #f9f7f1;
  top: -40px;
  top: 0;
  left: 0;
  z-index: 0;
  width:calc(85% + 00px);
  height:calc(100% + 80px);
  height:100%;
  border-radius:0 70px 70px 0;
}
.RightBasicBlock .BlockContents .CircleArrowButtonItem{
   margin-top:30px;
}

}








/*お客様の声*/
#Container #TopVoice .BlockHeader{
  margin-top:0;
  margin-bottom:0;
}

.Voice-slider .Sinner .ImageItem .Image{
  aspect-ratio: 330 / 200;
}
.Voice-slider .Sinner .ImageItem .Image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Voice-slider .Sinner .SetHeight{
  margin-top:5px;
  font-size:120%;

}

@media screen and (min-width:501px){
.TopVoiceArea .Voice-slider{
  flex-wrap: wrap;
  display:flex;
  align-items:stretch
}

  .TopVoiceArea .Voice-slider .Card{
    width:33.3%!important;
    padding:10px;
    /*aspect-ratio: 3 / 3.5;*/
    aspect-ratio: 3 / 2.6;
    margin-bottom:16px;
  }
  .TopVoiceArea .Voice-slider .Card .Sinner{
 　 margin:0;
    width: 100%;
  	transform: scale(0.95)!important;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin:16px 0;
  }
  .TopVoiceArea .Voice-slider .Card .Image{
  aspect-ratio: 3 / 2;
  }
  .TopVoiceArea .Voice-slider .Card .Image img{
  width:100%;
  height:100%;
  -o-object-fit: cover;
  object-fit: cover;
  }
  .Voice-slider .Sinner .TextItem{
   padding:25px;
  }
}






/*
.Voice-slider .Sinner .SetHeight .Heading{
  letter-spacing:0;
}*/


.Voice-slider .Sinner .TextItem{
 aspect-ratio: 330 / 80;
 padding:8px 25px;
}
.Voice-slider .Sinner .TextItem .Heading{
  
}

.Sinner{
  height:100%;
}


@media screen and (max-width:500px){

.TopVoiceArea .Voice-slider{

}

  .TopVoiceArea .Voice-slider .Card{
    padding:10px;
    /*aspect-ratio: 3 / 3.5;*/
    aspect-ratio: 3 / 2.6;
  }
  .TopVoiceArea .Voice-slider .Card img{

  }
.Sinner{
  height:100%;
}
  .TopVoiceArea .Voice-slider .Card .Image{
  aspect-ratio: 3 / 2;
  }
  .TopVoiceArea .Voice-slider .Card .Image img{
  width:100%;
  height:100%;
  -o-object-fit: cover;
  object-fit: cover;
  }
  .Voice-slider .Sinner .TextItem{
   aspect-ratio: 330 / 80;
   padding:5px 20px;
   overflow:hidden;
  }
/*
  .Voice-slider .Sinner .SetHeight .Heading{
   font-size: 0.8em;
   height: 3.2em;
   margin-top:0;
   margin-bottom:5px;
  }
  .Voice-slider .Sinner .SetHeight .Copy{
    margin-top:0;
    padding-top:0;
  }
*/
  .Voice-slider .Sinner .Heading{
   /*font-size: 0.8em;*/
   font-size: 15px;
   margin-top:0;
   margin-bottom:5px;
   letter-spacing:0.05em;
  }
  .Voice-slider .Sinner .Copy{
    margin-top:0;
    padding-top:0;
  }

}
/*リーフハウスなら建売も分譲も*/
#TopResidential{}




















/*不動産情報*/
.TopREstateArea{}
.TopREstateArea .LeftBasicBlock::before{
  display:none;
}
/*検索ボタン*/
.RealEstateButtonILisy{
  display:flex;
  
}
.RealEstateButtonILisy{
  width:100%;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-top:60px;
}
.RealEstateButtonILisy .inner.InnerLeft{
  margin-right:auto;
}
.RealEstateButtonILisy .inner.InnerRight{
  margin-left:auto;
}
.RealEstateButtonILisy .inner{
  width:calc(50% - 20px);
}

.RealEstateButtonILisy .CircleArrowButtonItem{
  width:100%;
  background:#f7f5ed;
  border-radius:30px;
  padding:20px;
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.CircleArrowButtonItem a{
  /*margin-top:0;*/
}

@media screen and (min-width:768px) {
  .Container .CircleArrowButtonItem a{
    margin-top:-25px;
  }
}

.CircleArrowButtonItem .LinkTitle{}
.SearchTitleList{}
.SearchTitleList .SearchTitle{
  font-weight:700;
  font-size:140%;
}
.SearchTitleList .Text{
  font-weight:600;
}


.TopREstateArea .ListEstate-slider.FlexList{
  flex-wrap: wrap;
  display:flex;
  align-items:stretch
} 
.TopREstateArea .ListEstate-slider.FlexList .Card{
  width:33.3%;
}
.TopREstateArea .Estate-slider.ListType .Card{
  width:25%;
  aspect-ratio: 330 / 200;
}


.ListEstate-slider .Card{
  /*aspect-ratio: 338 / 326;*/
}
.ListEstate-slider .Card .Sinner{
  height:100%;
}

.ListEstate-slider .Sinner .ImageItem .Image{
  aspect-ratio: 330 / 200;
}
.ListEstate-slider .Sinner .ImageItem .Image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ListEstate-slider .Sinner .Heading{
  margin-top:5px;
}

.ListEstate-slider.ListType{}





/*リーフハウスが選ばれる理由*/
#TopReason{}
#ContentsDivision #TopReason{
  padding-top:0;
}
#ContentsDivision #TopReason.NarrowArea .BasicBlock .BlockHeader{
  margin-top:0;
  margin-bottom:85px;
}

#TopReason .LeftBasicBlock::before {
  position: absolute;
  content: "";
  background: #f9f7f1;
  top: 130px;
  right: 0;
  z-index: 0;
  width: calc(85% + 00px);
  height: calc(100% + 80px);
  height: 100%;
  border-radius: 125px 0 0 0;
}
@media screen and (max-width:767px){

  #TopReason .LeftBasicBlock::before {
    height: calc(100% - 80px);
  }
}
@media screen and (max-width:500px){
  #TopReason .LeftBasicBlock{
    margin-top:10px;
  }
  #TopReason .LeftBasicBlock::before {
    top: 0px;
    height: calc(100% + 00px);
    border-radius: 70px 0 0 0;
    width: calc(85% + 00px);
  }
  #ContentsDivision #TopReason.NarrowArea .BasicBlock .BlockHeader {
      margin-top: 20px;
      margin-bottom: 20px;
  }
  
  
}


.TopReasonArea{}
.TopReasonArea .TextItem .RoundLectItem{
  border:1px solid #306e44;
  border-radius:5px;
  color:#306e44;
  font-weight:700;
  line-height:1.3;
  padding:10px 16px;
  font-size:120%;
  display:inline-block;
  margin:5px 10px 5px 0;
  background:#fff;
  
}
.TopReasonArea .TextItem .RoundLectItem.FirstItem{
  
}
.TopReasonArea .SknTplImageParagraph{
  z-index:1;
  position:relative;
  margin:60px 0;
  width:100%;
  max-width:1080px;
}
.TopReasonArea .SknTplImageParagraph .Heading{
  font-weight:700;
  font-size:160%;
  margin:20px 0 20px;
  line-height:1.4;
}
.TopReasonArea .SknTplImageParagraph .DefaultText{
  font-weight:600;
}
.TopReasonArea .SknTplImageParagraph strong{
  color:#306e44;
  font-weight:600;
}
.TopReasonArea .SknTplImageParagraph .ImageItem{
  width: 100%;
  max-width:510px;
}
.TopReasonArea .SknTplImageParagraph .ImageItem .Image{
  border-radius:0 70px 0 0;
  overflow:hidden;
}



.TopReasonArea .SknTplImageParagraph .TextItem{
  width: 100%;
  max-width:510px;
}
#ContentsDivision .TopReasonArea .PageWidthSetter{
  max-width:1100px;
  max-width:1080px;
}
.TopReasonArea .LeftBasicBlock:before{
  border-radius:125px 0 0 0;
}


#Container #TopSNSArea{
  padding-top:20px;
  /*padding-bottom:20px;*/
}
#Container #TopSNSArea .BasicBlock{
  /*padding-bottom:0;*/

}

.SNBannerArea{
  border:0px solid red;
  display: flex;
  align-items: stretch;
  max-width:1080px;
  margin:0 auto;
  width:100%;
}
.SNBannerArea .SNBannerList{
  width:50%;
}
.SNBannerArea .SNBannerList .SNBannerLink{
  display:block;
  margin:5px 10px;
}
.SNBannerArea .SNBannerList .SNBannerLink::after{
  display:none!important;
}
.SNBannerLink .SNBannerItem{
  width:520px;
  height:134px;
  aspect-ratio: 520 / 134;
  display: flex;
  align-items: center;
  /*flex-wrap: wrap;*/
  box-shadow: 0 0 1em rgba(0,0,0,0.25);
  border-radius:20px;
}
.SNBannerLink .SNBannerItem .SnImage{

  display: flex;
  align-items: center;
}
.SNBannerLink .SNBannerItem .SnImage.InstaIcon{
  padding-left:40px;
  width:105px;
  height:134px;
  
}
.SNBannerLink .SNBannerItem .SnImage.InstaIcon img{
  width:54px;
  height:54px!important;
  display: block;
  margin: 0 auto ;
}


.SNBannerLink .SNBannerItem .SnFullImage{
  width:180px;
  height:134px;
  aspect-ratio: 180 / 134;
  overflow:hidden;
  border-radius:20px 0 0 20px;
}
.SNBannerLink .SNBannerItem .SnFullImage img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.SNBannerLink .SNBannerItem .SnTitleText{
  /*width:calc(100% - 134px);*/
  font-family: "Noto Sans JP" , "ヒラギノ角ゴ Pro W3", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  font-size:120%;
  font-weight: 700;
  padding-left:20px;
  display:flex;
}
  .SNBannerLink .SNBannerItem .SnTitleText .brSp{
    display:none;
  }

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

  #TopSNSArea{
    margin-top:40px
  
  }

  .SNBannerArea{
    flex-flow: column;
  }
  .SNBannerArea .SNBannerList{
    width:100%;
    margin-bottom:10px;
  }
 
  
  .SNBannerLink .SNBannerItem{
    width:100%;
    height:90px;
    overflow:hidden;
  }

  .SNBannerLink .SNBannerItem .SnImage.InstaIcon{
    padding-left:0;
    width:105px;
    height:90px;
    
  }
  .SNBannerLink .SNBannerItem .SnImage.InstaIcon img{
    width:35px;
    height:35px!important;
    display: block;
    margin: 0 auto ;
  }
  .SNBannerArea .SNBannerList .SNBannerLink{
    display:block;
    margin:5px 20px;
  }

  .SNBannerLink .SNBannerItem .SnFullImage{
    width:105px;
    height:90px;
    aspect-ratio: 105 / 100;
    overflow:hidden;
    border-radius:20px 0 0 20px;
  }
.SNBannerLink .SNBannerItem .SnFullImage img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: 45% 50%;
}

  .SNBannerLink .SNBannerItem .SnTitleText{
    /*width:calc(100% - 134px);*/
    font-family: "Noto Sans JP" , "ヒラギノ角ゴ Pro W3", "游ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.5;
    font-size:90%;
    font-weight: 700;
    padding-left:10px;
    display:flex;
  }
  .SNBannerLink .SNBannerItem .SnTitleText .brSp{
    display:block;
  }

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

.TopReasonArea .TextItem .RoundLectItem{
  font-size:85%;
  display:inline-block;
  padding:8px 8px;
}


.TopReasonArea .LeftBasicBlock .BlockHeader{
  margin: 40px auto 30px auto;
  width: 100%;
  align-items: center;
  text-align: center;
}
.TopReasonArea .SknTplImageParagraph{
  z-index:1;
  position:relative;
  margin:30px 0;
  width:100%;
  max-width:1080px;
}


.TopReasonArea .SknTplImageParagraph .Heading{
  font-weight:700;
  font-size:120%;
  margin:20px 0 20px;
  line-height:1.5;
}



.LeftBasicBlock .BlockHeader .Heading{
   margin: 0 auto ;
}
.BasicArea  .BasicBlock {
  padding:20px 0;
}
.TopConceptArea .BasicBlock{
  padding:20px;
}

.TopReasonArea .BasicBlock {
  padding:20px;
}
.TopReasonArea .SknTplImageParagraph .ImageItem .Image{
  aspect-ratio:3/ 2;
}
.TopReasonArea .SknTplImageParagraph .ImageItem .Image img{
  width:100%;
  height:100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.TopVoiceArea .LeftBasicBlock .BlockHeader{
  margin: 40px auto 30px auto;
  width: 100%;
  align-items: center;
  text-align: center;
}
.LeftBasicBlock .BlockHeader .Heading{
   margin: 10px auto ;
   font-size:130%;
   width:100%;
   text-align:center;
}
.BasicBlock .BlockHeader .EngHeading{
  margin:0;
  font-size:1.1em;
  font-weight:600;
  line-height:1.3;
  color:#306e44;
}

.LeftBasicBlock .BlockHeader{
  margin: 40px auto 30px auto;
  width: 100%;
  align-items: center;
  text-align: center;
}
.SknTplImageParagraph .Heading{
  font-weight:700;
  font-size:120%;
  margin:20px 0 20px;
  line-height:1.5;
}





.TopInstaArea .RightBasicBlock .BlockHeader{
  margin: 40px auto 30px auto;
  width: 100%;
  align-items: center;
  text-align: center;
}
.RightBasicBlock .BlockHeader .Heading{
   margin: 10px auto ;
   font-size:130%;
   width:100%;
   text-align:center;
}


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

  .WhereYouShineArea .BasicBlock .BlockHeader .Heading{
    font-size:1.5em;
    line-height:1.5;
    margin:30px auto 0;
    text-align:left;
    padding:0 20px
  }
  .WhereYouShineArea .LeftBasicBlock .Heading::before {
      width: calc(100% - 20px);
      /* white-space: normal; */
      left: 10px;
      bottom: 20px;
      margin-left: 10px;
      font-size: 2.2em;
      text-align: center;
      text-align: left;
  }
}

/*TopInstaArea*/
.TopInstaArea{
  margin:60px auto;
  padding:0!important;
}
.TopInstaArea{
  position:relative;
}

.TopInstaArea:before{
  position:absolute;
  content:"Follow Us";
  font-weight:700;
  color:#fff;
  font-size:15vw;
  line-height:1.05;
  top:0;
  left:10px;
  z-index:0;
}
.TopInstaArea .BasicBlock .BlockHeader {
  margin: 40px auto 30px;
  width: 100%;
  align-items: start;
  text-align: left;
  position:relative;
  z-index: 1;
}
.TopInstaArea .BasicBlock .BlockHeader .Heading {
  margin: 0 auto 0 0;
  align-items: start;
  text-align: left;
  display: inline-block;
  z-index: 1;
  letter-spacing: 0;
}

.rsbp-over-bp3 #ContentsDivision .TopInstaArea .BasicBlock{
  padding:0!important;
}
.TopInstaArea .BlockContents{
  max-width:1080px;
  margin:0 auto;
  
}

@media screen and (max-width: 767px) {
  .TopInstaArea{
    margin-top: 20px;
    margin-bottom:0;
    
  }
  .TopInstaArea .BasicBlock .BlockHeader{
    width: 100%;
    align-items: center;
    text-align: center;
    margin-bottom:0;
  }
  .TopInstaArea .BasicBlock .BlockHeader .Heading {
    margin: 10px auto;
    font-size: 130%;
    width: 100%;
    text-align: center;
  }
  .TopInstaArea .BasicBlock .BlockHeader .EngHeading {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
    line-height: 1.3;
    color: #306e44;
  }
  .TopInstaArea:before{
    position:absolute;
    content:"Follow Us";
    font-weight: 700;
    color: #fff;
    font-size: 5rem;
    font-size: 4rem;
    line-height: 1.05;
    top: 35px;
    left: 0;
    text-align: center;
    width: 100%;
    z-index: 0;
  }
  
  
  
  
}
.embedsocial-hashtag{}
.feed-powered-by-es{

}
.feed-powered-by-es:after{
  display:none!important;
}