@charset "utf-8";


/* --------------------------------------------------- */
/* メイン画像の表示用                                  */
/* --------------------------------------------------- */

/* MainImageArea
--------------------------------------------------- */
.MainImageArea{
  margin:0 0 10px 0;
  padding: 0;
  /*background: #f1f1f1;*/
  /*background-size: cover;*/
}
        /* + + + + + /レスポンシブ + + + + +  */
        body.rsbp-under-bp3 .MainImageArea{
          background:none;
          min-height:200px;
        }
        /* + + + + + /レスポンシブ + + + + +  */

.MainImageArea .PageWidthSetter{
  max-width:1600px;
}



    /* - - MainImageBlock - - */
    .MainImageBlock{
      position:relative;
    }
    
    .MainImageBlock::before{
      content: "";
      height: 80%;
      height: calc(80% + 0em);
      width: 11px;
      display: block;
      position: absolute;
      left: 7%;
      top: 10%;
      background: -webkit-gradient(linear, left top, right bottom, from(#f51214), color-stop(0.10, #f51214), color-stop(0.10, white), color-stop(0.5, white), color-stop(0.5, #f51214), color-stop(0.60, #f51214), color-stop(0.60, white), to(white));
      background: -moz-linear-gradient(-45deg, #f51214 10%, white 10%, white 50%, #f51214 50%, #f51214 60%, white 60%, white);
      background: linear-gradient(-45deg, #f51214 10%, white 10%, white 50%, #f51214 50%, #f51214 60%, white 60%, white);
      background-size: auto auto;
      background-size: 10px 10px;
      transition: 0.5s;
      -webkit-transition: color .2s, height .2s, width 0.2s ,background .2s;
      transition: color .2s, height .2s, width 0.2s ,background .2s;
      -webkit-transition: all .2s;
      transition: all .2s;
    }
    
    .MainImageBlock::after {
      content: "";
      height: 1px;
      width: 60%;
      display: block;
      position: absolute;
      left: 3%;
      bottom: 7.5vw;
      background: #f51214;
      
      
      }
      
      .MainImageBlock .Slider .bx-wrapper{
        position:relative;
      }
      
      
      .MainImageBlock .Slider .bx-wrapper .bx-controls{
        position:absolute;
        bottom:0;
        width:100%;
      }

                /* + + + + + レスポンシブ + + + + +  */
                body.rsbp-under-bp3 .MainImageBlock::before{
                  display:none;
                }
                body.rsbp-under-bp3 .MainImageBlock .bx-viewport{
                  overflow:visible!important;
                  margin-bottom:20px;
                }
                body.rsbp-under-bp3 .MainImageBlock .bx-pager{
                  display:none;
                }

                body.rsbp-under-bp3 .MainImageBlock::after{
                  display:none;
                }


/*以降はBlock*/
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp3 .MainImageBlock .Slider .ImageItem .Image{
                              margin-left:0%;
                              margin-right:0%;
                            }

                            body.rsbp-under-bp3 #ContentsDivision ul li .ImageItem .BannerComment.Heading {
                              top: unset;
                              bottom:5%;
                              font-size: 2rem;
                              left:0px;
                              width: 100%;
                              text-align: center;
                            }
                            body.rsbp-under-bp3 #ContentsDivision ul li .ImageItem .BannerComment.DefaultText {
                              top: unset;
                              bottom:-2em;
                              font-size: 1.6rem;
                              left:0px;
                              width: 100%;
                              text-align: center;
                            }


/* --------------------------------------------------- */
/* トップページのコンテンツエリア                      */
/* --------------------------------------------------- */

/* MainContentsArea
--------------------------------------------------- */
.MainContentsArea{
  padding:0;
  padding-top: 0;
  margin:0 auto 3em auto;
  margin:0em auto 0 auto;
}

    /* + + + + + /レスポンシブ + + + + +  */
    body.rsbp-under-bp1 .MainContentsArea{
      padding: 20px 0 0;
      margin:0 auto 0 auto;
    }
    body.rsbp-under-bp1 .MainContentsArea{
      padding: 20px 0 0;
      margin:0 auto 0 auto;
    }
    body.rsbp-under-bp3 .MainContentsArea{
      padding: 20px 0 0;
      margin:0 auto 0 auto;
    }
    /* + + + + + /レスポンシブ + + + + +  */


.MainContentsArea > .PageWidthSetter{
  margin-top:5em;
}
    /* + + + + + /レスポンシブ + + + + +  */

    body.rsbp-under-bp2 .MainContentsArea > .PageWidthSetter{
      margin-top:3em;
    }


    body.rsbp-under-bp3 .MainContentsArea > .PageWidthSetter{
      margin-top:0em;
    }


    /* + + + + + /レスポンシブ + + + + +  */
 
 
 
 .Heading.TypeTop::before {
    content: "";
    height: 40px;
    width: 5px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -50px;
    margin-right: 3px;
    background: #222;
}
 
 
 
    
.TopConceptBlock{
  margin:70px auto 50px auto;
  padding:0 3%;
}
.TopConceptBlock .inner{
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: stretch;

}

.TopConceptBlock .inner .BlockHeader{
  width:50%;
  transform: translateY(0);
  height:461px;
  z-index:2;
  box-sizing: border-box;
}
.TopConceptBlock .inner .BlockHeader .Paragraph{
  position:relative;
  background:#1c1c1c;
  height:461px;
}
  
.TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphHeader{
  background:#1c1c1c;
  color:#fff;
  padding:50px 20px 20px 20px;
  text-align:center;

}
.TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphHeader .Heading{
  font-size:160%;
  margin-bottom:20px;
  font-weight:normal;
}
.TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphHeader .DefaultText{
  
}  

.TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphContents{
  /*background:#ff1212;*/
  background:#f51214;
  color:#fff;
  padding:0;
  position:absolute;
  bottom:0;
  width:100%;
}

.SknTplTextButton .Button.TopConcept{
  font-size: 30px;
  font-weight:normal;
}

.SknTplTextButton .Button{
  font-size: 20px;
  font-weight:normal;
}



.SknTplTextButton .Button .Icon::before{
  font-size: 50px;
}
body.rsbp-under-bp2 .SknTplTextButton .Button {
  font-size: 100%;
}



.TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphContents .SknTplTextButton .Button{
  position: relative;
  display: block;
  color: inherit;
  
  background:none;
  border: none;
  margin: 0;
  padding: 1em 0;

}




.TopConceptBlock .inner .BlockContents{
  width:50%;
  transform: translateY(-20px);
  height:461px;
  z-index:1;

  box-sizing: border-box;
}
.TopConceptBlock .inner .BlockContents img{
  width:512px;
  max-width:512px;
}


                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .TopConceptBlock .inner .BlockHeader{
                              width:60%;
                            }
                            body.rsbp-under-bp2 .TopConceptBlock .inner .BlockContents{
                              width:40%;
                            }
                            body.rsbp-under-bp2 .TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphContents .SknTplTextButton .Button{
                              font-size: 14px;
                            }
                            body.rsbp-under-bp2 .TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphContents .SknTplTextButton .Button{
                              font-size: 20px;
                            }

                            body.rsbp-under-bp3 .TopConceptBlock .inner{
                              display:block;
                            
                            }
                            body.rsbp-under-bp3 .TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphContents .SknTplTextButton .Button{
                              
                            }
                            
                            body.rsbp-under-bp3 .TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphContents .SknTplTextButton .Button .Label {
                              display: inline-block;
                              
                            }
                            
                            
                            body.rsbp-under-bp3 .TopConceptBlock .inner .BlockHeader{
                              width:100%;
                              height: auto;
                            }
                            body.rsbp-under-bp3 .TopConceptBlock .inner .BlockHeader .Paragraph{
                             height:auto;
                            }
                            body.rsbp-under-bp3 .TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphContents{
                              position:relative;
                            }
                            body.rsbp-under-bp3 .TopConceptBlock .inner .BlockContents{
                              display:none;
                            
                            }


                            body.rsbp-under-bp3 .TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphContents .SknTplTextButton .Button{
                              font-size: 14px;
                            }
                            body.rsbp-under-bp3 .TopConceptBlock .inner .BlockHeader .Paragraph .ParagraphContents .SknTplTextButton .Button{
                              font-size: 20px;
                            }



/*TopicsList*/
.TopicsList{
  list-style: none;
  border: 0px solid #aaa;
}
.TopicsList > li{
  width:100%;
  width:33.3%;
  float:left;
  border-right:0px solid #aaa;
}
.TopicsList > li:last-child{
  border:none;
}
.TopicsList > li > a{
  display:block;
  padding: 18px;
}
.SknTplImageParagraph.LeftImage.CategoryInfomation{
  margin:0 auto;
  padding:10px;
}
.SknTplImageParagraph.LeftImage.CategoryInfomation .ImageItem{
  width: 88px;
  height: 85px;
  float: left;
  position: relative;
  overflow: hidden;
}
.SknTplImageParagraph.LeftImage.CategoryInfomation .ImageItem.NoImageItem{
  width: 88px;
  height: 88px;
}
.SknTplImageParagraph.LeftImage.CategoryInfomation .TextItem{
  width: -webkit-calc(100% - 100px);
  width:         calc(100% - 100px);
}
.SknTplImageParagraph.LeftImage.CategoryInfomation .TextItem .Heading{
  margin:0;
  padding:0px 0px;
  line-height:1.5;
   font-size: 1.2rem;
}

.ContentInfoBox .Category{
  color:#fff;
  padding:3px 6px;
}
.ContentInfoBox .Category.cate1{
  background: #0ec6e6;
}
.ContentInfoBox .Category.cate2{
  background: #1f4990;
}
.ContentInfoBox .Category.cate3{
  background: #5ea807;
}

.Image.NoImage{

}
.Image.NoImage.Cate1{

}
.Image.NoImage.Cate2{

}
.Image.NoImage.Cate3{

}
.Image.NoImage.Cate4{
  background: #abbd73;
}

                            /* + + + + + レスポンシブ + + + + +  */
                            
                            body.rsbp-under-bp2 .TopicsList > li{
                              display:block;
                              float:none;
                              width:100%;
                              margin-left:auto;
                              margin-right:auto;
                              border-bottom:1px solid #aaa;
                            }




/*バナーコンテンツ*/


.MainContentsArea .SknTplThumbnailList .ThumbnailList.Type2 > li  .inner{
  margin: 10px 20px;
  padding:0;
}
.TopContentsBlock {
   background: #f1f1f1;
   padding:10px 3%;
   position:relative;
   margin:107px auto;
}

.TopContentsBlock::before{
  content: "";
  position:absolute;
  background: url(../img/common/decoration/bg_topgr1.png)repeat-x top center;
  height:107px;
  width:100%;
  top:-107px;
  left:0;
}
.TopContentsBlock::after{
  content: "";
  position:absolute;
  background: url(../img/common/decoration/bg_topgr2.png)repeat-x bottom center;
  height:107px;
  width:100%;
  bottom:-107px;
  left:0;
}
.TopContentsBlock .Heading.TypeTop {
    margin: 0 auto 100px auto !important;
}



.TopContentsBlock .SknTpl{
  margin:0;
}
.TopContentsBlock .BlockContents .inner{
  margin:0 -5px;
}
/*.Column.ContentsTop*/
.Column.ContentsTop{
  position:relative;
}

    .Column.ContentsTop a{
      /*margin:30px 20px;
      margin:10% 7%;*/
    }
        .Column.ContentsTop .inner{
        }
        
        
            .Column.ContentsTop .inner .TextItem{
              background: #fff;
              padding: 1em 1em 60px 1em;
              line-height:1.5;
            }
            .Column.ContentsTop .inner .TextItem .Title.Main{
              
            }
            .Column.ContentsTop .inner .TextItem .BannerDecs{
              font-size:87.5%;
            }
            
            .Column.ContentsTop .inner .ImageItem{
              position:relative;
              margin:0;
              margin: -50px -10px 0 10px;
              box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
            }
            

            
            .FootColumnGroup{
              margin-top:40px;
            }
            .ColumnGroup.FootColumnGroup > .Column.ContentsTop a:before {
              display:none;
            }
            
            .Column.ContentsTop.TypeFoot .inner .ImageItem{
              position:relative;
              margin:0;
              margin: 0;
              box-shadow:none;
            }



                    .ColumnGroup > .Column.ContentsTop > .inner img {
                        margin: 0;
                    }
                    
                    
                    
                    .ColumnGroup > .Column.ContentsTop a:before {
                        content: '\e802';
                        font-family: "picticon";
                        font-size: 100%;
                        line-height: 3.5em;
                        width: 3.5em;
                        background: #0e3382;
                        color: #fff;
                        position: absolute;
                        text-align: center;
                        vertical-align: middle;
                        z-index: 10;
                        display: inline-block;
                        bottom: 0;
                        right: -10px;
                        opacity: 0.9;
                        -webkit-transition: color .2s, height .2s, width 0.2s ,opacity .2s;
                        transition: color .2s, height .2s, width 0.2s ,opacity .2s;
                    }
                    
                    /*カラー*/
                    .ColumnGroup > .Column.ContentsTop.Cate-company a:before {
                        background: #ff5300;
                    }
                    .ColumnGroup > .Column.ContentsTop.Cate-service a:before {
                        background: #1e408a;
                    }
                    .ColumnGroup > .Column.ContentsTop.Cate-recruit a:before {
                        background: #5ea807;
                    }
                    
                    
                    
                    
                    
                    
                    
                    
                                /* + + + + + レスポンシブ + + + + +  */
                                body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem{
                                  margin: -50px 0 0 0;
                                  box-shadow:none;
                                }
                
                                body.rsbp-under-bp3 .ColumnGroup > .Column.ContentsTop a::before {
                                  right:0;
                                  line-height: 2em;
                                  width: 2em;
                                }
                    
                    
                    
                    
                    /*カテゴリ色*/
                    .ColumnGroup > .Cate-company a:before {
                      background: #ff5300;
                    }
                    .ColumnGroup > .Cate-service a:before {
                      background: #1f4990;
                    }
                    .ColumnGroup > .Cate-recruit a:before {
                      background: #5ea807;
                    }
                    .ColumnGroup > .Cate-info a:before {
                      background: #0ec6e6;
                    }
                    
                    
                    .ColumnGroup > .Column.ContentsTop a:hover:before {
                        opacity: 0.2;
                        -webkit-transition: color .2s, height .2s, width 0.2s ,opacity .2s;
                        transition: color .2s, height .2s, width 0.2s ,opacity .2s;
                    }
                      /*カテゴリ色*/
                    .ColumnGroup > .Cate-company{
                      color: #ff5300;
                    }
                    .ColumnGroup > .Cate-service{
                      color: #1f4990;
                    }
                    .ColumnGroup > .Cate-recruit{
                      color: #5ea807;
                    }
                    .ColumnGroup > .Cate-info{
                      color: #0ec6e6;
                    }
                    
                    
    .Column.ContentsTop .inner .ImageItem .Contents{
      position:absolute;
      bottom:0;
      left:0;
      width:100%;
      background:none;
      margin:0;
      font-size:100%;
      text-align:left;
      padding:0;
      /*min-height:100px;*/
      vertical-align:top;
    }
        .Column.ContentsTop .inner .ImageItem .Contents .Title.Main{
          width:auto;
          background: rgba(255,255,255,0.7);
          color:#222;
          margin:0;
          font-size:120%;
          text-align:left;
          padding:2px 10px 2px 10px;
          vertical-align:top;
          display:inline-block;
          font-weight:bold;
          color:#fff;
        }
            .Column.ContentsTop .inner .ImageItem .Contents .Title.Main::after{
              content: '\e802';
              font-family: "picticon";
              font-style: normal;
              font-weight: normal;
              speak: none;
              display: inline-block;
              text-decoration: inherit;
              width: 1em;
              text-align: center;
              opacity: .8;
              font-variant: normal;
              text-transform: none;
              line-height: 1em;
            }
                .Column.ContentsTop .inner .ImageItem .Contents .Title.Sub{
                  width:100%;
                  background: rgba(0,0,0,0.7);
                  font-size:80%;
                  padding:10px 10px 10px 10px;
                  color:#fff;
                }

                    .Column.ContentsTop .inner .ImageItem .Contents .Title.Sub > span.BannerHeading{
                      display:block;
                      font-size:140%;
                      
                      overflow: hidden;
                      white-space: nowrap;
                      text-overflow: ellipsis;
                      width:100%;
                      
                    }
                    
                    
                    .Column.ContentsTop a.AfterLInk::after{
                      position:absolute;
                      bottom: 10%;
                      left: 50%;
                      margin-left: -10px;
                      color:#890020;
                    }

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .TopContentsBlock {
                               background: #f1f1f1;
                               padding:40px 0;
                            }
                            body.rsbp-under-bp2 .TopColumnGroup .Column.ContentsTop .inner .ImageItem .Contents{
                              height:auto!important;
                            }
                            
                            body.rsbp-under-bp2 .Column.ContentsTop a{

                            }
                            
                            
                            
                            body.rsbp-under-bp2 .ColumnGroup4elements{
                              text-align:center;
                            }
                            body.rsbp-under-bp2 .ColumnGroup4elements.FixedNumber > .Column:nth-child(n), 
                            body.rsbp-under-bp2 .ColumnGroup4elements .Column:nth-child(n) {
                                width: 45%;
                                float: none;
                                display: inline-block;
                                margin:2% 0;
                                vertical-align: top;
                                
                            }
                            body.rsbp-under-bp2 .ColumnGroup4elements.FixedNumber > .Column:nth-child(n) .inner, 
                            body.rsbp-under-bp2 .ColumnGroup4elements .Column:nth-child(n) .inner{
                                margin: 10px 10px;
                            }
                            body.rsbp-under-bp3 .ColumnGroup4elements.FixedNumber > .Column:nth-child(n) .inner, 
                            body.rsbp-under-bp3 .ColumnGroup4elements .Column:nth-child(n) .inner{
                                margin:0px 2px;
                            }
                            
                         
                            body.rsbp-under-bp3 .TopContentsBlock {
                               background: #f1f1f1;
                               padding:5px 0;
                               margin:50px auto;
                            }
                            body.rsbp-under-bp3 .TopContentsBlock .Heading.TypeTop {
                               margin: 0 auto 100px auto !important;
                            }
                         
                         
                         
                            body.rsbp-under-bp3 .TopContentsBlock::before{
                              content: "";
                              position:absolute;
                              background: url(../img/common/decoration/bg_topgr1.png)repeat-x top center;
                              background-size:auto 50px;
                              height:50px;
                              width:100%;
                              top:-50px;
                              left:0;
                            }
                            body.rsbp-under-bp3 .TopContentsBlock::after{
                              content: "";
                              position:absolute;
                              background: url(../img/common/decoration/bg_topgr2.png)repeat-x bottom center;
                              background-size:auto 50px;
                              height:50px;
                              width:100%;
                              bottom:-50px;
                              left:0;
                            }
                         
                         
                         
                         
                         
                         
                         
                         
                         
                         
                         
                         
                         
                                body.rsbp-over-bp1 .Column.ContentsTop .inner .ImageItem .Contents .Title.Main{
                                  font-size:100%;
                                }
                                body.rsbp-under-bp1 .Column.ContentsTop .inner .ImageItem .Contents .Title.Main{
                                  font-size:95%;
                                }
                                    body.rsbp-under-bp1 .Column.ContentsTop .inner .ImageItem .Contents .Title.Sub{
                                      font-size:78%;
                                    }
                                        body.rsbp-under-bp1 .Column.ContentsTop .inner .ImageItem .Contents .Title.Sub > span.BannerHeading{
                                          font-size:130%;
                                        }
                                            body.rsbp-under-bp1 .Column.ContentsTop .inner .ImageItem .Contents .Title.Sub > span.BannerDecs{

                                            }
                                                body.rsbp-under-bp3 .TopContentsBlock .ColumnGroup{
                                                  margin:0 0px;
                                                
                                                }

                                                
 /*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 320px) {

                                                body.rsbp-under-bp3 .TopContentsBlock {
                                                   background: #f1f1f1;
                                                   padding:40px 3%;
                                                }
                                                
                                                body.rsbp-under-bp3 .TopContentsBlock .ColumnGroup.FootColumnGroup{
                                                  margin:0 0;
                                                }
}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
                                                
                                                
                                                    body.rsbp-under-bp3 .Column.ContentsTop a{
                                                      /*margin:8px 0px;*/
                                                    }
                                                
                            
                            
                            body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem .Contents .Title.Main{
                              font-size:90%;
                            }
                                body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem .Contents .Title.Main::after{
                                  display:none;
                                }
                                    body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem .Contents .Title.Sub{
                                      padding:5px;
                                    }
                                        body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem .Contents .Title.Sub > span.BannerHeading{
                                          font-size:105%;
                                          overflow: hidden;
                                          white-space: nowrap;
                                          text-overflow: ellipsis;
                                          width:100%;
                                        }
                                            body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem .Contents .Title.Sub > span.BannerDecs{
                                              display:none;
                                            }

/*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 320px) {

                            body.rsbp-under-bp3 .ColumnGroup4elements.FixedNumber > .Column:nth-child(n), 
                            body.rsbp-under-bp3 .ColumnGroup4elements .Column:nth-child(n) {
                                width: 100%;
                                float: none;
                                display: block;
                            }
                                body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem .Contents .Title.Sub > span.BannerDecs{
                                  display: block;
                                }
                                
                                    body.rsbp-under-bp3 .Column.ContentsTop.TypeFoot{
                                      
                                    
                                    }
                                    
                                        body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem .Contents .Title.Main::after{
                                          display:inline-block;
                                        }
                                            body.rsbp-under-bp3 .Column.ContentsTop a{
                                              /*margin:10px 8px;*/
                                            }
                                        
}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

                            /* + + + + + レスポンシブ + + + + +  */

                            body.rsbp-under-bp3 .TopContentsBlock .ColumnGroup.FootColumnGroup {
                                margin-top:20px;
                            }

                            body.rsbp-under-bp3 .FootColumnGroup .Column.ContentsTop .inner .ImageItem {
                                margin: 0 0 0 0;
                                box-shadow: none;

                            }

        .Column.ContentsTop .inner .ImageItem .Caption.Contents.TypePict{
          background:none;
          text-align:center;
          height:40%;
          vertical-align:top;
        }
            .Column.ContentsTop .inner .ImageItem .Caption.Contents.TypePict .Title.Main{
              background:none;
            }
                .Column.ContentsTop .inner .ImageItem .Caption.Contents.TypePict .Title.Sub{
                  background:none;
                  font-size:100%;
                  color:#fff;
                }


                            /* + + + + + レスポンシブ + + + + +  */
                            
                            body.rsbp-under-bp2 .Column.ContentsTop .inner .ImageItem .Caption.Contents.TypePict{
                              height:38%;
                            }
                            
                            body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem .Caption.Contents.TypePict{
                              height:45%;
                            }

                            body.rsbp-under-bp3 .SknTplThumbnailList ul.ColumnGroup li.Column.TypeFoot a img{
                              /*margin: -20px 0 -30px 0;*/
                            }


                            body.rsbp-under-bp3 .Column.ContentsTop a.AfterLInk::after{
                              bottom: 10%;
                            }






/*300+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 320px) {

                            body.rsbp-under-bp3 .SknTplThumbnailList ul.ColumnGroup li.Column.TypeFoot a img{
                              margin: -10px 0 -10px 0;
                            }
                            
                            body.rsbp-under-bp3 .Column.ContentsTop .inner .ImageItem .Caption.Contents.TypePict .Title.Main {
                              font-size:100%;
                            }
                            .Column.ContentsTop .inner .ImageItem .Caption.Contents.TypePict .Title.Sub{
                              padding:0;
                            }
                            .Column.ContentsTop .inner .ImageItem .Caption.Contents.TypePict .Title.Sub .BannerDecs{
                                background: none;
                                font-size: 80%;
                                color: #fff;
                                margin:0;
                            }
                            body.rsbp-under-bp3 .Column.ContentsTop a.AfterLInk::after{
                              bottom: 3px;
                              font-size:60%;
                            }
}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


.NewsBlock{
  padding: 0 3%;
  margin-bottom:60px;
}
.NewsBlock ul.ThumbnailList{
  text-align:center;
}
.NewsBlock ul.ThumbnailList li{
  width:32%;
  display:inline-block;
  text-align:left;
  vertical-align: top;
}
.ContentInfoBox > p{
  display:inline-block;
}
.NewsBlock .Blockfooter{
  margin-top:30px;
}

.NewsBlock .Blockfooter .SknTplTextButton .Button {

  font-weight: normal;
}

.NewsBlock .Blockfooter .SknTplTextButton .Button .Icon{
  line-height: 1;
}
.NewsBlock .Blockfooter .SknTplTextButton .Button .Icon:before {
  font-size: 40px;
  line-height: 25px;
}

                            /* + + + + + レスポンシブ + + + + +  */
                            
                            body.rsbp-under-bp2 .NewsBlock ul.ThumbnailList li{
                              width:100%;
                              display:block;
                              margin:5px auto;
                            }
                            body.rsbp-under-bp2 .SknTplImageParagraph.LeftImage.CategoryInfomation .TextItem {
                                width: -webkit-calc(100% - 110px);
                                width: calc(100% - 110px);
                            }
                            body.rsbp-under-bp3 .SknTplImageParagraph.LeftImage.CategoryInfomation .ImageItem.EyeCatch,
                            body.rsbp-under-bp3 .SknTplImageParagraph.LeftImage.CategoryInfomation .ImageItem{
                              width:60px;
                              height:60px;
                              float:left;
                            }
                            
                            body.rsbp-under-bp3 .SknTplImageParagraph.LeftImage.CategoryInfomation .ImageItem.NoImageItem .Image.NoImage,
                            body.rsbp-under-bp3 .SknTplImageParagraph.LeftImage.CategoryInfomation .ImageItem.EyeCatch .Image.NoImage {
                              position:static;
                              margin-bottom:5px;
                              height: 60px;
                              width:60px;
                              display:block;
                            }
                            body.rsbp-under-bp3 .SknTplImageParagraph.LeftImage.CategoryInfomation .ImageItem img{
                              width:60px;
                            }
                            
                            
                            body.rsbp-under-bp3 .SknTplImageParagraph.LeftImage.CategoryInfomation .TextItem {
                                width: -webkit-calc(100% - 80px);
                                width: calc(100% - 80px);
                                float:right;
                            }
                            
                            
                            
/*インスタ*/
.InstaBlock{
  padding-bottom:20px;
}
.InstaItem{
  position:relative;
  display:block;
}
.InstaItem .SpItem{
  display:none;
}


.InstaItem .InstaLink{
  position:absolute;
  top:-2px;
  left:-2px;
  width:102%;
  height:102%;
  display:block;
  z-index:2;
}
.InstaItem .InstaLink a{
  width:100%;
  height:100%;
  display:block;
}
.InstaItem .InstaLink a:hover{
  background: rgba(255,255,255,0.2);
}

body.rsbp-over-bp2 .InstaItem{
  width:100%;
  max-width:984px;
  margin:0 auto;
}

body.rsbp-under-bp2 .InstaItem{
  width:100%;
  max-width:495px;
  margin:0 auto;
}
body.rsbp-under-bp2 .InstaItem iframe{
  width:100%;
}

.InstaOuterLink{
 text-align:center;
 margin-top:30px;
}
.InstaOuterLink a{
  display:inline-block;
  position: relative;
  display: inline-block;
  color: inherit;
  background: rgba(255,255,255,0.75);
  border: 2px solid;
  line-height: 1;
  text-align: center;
  margin: 0.25em 0.125em;
  padding: 1.25em 0;
  -webkit-transition: all .2s;
  transition: all .2s;
  white-space: nowrap;
}
.InstaOuterLink a:hover{
  background:#222;
  transition: all .2s;
}

.InstaOuterLink a span{
  padding:10px 20px;
}
.InstaOuterLink a:hover span{
  padding:10px 30px;
  color:#fff;
}

body.rsbp-under-bp2 .InstaItem .SpItem .snapwidget-widget{
  display: block;
  width: 96% !important;
  margin: 0 auto;
  height: 60vw !important;
  max-height: 320px;
}

.SpItem{
  display:none;
}

body.rsbp-under-bp2 .SpItem{
  display:Block;
}
body.rsbp-under-bp2 .PcItem{
  display:none;
  
}