@charset "utf-8";



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Template                                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */


/* SknTpl common ：共通の定義
--------------------------------------------------- */
.SknTpl{
  margin: 1.25em auto;
}

.Heading + .SknTpl{
}
div > .SknTpl:first-child{
  margin-top: 0;
}
div > .SknTpl:last-child{
  margin-bottom: 0;
}








/* ImageParagraph Template ：画像（大）、画像（左右）とテキスト
--------------------------------------------------- */
.SknTplImageParagraph{
  position: relative;
}
    /* TextItem */
    .SknTplImageParagraph .TextItem{
      width: 60%;
    }
            /* 画像おおきめ */
            .SknTplImageParagraph.LargeImage .TextItem{
              width: 40%;
            }
            /* 画像floatなし */
            .SknTplImageParagraph.FloatNone  .TextItem{
              float: none;
              width: auto;
            }
            /* 画像に重ねる（幅は画像幅に合わせる） */
            .SknTplImageParagraph .TextItem.Layered{
              position: absolute;
              left: 0px;
              top: 0px;
              width: 100%!important;
              margin: 0!important;
            }
    /* ImageItem */
    .SknTplImageParagraph .ImageItem{
      width: 35%;
      position: relative;
    }
            /* 画像おおきめ */
            .SknTplImageParagraph.LargeImage .ImageItem{
              width: 55%;
            }
            /* 画像floatなし */
            .SknTplImageParagraph.FloatNone  .ImageItem{
              margin: 1em 0;
            }
    .SknTplImageParagraph .ImageItem .Image{
      margin: 0;
      display: block;
      text-align: center;
    }
    .SknTplImageParagraph .ImageItem .Image img{
      width: 100%;
    }
    .SknTplImageParagraph .ImageItem .Image.Default img{
      width: auto;
    }
            /* ボーダー付き */
            .SknTplImageParagraph .ImageItem.Border{
              border: 1px solid;
            }



    /* - - FullImage - - */
    .SknTplImageParagraph.FullImage{
    }
    .SknTplImageParagraph.FullImage .ImageItem{
      width: auto;
    }
    .SknTplImageParagraph.FullImage .TextItem{
      width: auto;
      margin-top: 0.75em;
    }



    /* - - LeftImage - - */
    .SknTplImageParagraph.LeftImage .ImageItem{
      float: left;
      margin-right: 10px;
    }
    .SknTplImageParagraph.LeftImage .TextItem{
      float: right;
    }
    /* - - RightImage - - */
    .SknTplImageParagraph.RightImage .ImageItem{
      float: right;
      margin-left: 10px;
    }
    .SknTplImageParagraph.RightImage .TextItem{
      float: left;
    }
        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp2 .SknTplImageParagraph.RightImage .ImageItem,
        body.rsbp-under-bp2  .SknTplImageParagraph.LeftImage .ImageItem{
          float: none;
          width: auto;
          margin: 0 0 1em;
          padding: 0;
          text-align: center;
        }
        body.rsbp-under-bp2 .SknTplImageParagraph.RightImage .ImageItem .Image,
        body.rsbp-under-bp2  .SknTplImageParagraph.LeftImage .ImageItem .Image{
          margin: 0 auto;
        }
        body.rsbp-under-bp2 .SknTplImageParagraph.RightImage .TextItem,
        body.rsbp-under-bp2  .SknTplImageParagraph.LeftImage .TextItem{
          float: none;
          width: auto;
        }
        
        /* + + + + + /レスポンシブ + + + + +  */










/* DecoratedBox Template ：装飾付きボックス
--------------------------------------------------- */
.SknTplDecoratedBox {
}
.SknTplDecoratedBox > .DecoratedBox{
  background: rgba(90,120,140,0.075);
  margin:  25px 0;
  padding: 25px;
}
.SknTplDecoratedBox:first-child > .DecoratedBox{
  margin-top: 0;
}
.SknTplDecoratedBox > .DecoratedBox > .inner{
  background: #fff;
  padding: 50px;
}
    .SknTplDecoratedBox > .DecoratedBox > .inner > .Heading:first-child{
      margin-top: 0;
    }
        /* + + + + + レスポンシブ + + + + +  */
        
            /* bp2より狭いディスプレイ用 */
            body.rsbp-under-bp2 .SknTplDecoratedBox > .DecoratedBox{
              margin:  12.5px 0;
              padding: 10px;
            }
            body.rsbp-under-bp2 .SknTplDecoratedBox > .DecoratedBox  > .inner{
              padding: 20px;
            }








/* SimpleDecoratedBox Template：装飾付きボックス（シンプル）
--------------------------------------------------- */
.SknTplDecoratedBox.Simple {
  text-align: center;
}
.SknTplDecoratedBox.Simple > .DecoratedBox{
  display: inline-block;
  padding: 10px;
}
.SknTplDecoratedBox.Simple > .DecoratedBox > .inner{
  display: inline-block;
  padding: 40px;
  background: none;
}
        /* + + + + + レスポンシブ + + + + +  */
        
            /* bp2より広いディスプレイ用 */
            body.rsbp-over-bp2  .SknTplDecoratedBox.Simple{
              margin: 25px 0!important;
            }
        
            /* bp2より狭いディスプレイ用 */
            body.rsbp-under-bp2 .SknTplDecoratedBox.Simple > .DecoratedBox{
              margin:  12.5px 0;
              padding: 10px;
            }
            body.rsbp-under-bp2 .SknTplDecoratedBox.Simple > .DecoratedBox  > .inner{
              padding: 20px;
            }





/* SknTplThumbnailList ：画像付きリスト
--------------------------------------------------- */
.SknTplThumbnailList{
}
    .SknTplThumbnailList ul{
      list-style: none;
    }
    
    /* Type1 左にサムネタイプ - - - - - - - - - - - - - -  */
    .SknTplThumbnailList .ThumbnailList.Type1{
    }

        .SknTplThumbnailList .ThumbnailList.Type1 > li {
          padding: 0;
          line-height: 1;
          vertical-align: middle;
        }
        .SknTplThumbnailList .ThumbnailList.Type1 > li *{
          vertical-align: middle;
        }
        .SknTplThumbnailList .ThumbnailList.Type1 > li a{
          display: block;
          position: relative;
          padding: 20px;
        }

        /* Thumbnail style */
        .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem{
          width: 100px;
          overflow: hidden;
          vertical-align: middle;
          float: left;
        }
            .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem .Image{
              height: 100px;
            }
            .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem .Image .Landscape{
              height: 100%;
              width:  auto;
            }
            .SknTplThumbnailList .ThumbnailList.Type1 .ImageItem .Image .Portrait{
              height: auto;
              width:  100%;
            }

        /* text style */
        .SknTplThumbnailList .ThumbnailList.Type1 .TextItem{
          margin-left: 125px;
        }
            .SknTplThumbnailList .ThumbnailList.Type1 .TextItem .Title{
              font-weight: 400;
              font-size: 125%;
              margin: 0 0 1em;
            }
            .SknTplThumbnailList .ThumbnailList.Type1 .TextItem .DefaultText{
              font-size: 87.5%;
            }




    /* Type2 上にサムネタイプ type - - - - - - - - - - - - - -  */
    .SknTplThumbnailList .ThumbnailList.Type2{
    }
        .SknTplThumbnailList .ThumbnailList.Type2 > li{
          padding: 0;
          line-height: 1;
          /*vertical-align: middle;*/
        }
        .SknTplThumbnailList .ThumbnailList.Type2 > li > .inner{
          display: block;
        }
        .SknTplThumbnailList .ThumbnailList.Type2 > li a{
          position: relative;
          display: block;
        }
            /* tableを利用して縦横中央揃え */
            .SknTplThumbnailList .ThumbnailList.Type2 > li .ImageItem{
              /*display: table;*/
              width: 100%;
            }
            .SknTplThumbnailList .ThumbnailList.Type2 > li .ImageItem > p{
              /*display: table-cell;*/
              width: 100%;
              vertical-align: middle;
              text-align: center;
            }
            .SknTplThumbnailList .ThumbnailList.Type2 > li .ImageItem .Image{
            }

        /* Thumbnail style */
        .SknTplThumbnailList .ThumbnailList.Type2 .ImageItem{
          vertical-align: middle;
        }
            .SknTplThumbnailList .ThumbnailList.Type2 .ImageItem p.Image{
            }
            .SknTplThumbnailList .ThumbnailList.Type2 .ImageItem p.Caption{
              font-size: 87.5%;
              line-height: 1.5;
              margin-top: 0.5em;
            }


        /* text style */
        .SknTplThumbnailList .ThumbnailList.Type2 .TextItem{
          padding: 1.5em 0;
        }
            .SknTplThumbnailList .ThumbnailList.Type2 .TextItem .Title{
              text-align: center;
              line-height: 1.5;
              margin-bottom: 0.5em;
              font-size: 112.5%;
            }
            .SknTplThumbnailList .ThumbnailList.Type2 .TextItem .Title .Sub{
              font-size: 75%;
              white-space: nowrap;
            }
            .SknTplThumbnailList .ThumbnailList.Type2 .TextItem .PriceText{
              font-size: 87.5%;
              line-height: 1.5;
              padding-bottom: .5em;
              border-bottom: 1px solid rgba(0,0,0,0.2);
              margin-bottom: .5em;
            }
            .SknTplThumbnailList .ThumbnailList.Type2 .TextItem .PriceText .Free{
              color: red;
              display: inline-block;
              font-size: smaller;
              padding: 0.25em 0.5em;
              border: 1px solid;
            }
            .SknTplThumbnailList .ThumbnailList.Type2 .TextItem .DefaultText{
              font-size: 87.5%;
              opacity: 0.75;
              line-height: 1.75;
              margin-bottom: 0;
              text-align: left;
            }
                    /* テキストの下にボタンを出す場合の位置調整 */
                    .SknTplThumbnailList .ThumbnailList.Type2 .TextItem + .ButtonItem{
                      margin-top: -0.5em;
                      margin-bottom: 2em;
                    }
            


                /* + + + + + レスポンシブ + + + + +  */
                
                    /* bp2より広いディスプレイ用 */
                    body.rsbp-over-bp2 .SknTplThumbnailList .ThumbnailList.Type2 > li > .inner{
                      padding: 20px;
                    }
                    /* bp2より狭いディスプレイ用 */
                    body.rsbp-under-bp2 .SknTplThumbnailList .ThumbnailList.Type2 > li > .inner{
                      padding: 10px;
                    }
                    




    /* Type3 上にサムネの 密集型バナータイプ  - - - - - - - - - - - - - -  */
    .SknTplThumbnailList .ThumbnailList.Type3{
    }
        .SknTplThumbnailList .ThumbnailList.Type3 > li{
          padding: 0;
          line-height: 1;
          vertical-align: middle;
        }
        .SknTplThumbnailList .ThumbnailList.Type3 > li > .inner{
          display: block;
          padding: 0px;
        }
        .SknTplThumbnailList .ThumbnailList.Type3 > li a{
          position: relative;
          display: block;
          -webkit-transition: bottom .2s;
                  transition: bottom .2s;
          background: #fff;
          padding: 4px;
          outline: 1px solid #74fffd;
          bottom: 0;
          z-index: 2;
        }
        .SknTplThumbnailList .ThumbnailList.Type3 > li a:hover{
          outline: 1px solid #328cff;
          bottom: 5px;
          z-index: 5;
        }
        /* Thumbnail style */
        .SknTplThumbnailList .ThumbnailList.Type3 > li .ImageItem{
          width: 100%;
        }
        .SknTplThumbnailList .ThumbnailList.Type3 > li .ImageItem .Image{
        }


        /* text style */
        .SknTplThumbnailList .ThumbnailList.Type3 .TextItem{
          padding: 1.5em 0;
        }
             /* 画像がある場合 */
            .SknTplThumbnailList .ThumbnailList.Type3 .ImageItem + .TextItem{
              padding-top: 3em;
              position: absolute;
              left: 0px;
              bottom: 0px;
              width: 100%;
              background-image: linear-gradient( to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.875) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100% );
            }
       
            .SknTplThumbnailList .ThumbnailList.Type3 .TextItem .Title{
              text-align: center;
              margin: 0;
              color: #000;
            }
            .SknTplThumbnailList .ThumbnailList.Type3 .TextItem .Title .Main,
            .SknTplThumbnailList .ThumbnailList.Type3 .TextItem .Title .Sub{
              display: block;
            }
            .SknTplThumbnailList .ThumbnailList.Type3 .TextItem .Title .Main{
              font-size: 150%;
            }
            .SknTplThumbnailList .ThumbnailList.Type3 .TextItem .Title .Sub{
              font-size: 62.5%;
              font-size: 0.625rem;
              letter-spacing: 0.05em;
            }
            .SknTplThumbnailList .ThumbnailList.Type3 .TextItem .DefaultText{
              font-size: 87.5%;
              opacity: 0.75;
              line-height: 1.5;
            }




    /* フロー（矢印アイコン付） バージョン - - - - - - - - - - - - - -  */
    .SknTplThumbnailList .ThumbnailList.FlowList            li{
      position: relative;
      margin: 0;
    }
    .SknTplThumbnailList .ThumbnailList.FlowList            li > .inner{
      padding: 1.5em;
    }
    .SknTplThumbnailList .ThumbnailList.FlowList            li .Icon{
      font-size: 150%;
    }
    .SknTplThumbnailList .ThumbnailList.FlowList.Vertical   li .Icon{
      
    }
    .SknTplThumbnailList .ThumbnailList.FlowList.Horizontal li .Icon{
      right: -.5em;
    }






/* TextButton Template ：テキストボタン
--------------------------------------------------- */
.SknTplTextButton{
  position: relative;
}

    /* - - ul - - */
    .SknTplTextButton ul{
      list-style: none;
      text-align: center;
      margin: 0;
    }
    .SknTplTextButton li{
      margin: 0 2.5px;
      display: inline-block;
    }
    /* - - p - - */
    .SknTplTextButton p{
      font-size: 100%;
      text-align: center;
      margin: 0;
    }
    /* - - Button style - - */
    .SknTplTextButton .Button {
      position: relative;
      display: inline-block;
      color: inherit;
      background: rgba(255,255,255,0.75);
      border: 1px solid;
      line-height: 1;
      text-align: center;
      margin: 0.25em 1em;
      padding: 1em 2.5em;
      -webkit-transition: all .2s;
              transition: all .2s;
      white-space: nowrap;
      border-radius: 2em;
    }
    .SknTplTextButton .Button:hover {
      color: #fff;
      background: rgba(0,0,0,0.9);
      border-color: rgba(0,0,0,0.9);
      opacity: 1;
      top:  0em;
      left: 0em;
      box-shadow: -0em -0em 0 rgba(20,255,255,0.25);
    }
    .SknTplTextButton .Button.ShadowNone {
      top:  0em;
      left: 0em;
      box-shadow: none;
    }
    .SknTplTextButton .Button,
    .SknTplTextButton .Button > *{
      line-height: 1;
      vertical-align: middle;
    }
            @media all and (-ms-high-contrast:none) {
                 /* IE10以降に適応されるCSS */
                .SknTplTextButton .Button,
                .SknTplTextButton .Button > *{
                  vertical-align: text-bottom;
                }
            }
        .SknTplTextButton .Button .Icon{
          display: inline-block;
          opacity: 0.5;
          opacity: 1;
        }
        .SknTplTextButton .Button:hover .Icon{
          opacity: 1;
        }
        .SknTplTextButton .Button .Label{
          display: inline-block;
          font-weight: 600;
          font-size: 87.5%;
        }
        .SknTplTextButton .Button .Label em{
          font-weight: 800;
          margin: 0 0.2em;
        }
        .SknTplTextButton .Button .Label .Sub{
          font-size: 75%;
          margin-left: 0.25em;
        }


            /* + + + + + レスポンシブ + + + + +  */
            
                /* bp2より広いディスプレイ用 */
                body.rsbp-over-bp2  .SknTplTextButton .Button{
                }
                body.rsbp-over-bp2  .SknTplTextButton .Button .Label{
                  min-width: 15em;
                }
                body.rsbp-over-bp2  .SknTplTextButton .Button.Small .Label{
                  min-width: 7.5em;
                }
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2  .SknTplTextButton .Button{
                  margin: 0.25em 0.5em;
                  padding: 1em 2em;
                }
                body.rsbp-under-bp2  .SknTplTextButton .Button .Label{
                  
                }











/* DecoratedTable Template ：表組み（テーブル）
--------------------------------------------------- */
.SknTplDecoratedTable{
}
    .SknTplDecoratedTable table{
      width: 100%;
      border-collapse: collapse;
      margin: 0 auto;
    }
    /* common */
    .SknTplDecoratedTable tr{
    }
    .SknTplDecoratedTable th,
    .SknTplDecoratedTable td{
      padding: 1em 1em;
      /*line-height: 1.5rem;*/
      border-top:    1px solid rgba(120,100,90,0.25);
      border-bottom: 1px solid rgba(120,100,90,0.25);
    }
            .SknTplDecoratedTable table.LargeTable th,
            .SknTplDecoratedTable table.LargeTable td{
              line-height: 1.25rem;
              padding: 0.5em 0.75em;
            }
    
    .SknTplDecoratedTable th{
      text-align: center;
      letter-spacing: 0.125em;
      font-weight: 500;
    }
    .SknTplDecoratedTable td{
      background: #fff;
    }
    
    /* thead */
    .SknTplDecoratedTable thead{
    
    }
    .SknTplDecoratedTable thead th{
      padding: 0.75em 0px;
      background: #435f9a;
      border: none;
      color: #fff;
      letter-spacing: 0.05em;
      text-align: center;
      overflow: hidden;
      font-size: smaller;
    }
    .SknTplDecoratedTable thead th:first-child{
      width: 30%;
    }
    /* tbody */
    .SknTplDecoratedTable tbody{
    }
    .SknTplDecoratedTable thead  + tbody{
      border-top: none;
    }
    .SknTplDecoratedTable tbody th,
    .SknTplDecoratedTable tbody td{
    }
    .SknTplDecoratedTable tbody th{
      background: rgba(120,100,90,0.125);
    
    }
    .SknTplDecoratedTable tbody > tr > th:not([width]){
      width: 25%;
    }
    .SknTplDecoratedTable tbody td{
    }
    .SknTplDecoratedTable tbody td + td{
      border-top: none;
    }
    .SknTplDecoratedTable tbody td .Heading{
      margin-left: 0px;
      margin-right: 0px;
    }
            /* + + + + + レスポンシブ + + + + +  */
            body.rsbp-under-bp2 .SknTplDecoratedTable{
            }
            /* notScrollable */
            body.rsbp-under-bp2 .SknTplDecoratedTable{
            }
            body.rsbp-under-bp2 .SknTplDecoratedTable > :not([class*="Scrollable"]) thead th{
              display: none;
            }
            body.rsbp-under-bp2 .SknTplDecoratedTable > :not([class*="Scrollable"]) thead th:first-child:last-child{
              display: block;
            }
            body.rsbp-under-bp2 .SknTplDecoratedTable > :not([class*="Scrollable"]) tr,
            body.rsbp-under-bp2 .SknTplDecoratedTable > :not([class*="Scrollable"]) th,
            body.rsbp-under-bp2 .SknTplDecoratedTable > :not([class*="Scrollable"]) td{
              display: block;
              width: auto!important;
              margin-bottom: 4px;
            }
            body.rsbp-under-bp2 .SknTplDecoratedTable > :not([class*="Scrollable"]) th{
              padding: 0.25em 10px;
              width: auto;
            }
            body.rsbp-under-bp2 .SknTplDecoratedTable > :not([class*="Scrollable"]) td{
              border-top: none;
            }
            body.rsbp-under-bp2 .SknTplDecoratedTable > :not([class*="Scrollable"]) tbody td + td{
            }
            body.rsbp-under-bp2 .SknTplDecoratedTable .NoDecoratedTable td{
              border: none!important;
            }
            
            /* Scrollable */
            body.rsbp-under-bp2 .Scrollable .SknTplDecoratedTable thead{
              display: table-header-group;
            }
            body.rsbp-under-bp2 .Scrollable .SknTplDecoratedTable thead th{
              display: table-cell;
            }
            body.rsbp-under-bp2 .Scrollable .SknTplDecoratedTable tr{
              display: table-row;
            }
            body.rsbp-under-bp2 .Scrollable .SknTplDecoratedTable th,
            body.rsbp-under-bp2 .Scrollable .SknTplDecoratedTable td{
              display: table-cell;
            }
    
    
    /* - - inner list - - */
    .SknTplDecoratedTable ul,
    .SknTplDecoratedTable ol{
      margin: 0 0 0 2em;
    }
    .SknTplDecoratedTable li ul ,
    .SknTplDecoratedTable li ol{
      margin: 0.25em 0 0.5em 1em;
    }












/* TextList Template ：テキストリスト
--------------------------------------------------- */
.SknTplTextList{
}
    /* - - ul - - */
    .SknTplTextList ul.TextList{
      list-style: none;
      margin: 0;
    }
    .SknTplTextList ul.TextList > li{
      padding: 0.5em 0;
      margin: 0;
      border-bottom: 1px dotted rgba(0,0,0,0.25);
    }
    .SknTplTextList ul.TextList > li:first-child{
      border-top: 1px dotted rgba(0,0,0,0.25);
    }
    .SknTplTextList ul.TextList > li > a{
      margin: 0;
      padding: 0.75em 0.5em 0.75em 2.75em;
      display: block;
      text-decoration: none;
      position: relative;
      border-radius: 0.25em;
    }
    .SknTplTextList ul.TextList > li .Label{
      
    }
    .SknTplTextList ul.TextList > li .Label span.Sub{
      display: block;
      font-size: 75%;
      line-height: 1;
      opacity: 0.75;
    }
    
    .SknTplTextList ul.TextList > li .Icon{
      vertical-align: middle;
      position: absolute;
      top: 50%;
      left: 0%;
      margin-top: -0.75em;
      padding: 0 0.25em;
      margin-top: -1em;
      padding: 0;
    }
    .SknTplTextList ul.TextList > li .Icon::before{
      color: #fff;
      background: #328cff;
      line-height: 2;
      width: 2em;
      border-radius: 100%;
    }
    /* hover */
    .SknTplTextList ul.TextList > li > a{
      background: rgba(50,140,255,0.05);
    }
    .SknTplTextList ul.TextList > li > a:hover{
      background: #444a59;
      background: rgba(50,140,255,0.15);
    }
    .SknTplTextList ul.TextList > li > a:hover *{
    }








/* SknTplFaq ：Ｑ＆Ａ
--------------------------------------------------- */
.SknTplFaq {
}
    .SknTplFaq > .inner {
      border: 1px dashed rgba(10,210,230,0.5);
      background: #fff;
      border-radius: 1.5em;
      margin:  5px;
      padding: 30px;
    }
    /* common */
    .SknTplFaq > .inner > .QuestionItem,
    .SknTplFaq > .inner > .AnswerItem {
      position: relative;
      padding-left: 40px;
    }
    .SknTplFaq > .inner > .QuestionItem::before,
    .SknTplFaq > .inner > .AnswerItem::before {
      position: absolute;
      top: 0px;
      left: -0.5em;
      font-family: 'Century Gothic';
      font-weight: 400;
      color: #fff;
      width: 1.75em;
      line-height: 1.75em;
      text-align: center;
      vertical-align: middle;
      border-radius: 3em;
      
    }
    
    
    
    /* question */
    .SknTplFaq > .inner > .QuestionItem {
      font-weight: bold;
      font-size: 125%;
      color: #233e75;
      margin: 0 0 1em;
    }
    .SknTplFaq > .inner > .QuestionItem::before {
      content: "Q";
      background-color: #233e75;
    }
    /* answer */
    .SknTplFaq > .inner > .AnswerItem {
      font-size: 87.5%;
      padding-left: 80px;
    }
    .SknTplFaq > .inner > .AnswerItem::before {
      content: "A";
      background-color: #cc2262;
    }
        .SknTplFaq > .inner > .AnswerItem > .DefaultText:first-child{
          margin-left: -40px;
        }
        .SknTplFaq > .inner > .AnswerItem .Heading {
          margin: 2em 0 0.5em -40px;
          font-size: larger;
        }
        .SknTplFaq > .inner > .AnswerItem .Heading.Small {
          margin: 1em 0 1em;
          font-size: 100%;
        }
        .SknTplFaq > .inner > .AnswerItem ul.DefaultText,
        .SknTplFaq > .inner > .AnswerItem ol.DefaultText{
          margin-left: 3em;
        }
        .SknTplFaq > .inner > .AnswerItem .DefaultText li{
          margin: 0 0 0.25em;
        }










/* GetAdobeReader 
--------------------------------------------------- */
.SknTplGetAdobeReader{
  background: rgba(200,200,200,0.5);
  padding: 20px 30px;
  max-width: 500px;
}
    .SknTplGetAdobeReader .Banner{
      margin: 0;
      float: left;
      width: 125px;
    }
    .SknTplGetAdobeReader .Text{
      margin: 0 0 0 135px;
      font-size: 62.5%;
      line-height: 1.5;
      text-align: justify;
      color: #555;
    }
    /* + + + + + レスポンシブ + + + + +  */
    
        body.rsbp-under-bp2 .SknTplGetAdobeReader{
          padding: 10px;
        }
        body.rsbp-under-bp2 .SknTplGetAdobeReader .Banner{
          width: 75px;
        }
        body.rsbp-under-bp2 .SknTplGetAdobeReader .Banner img{
        }
        body.rsbp-under-bp2 .SknTplGetAdobeReader .Text{
          margin: 0;
          margin: 0 0 0 85px;
          font-size: 50%;
        }
        












/* SknTplColumnGroup
--------------------------------------------------- */
.SknTplColumnGroup {
}
    /* ColumnGroupはcommon_element.cssで定義 */










/* SknTplEmbedVideo
--------------------------------------------------- */
.SknTplEmbedVideo {
}
    .SknTplEmbedVideo > .inner{
      padding: 30px;
    }
    .SknTplEmbedVideo > .inner > .code {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
    }
    .SknTplEmbedVideo > .inner > .code > iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }
            /* + + + + + レスポンシブ + + + + +  */
            
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .SknTplEmbedVideo > .inner{
                  padding: 0px;
                }



/* SknTplEmbedGoogleMaps
--------------------------------------------------- */
.SknTplEmbedGoogleMaps {
}
    .SknTplEmbedGoogleMaps > .inner {
    }
    .SknTplEmbedGoogleMaps > .inner > .code {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
    }
    .SknTplEmbedGoogleMaps > .inner > .code > iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }