@charset "utf-8";


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

/* DefaultBlock (common style)
--------------------------------------------------- */
.DefaultBlock{
  padding: 20px 5px;
  
}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .DefaultBlock{
                              padding:20px 0px;
                            }




/* --------------------------------------------------- */
/* XXXXXXBlock                                         */
/* XXXXXX用ブロック                                    */
/* --------------------------------------------------- */

.SpItem{
  display:none!important;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SpItem{
                              display:block!important;
                            }
                            body.rsbp-under-bp2 .PcItem{
                              display:none!important;
                            }
                            
                            
                            body.rsbp-under-bp2 .SpItem.PageFootMunuItem{
                              display:block!important;
                              border-top:1px solid #ccc;
                              margin-top:40px;
                            }
                            body.rsbp-under-bp2 .SpItem.PageFootMunuItem .ButtonBox.FootBox{
                              display:none!important;
                            }
                            body.rsbp-under-bp2 .SpItem.PageFootMunuItem  .SubCateTitle ul > li{
                              display:block!important;
                            }
                            
                   
/* 表
--------------------------------------------------- */

            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) {
              border:none;
            }

            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) tr{
              margin-top: 20px;
              margin-bottom: 20px;
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) th{
              padding: 0.25em 10px;
              width: auto;
              border-top: 1px solid rgba(0,0,0,0.25);
              border-bottom: 1px solid rgba(0,0,0,0.25);
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td{
              margin-bottom: 0;
              border:none;
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) tbody td + td{
            }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) .NoDecoratedTable td{
              border: none!important;
            }
                   
                   
                            
/* XXXXXBlock
--------------------------------------------------- */
.XXXXBlock{
}


.MainContentsArea.FullArea{
  float:none;
  width:100%;
  max-width:2000px;
  margin:0 auto;
}

em{
  font-size:80%;
}

/*見出し*/
.TitleItem{
  text-align:center;
  margin-top:2em;
  margin-bottom: 1em;
  
}
body:not(.TopPage) .TitleItem{
  box-shadow: 0 0.1em 0.3em rgba(0,0,0,0.2);
  display:block;
  width: 100%;
  margin-top:0;
  padding-top: 2em;
  padding-bottom: 30px;
  margin-bottom: 10px;
  background:#fff;
}
body:not(.TopPage) .TitleItem .SknTplDecoratedBox{
  max-width: 1000px;
}



.TitleItem .IconPen{
  width:57px;
  display:block;
  margin:0 auto;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp3 .TitleItem{
                              padding:20px 5px;
                            }
                            body.rsbp-under-bp3 .TitleItem .IconPen{
                                width:40px;
                            }



.TitleItem .Heading.TypeX{
  text-align:center;
}
/* TypeX :::::::::::::::::::::::::  */
.TitleItem .Heading.TypeX{
  font-size: 160%;
  font-weight: 200;
  padding: 0;
  margin: 0.5em 0 0.75em;
  color: #4d3930;
  position:relative;
  display: inline-block;
}
.TitleItem .Heading.TypeX .Main{
  display:block;
}
.TitleItem .Heading.TypeX .Sub{
  display:block;
}
   .TitleItem .Heading.TypeX::before{
      position:absolute;
      content: "";
      height: 6px;
      left:0;
      bottom:-10px;
      width:50%;
      background:#d5da00;
    }
   .TitleItem .Heading.TypeX::after{
      position:absolute;
      content: "";
      height: 6px;
      right:0;
      bottom:-10px;
      width:50%;
      background:#4d3930;
   }

        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp2 .TitleItem .Heading.TypeX{
          font-size: 137.5%;
          margin-bottom: 1em;
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX{
          font-size: 125%;
        }
        
        
/* TypeXTypePage :::::::::::::::::::::::::  */
.TitleItem .Heading.TypeX.TypePage{

}
.TitleItem .Heading.TypeX.TypePage .Main{
}
.TitleItem .Heading.TypeX.TypePage .Sub{
  margin-top:20px;
}
   .TitleItem .Heading.TypeX.TypePage::before{
      position:absolute;
      content: "";
      height: 6px;
      left:0;
      top:45px;
      width:50%;
      background:#d5da00;
    }
   .TitleItem .Heading.TypeX.TypePage::after{
      position:absolute;
      content: "";
      height: 6px;
      right:0;
      top:45px;
      width:50%;
      background:#4d3930;
   }

        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp2 .TitleItem .Heading.TypeX.TypePage{
          font-size: 137.5%;
          margin-bottom: 1em;
          margin-left:10px;
          margin-right:10px;
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage{
          font-size: 125%;
          width: 90%;
          margin-bottom: 0;
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage::before{
          position:absolute;
          content: "";
          height: 6px;
          left:0;
          top:35px;
          width:50%;
          background:#d5da00;
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage::after{
          position:absolute;
          content: "";
          height: 6px;
          right:0;
          top:35px;
          width:50%;
          background:#4d3930;
       }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage .Main{
        }
        body.rsbp-under-bp3 .TitleItem .Heading.TypeX.TypePage .Sub{
          margin-top:20px;
          
        }




/*sticky */
/* ----------------------------------------------- */
.SpView .Sticky{


}
        /*スマートフォン横位置対応*/
        body.rsbp-lowheight .Sticky{

        }

.SpView .Sticky .Title{
  
} 
             /* + + + + + レスポンシブ + + + + +  */
              body.rsbp-under-bp2.SpView #SideBarArea{
                position: -webkit-sticky!important; /* safari対応 */
                position: sticky!important;
                top: 60px!important;/* 上端から10pxのところで固定 */
               
                padding: 10px 10px 10px 10px;
                z-index:4950;
                width: -webkit-calc(100% + 20px);
                width:         calc(100% + 20px);
                width:100%;
                margin:0 -10px;
              
              }


              body.rsbp-under-bp3.SpView #SideBarArea{
                position: -webkit-sticky!important; /* safari対応 */
                position: sticky!important;
                top: 60px!important;/* 上端から10pxのところで固定 */
               
                padding: 10px 10px 10px 10px;
                z-index:4950;
                width: -webkit-calc(100% + 20px);
                width:         calc(100% + 20px);
                width:100%;
                margin:0 -10px;
              
              }

              body.rsbp-under-bp3.SpView .Sticky{

              }
             
              body.rsbp-under-bp3.SpView .Sticky{

              }

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

              body.rsbp-under-bp2 .SubSideImageBlock{
                display:none;
              }




        
/*ボタンエフェクト*/
.Button.Go {

}
.Button.Go::before,
.Button.Go::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
#ContentsDivision .ButtonItem a.Button.Go,
#ContentsDivision .ButtonItem a.Button.Go::before,
#ContentsDivision .ButtonItem a.Button.Go::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}
          
.Button.Go {
  position: relative;
  z-index: 1;
  /*border: 2px solid #222;*/
  border: 2px solid #222221;
  color: #222;
  padding: 0.75em 20px 0.75em 25px;
  font-size:1.1rem;
  font-weight:normal;
  display:block;
  white-space: normal;
  margin:10px auto;
  width:70%;
  max-width:320px;
  border-radius:4px;
  text-align:center;
  /*background-color: #222;*/
  background-color: #222221;
  position:relative;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#57c8f6+0,a2dff9+100 */
  background: rgb(87,200,246); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(87,200,246,1) 0%, rgba(162,223,249,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(87,200,246,1) 0%,rgba(162,223,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(87,200,246,1) 0%,rgba(162,223,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57c8f6', endColorstr='#a2dff9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
/*
.Button.Go span.Icon::before{
  position:absolute;
  top:0.28em;
  left:0.1em;
  font-size:2rem;
  line-height:1;
}
.Button.Go span.Icon::after{
  font-family: "picticon";
  content: '\f105';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  opacity: 1;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position:absolute;
  top:0.28em;
  left:0.05em;
  font-size:2rem;
  line-height:1;
  color:#222221;
}
*/


.Button.Go:hover {
  /*background-color: #880024;*/
  background-color: rgba(255,255,255,0.8);
  background-color: rgba(255,255,255,0.8);
  
  /*border-color: rgba(0,0,0,0.8);*/
  /*border-color: rgba(0,20,88,0.8);*/
  /*color: #222;*/
  color: #222221;
  
  padding: 0.75em 20px 0.75em 25px;
}
.Button.Go::before,
.Button.Go::after {
  top: 0;
  width: 50%;
  height: 100%;

}
.Button.Go::before {
  right: 0;
}
.Button.Go::after {
  left: 0;
}
.Button.Go:hover::before,
.Button.Go:hover::after {
  width: 0;
  background-color: rgba(255,255,255,0.5);
}
.Button.Go:hover span.Icon::before{

}
.Button.Go:hover span.Icon::after{
  /*color:#fff;*/
  opacity: 0;
}


.SknTplTextButton .Button .Icon {
  display: inline-block;
  border-right: 1px dotted;
  padding: 0 0.5em;
  margin-right: 10px;
  line-height: 10px;
}







/*テキストボタン*/
.ButtonBox .ButtonItem{}

.ButtonBox .Button.Go{
  position: relative;
  z-index: 2;
  border: 2px solid #fff;
  color: #fff;
  padding: 0;
}

.ButtonBox .Button.Go:hover {
  background-color: #880024;
  background-color: rgba(0,0,0,0.8);
  border-color: #fff;
  color: #fff;
  padding: 0;
}

              /* + + + + + /レスポンシブ + + + + +  */
              body.rsbp-under-bp3 .Button.Go{
                width:90%;
              }

.PageBlock{}

.PageBlock.PageWidthSetter{
  min-width:0!important;
}
.PageBlock iframe{
  width:100%;

}
.PageBlock iframe{
  width:100%;
  max-width:600px;
}

/*戻る*/
.GoListItem{
  text-align: right;
}
.GoListItem .ButtonHistry{
  padding: 2px 15px 2px 12px;
  background: #ea1c0c;
  border-radius: 26px;
  color:#fff;
  margin-bottom: 10px;
  font-size:1rem;
}
.GoListItem .ButtonHistry:hover{
  background: #222;
}








/*表：ProfileList*/
table.ProfileList{
      margin-bottom:0;
}


table.ProfileList{
  width: auto;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 0px;
  background:none;
  padding: 0;
}
    table.ProfileList{
      width: auto;
      border-collapse: collapse;
      border-spacing: 0px;
      background:none;
      padding: 0;
      border:1px solid #222;
      border:none;
    }




        table.ProfileList tr th{
          width:auto;
          text-align:left;
          border:1px solid #222;
          padding: 1px 10px 1px 1px;
          background:rgba(225,225,225,0.0);
          border:none;
        }
                table.ProfileList tr td{
                  background:none;
                  width:auto;
                  min-width:130px;
                  padding: 1px;
                  border:1px solid #c4c4c4;
                  border:none;
                }



        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp3 table.ProfileList{
        /*width: -webkit-calc(100% - 40px)!important;
        width:         calc(100% - 40px)!important;*/
        width:100%!important;
        margin:0 auto;

        }
        body.rsbp-under-bp2 table.ProfileList td{
          width:100%;
          text-align:left!important;
          display:block;
        }
        body.rsbp-under-bp2 table.ProfileList td img{
          margin:0 10px;
          margin:0 0px;
        }
        body.rsbp-under-bp3 table.ProfileList tr{
          border-bottom:1px solid #ccc;
          margin:0!important;
        }
        body.rsbp-under-bp3 table.ProfileList tr:first-child{
          border-top:1px solid #ccc;
        }
        body.rsbp-under-bp3 table.ProfileList th,
        body.rsbp-under-bp3 table.ProfileList td{
          width:100%;
          text-align:left!important;
          padding:3px!important;
        }
        body.rsbp-under-bp3 table.ProfileList th{
          background: #f5f5f5!important;

        }
        body.rsbp-under-bp3 table.ProfileList td img{
          margin:0 0px;
          display:block;
        }


.StaffSoloItem{
  vertical-align:top;
  width:200px;
  display:inline-block;
}
.StaffSoloItem .ImageItem{
  background:  url(../img/common/decoration/link_ring.png) no-repeat 50% 99%;
  background-size:90% auto;
  padding-bottom:20px;
  text-align: center;
}
.StaffSoloItem .ImageItem img{
  margin:0 auto;
} 
.StaffSoloItem .TextItem h3{
  text-align: center;
  font-size:1.4rem;
  border-bottom:1px dotted #4d3930;
  margin-bottom:10px;
  font-weight:400;
}
.StaffSoloItem .TextItem h3 span.Main{
  margin-top:22px;
  display: block;
  margin-bottom:5px;
}

.StaffSoloItem .TextItem.Daihyou h3 span.Main{
  margin-top:0;
  display: block;
}


.StaffSoloItem .TextItem h3 span.Sub{
  font-size:70%;
  font-weight:normal;
  display:block;
  line-height:22px;
}

.StaffSoloItem .TextItem .Comment{
  text-align: center;
  font-size:0.8rem;
  line-height:1.6;
}


    body.rsbp-under-bp2 .StaffSoloItem {
      width: 48%;
      font-size:90%;
    }
    body.rsbp-under-bp2 .StaffSoloItem .ImageItem img{
      margin:0 auto;
      width:90%;
      vertical-align:bottom;
    } 



/*Q&A基本*/
.QuestionList {
  border-bottom: 1px solid #555;
  margin: 0 0 0 0;
  padding: 0;
}

.QuestionList .Heading span.QuestionIcon{
  font-family: 'Fjalla One', sans-serif;
  font-size:24px;
  width:40px;
  text-align:center;
  background:#222221;
  border: 1px solid #222221;
  display:block;
  position:absolute;
  left:0;
  top: 5px;
  top: 8px;
  border-radius:100%;
  border-radius:10px;
  color:#fff;
  box-shadow: 0px 0px 5px #fff;
  cursor:pointer;
  font-weight:normal;
}
.QuestionList .Heading span.DefaultMainTitle{
  margin-left:60px;
  padding-top:15px;
  padding-bottom:15px;;
  display:block;
  cursor:pointer;
  margin-right: 70px;
}

        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp3 .QuestionList .Heading span.DefaultMainTitle{

        }
        body.rsbp-under-bp3 .QuestionList .Heading span.DefaultMainTitle{
          margin-right: 0;
          padding-bottom:35px;;
        }


.QuestionList .InfoSide{}

.QuestionList .InfoSide .Inner{position:relative;}
.QuestionList .InfoSide .Inner .AnswerIconBlock{
  font-family: 'Fjalla One', sans-serif;
  font-size:30px;
  width:40px;
  text-align:center;
  line-height:1.3;
  background:#ffffff;
  border: 1px solid #222221;
  color:#222221;
  display:block;
  position:absolute;
  left:0;
  top:10px;
  border-radius:100%;
  border-radius:10px;
  box-shadow: 0px 0px 5px #fff;


}
.QuestionList .InfoSide .Inner .ContentsText{
  margin-left:60px;
  padding-top:15px;
  display:block;
  border-top:2px dotted #aaa; 
  min-height:80px;
  padding-bottom:15px;

}

.QuestionList .Heading::before {
  content: "▼ open";
  position: absolute;
  right: 10px;
  font-weight: normal;
  font-size: 80%;
  bottom: 10px;
  font-weight: bold;
  cursor:pointer;
  display: block;
  color:#222221;
}

.QuestionList .open::before {
  content: "▲ close";
  position: absolute;
  right: 10px;
  font-weight: normal;
  bottom: 10px;
  font-weight: bold;
  cursor:pointer;
  display: block;
  color:#222221;
}


.FaqContentsBlock .UnitQA {
    border-bottom: 1px solid #555;
    margin: 0 0 0 0;
    padding: 0;
/*    background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 2%, #f3f3f3 84%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#ffffff 2%,#f3f3f3 84%,#ffffff 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#ffffff 2%,#f3f3f3 84%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
    */
}




.Section.Type2  .QuestionList .Heading span.QuestionIcon{
  /*font-family: 'Pathway Gothic One', sans-serif;*/
  font-family: 'Fjalla One', sans-serif;
  font-size:24px;
  width:40px;
  text-align:center;

  background:#d25252;
  border: 1px solid #d25252;
  background:#890429;
  border: 1px solid #890429;
  display:block;
  position:absolute;
  left:0;
  top: 5px;
  border-radius:100%;
  color:#fff;
  box-shadow: 0px 0px 5px #fff;
}


.Section.Type2  .QuestionList .InfoSide .Inner .AnswerIconBlock{
  font-family: 'Fjalla One', sans-serif;
  font-size:30px;
  width:40px;
  text-align:center;

  background:#ffffff;
  border: 1px solid #d25252;
  border: 1px solid #890429;
  color:#d25252;
  color: #890429;
  display:block;
  position:absolute;
  left:0;
  top:10px;
  border-radius:100%;
  box-shadow: 0px 0px 5px #fff;


}




.Section.Type3  .QuestionList .Heading span.QuestionIcon{
  font-family: 'Fjalla One', sans-serif;
  font-size:24px;
  width:40px;
  text-align:center;

  background:#4196e1;
  border: 1px solid #4196e1;
  background:#890429;
  border: 1px solid #890429;
  display:block;
  position:absolute;
  left:0;
  top: 5px;
  border-radius:100%;
  color:#fff;
  box-shadow: 0px 0px 5px #fff;
}


.Section.Type3  .QuestionList .InfoSide .Inner .AnswerIconBlock{
  font-family: 'Fjalla One', sans-serif;
  font-size:30px;
  width:40px;
  text-align:center;
  background:#ffffff;
  border: 1px solid #4196e1;
  border: 1px solid #890429;
  color:#4196e1;
  color: #890429;
  display:block;
  position:absolute;
  left:0;
  top:10px;
  border-radius:100%;
  box-shadow: 0px 0px 5px #fff;


}

/*ページ内ボタン*/
.JobsFaq .PageBlock a.FaqButton{
  display:inline-block;
  cursor:pointer;
  border:1px solid #ccc;
  padding:2px 10px;
  /*font-size:80%;*/
  line-height:1.5;
  margin:5px 2px;
  vertical-align:middle;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -webkit-transition: all .2s;
  transition: all .2s;
}
.JobsFaq .PageBlock a.FaqButton:hover{
  border:1px solid #880024;
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
  -webkit-transition: all .2s;
  transition: all .2s;
  color:#fff;
  background:#880024;
}


/*Q&Aの連番*/
span.QuestionIcon{
font-family: 'Fjalla One', sans-serif;
}
span.QuestionIcon:after {
counter-increment:QuestionNumb;
content:counter(QuestionNumb) "";
font-family: 'Fjalla One', sans-serif;
}
/* bodyで番号リセットページ通し連番
body{counter-reset:QuestionNumb;}*/
/*見出しで番号リセット*/
/*セクションで連番
.PageBlock > .Section > h3{counter-reset:QuestionNumb;}*/

/*ページ全体が連番*/
.PageBlock {counter-reset:QuestionNumb;}




/*OuterLink*/
a.OuterLink::after {
  content: '\f08e';
  font-family: "picticon";
  font-style: normal;
  font-weight: normal;
  font-size: 80%;
  /*speak: none;*/
  margin-left: 0.25em;
  padding-left: 0.15em;
  border-left: 0px dotted;
  opacity: 0.8;
  filter: alpha(opacity=80);
}


/*表の中の表*/

/*会社概要*/

.SknTplDecoratedTable > table > tbody > td > table:not(.LargeTable){
  width: auto;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 0px;
  background:none;
  padding: 0;
  display:inline-block;
  text-align:left;
}
    .SknTplDecoratedTable table tbody > tr > td  > table:not(.LargeTable){
      width: auto;
      border-collapse: collapse;
      border-spacing: 0px;
      background:none;
      padding: 0;
      border:1px solid #222;
      border:none;
      display:inline-block;
    }
    .SknTplDecoratedTable table tbody > tr > td  > table:not(.LargeTable) > tbody > tr{
      /*display:block;
      border-bottom: none;*/
    }



        .SknTplDecoratedTable table tbody tr td table:not(.LargeTable) tr th{
          width:auto;
          text-align:left;
          border:1px solid #222;
          padding: 1px 10px 1px 1px;
          background:rgba(225,225,225,0.0);
          border:none;
        }
                .SknTplDecoratedTable table tbody tr td table:not(.LargeTable) tr td{
                  background:none;
                  width:auto;
                  min-width:130px;
                  padding: 1px;
                  border:1px solid #c4c4c4;
                  border:none;
                }
                
                
        /* + + + + + レスポンシブ + + + + +  */
        body.rsbp-under-bp3 .SknTplDecoratedTable table tbody tr td table.NonScale:not(.LargeTable) tr th,
        body.rsbp-under-bp3 .SknTplDecoratedTable table tbody tr td table.NonScale:not(.LargeTable) tr td{
          /*display:inline-block!important;*/
          padding:0;
          border:none;
        }
        body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) th{
          background:#f5f5f5;
        }
            body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable){
              width: 100%;
              border-collapse: collapse;
              border-spacing: 0px;
              background:none;
              padding: 0px;

            }
                body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr{
                  
                }
                    body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr th{
                      width:160px!important;
                      border-bottom:1px dotted #444;
                      padding:5px 5px 5px 0;
                      margin:0!important;
                      display: table-cell;
                      line-height:1.5;
                      white-space:nowrap;
                      background:none;
                    }
                        body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr{
                          margin:0;
                        }
                        body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr td{
                          width: -webkit-calc(100% - 170px)!important;
                          width:         calc(100% - 170px)!important;
                          border-bottom:1px dotted #444;
                          padding:5px 0 5px 5px;
                          margin:0!important;
                          display: table-cell;
                          line-height:1.5;
                          min-width:0;
                        }


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

                    body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr th{
                      width:160px!important;
                      width:100%!important;
                      border-bottom:0px dotted #444;
                      padding:5px;
                      margin:0!important;
                      display: table-cell;
                      display: block;
                      line-height:1.5;
                      white-space:nowrap;
                    }
                        body.rsbp-under-bp3 .SknTplDecoratedTable:not(.NotBlockTable) > :not([class*="Scrollable"]) td table.NonScale:not(.LargeTable) tr td{
                          width: -webkit-calc(100% - 170px)!important;
                          width:         calc(100% - 170px)!important;
                          width:100%!important;
                          border-bottom:1px dotted #222;
                          padding:5px;
                          margin:0!important;
                          display: table-cell;
                          display: block;
                          line-height:1.5;
                        }
            
}/*300++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



/*入れ子表の幅*/
body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) td  .Scrollable:not(.LargeTable){
  width:100%;
  width:300px;
  display:block;
  margin:0 auto;
}
    body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) td  .Scrollable table:not(.LargeTable){
      padding: 0px;
      width:400px;;
    }
        body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) td  .Scrollable table:not(.LargeTable) th,
        body.rsbp-under-bp3 .SknTplDecoratedTable > :not([class*="Scrollable"]) td  .Scrollable table:not(.LargeTable) td{
          padding:1px;
          font-size:83.5%;
        }        
                    


  .SknTplDecoratedTable.ShopList tbody > tr > th{
    width:30%;
  }
      .SknTplDecoratedTable.ShopList tbody > tr > td{
        width:60%;
      }



/*地図*/
.SknTplMapBox{
  padding: 0px;
  width: 96%;
  max-width: 1000px;
  margin:0 auto;
}
.SknTplMapBox .MapBox{
  width:100%;
}
.SknTplMapBox .MapBox .inner{}
.SknTplMapBox .MapBox .inner > iframe{
  width:100%!important;
  height:300px;
  max-width: 1000px;
}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SknTplMapBox{
                              padding: 0px;
                            	width: 96%;
                            }
                            body.rsbp-under-bp2 .SknTplMapBox .MapBox .inner{
                              position: relative;
                              width: 100%;
                              padding-top: 56.25%;
                              height:300px;
                            }
                            body.rsbp-under-bp2 .SknTplMapBox .MapBox .inner > iframe{
                              position: absolute;
                              top: 0;
                              right: 0;
                              width: 100% !important;
                              height: 100% !important;
                            }
                            

.SectionParagraph{
   margin:40px auto 20px auto;
}
.SectionParagraph.SknTplMapBox {
   margin:20px auto 60px auto;

}

.RightImageNon .ImageItem{
  display:none!important;
}


/*---動画モーダル関連ここから--------*/

/*MOVIE*/

.MovieItem .Image.MovieImage{
  position:relative;
  color:#fff;
  display:inline-block;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.MovieItem .Image.MovieImage::before{
  position: absolute;
  content: "";
  background:  url(../img/common/decoration/button_movie_play.png) no-repeat 50% 50%;
  width:77px;
  height:45px;
  top:50%;
  left:50%;
  margin-top:-22px;
  margin-left:-38px;
  z-index:10;
}
.MovieItem  a:hover .Image.MovieImage{
  opacity:0.75;
}
.MovieItem  a:hover .Image.MovieImage img{
  opacity:1;
}
.MovieItem  a:hover .Image.MovieImage::before{
  opacity:1;
}
.MovieItem  .Main.MovieCapture{
  width:85%;
  margin:20px auto;
  display:block;
}
.MovieItem  .Main.MovieCapture img {
  width:100%;
}
.MovieItem  .Sub.PlayButton{
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-39px;
  margin-top:-22.5px;
}


/*モーダル*/
 .MovieItem{
 
 }
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
  z-index: 50000;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	background:none;
	left: 50%;
	padding: 0px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 96%;
  max-width:960px;
}
.modal__content .inner{
  position: relative;
}
.modal__content .inner iframe{
  display: block;
  margin:0 auto;
  width:960px;
  height:540px;
}
.modal__content .inner .js-modal-close{
  position:absolute;
  right:-0px;
  /*top:-40px;*/
  top:auto;
  bottom:-40px;
  color:#fff;
  z-index: 50001;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .modal__content{
                              padding: 0px;
                            	width: 96%;
                            }
                            body.rsbp-under-bp2 .modal__content .inner{
                              position: relative;
                              width: 100%;
                              padding-top: 56.25%;
                            }
                            body.rsbp-under-bp2 .modal__content .inner iframe{
                              position: absolute;
                              top: 0;
                              right: 0;
                              width: 100% !important;
                              height: 100% !important;
                            }
/*---動画モーダル関連ここまで--------*/

/*プロセス*/
.ProcessItem{
}
.ProcessItem .ColumnGroup .Column{
  
}
.ProcessItem .ColumnGroup .Column .inner{
  border:1px solid #ccc;
  margin:20px;
  box-shadow: 0 0 0.8em rgba(0,0,0,0.05);
}

.ProcessItem .ColumnGroup .Column .inner .Main{
  line-height:1.3;
  font-weight:bold;
  margin-bottom:0.5em;
}
.ProcessItem .ColumnGroup .Column .inner p.Sub{
  font-size:75%;
  line-height:1.4;
}
.ProcessItem .ColumnGroup .Column .inner ul{
  list-style:circle;
  font-size:70%;
  
}
.ProcessItem .ColumnGroup .Column{
  position:relative;
}

.ProcessItem .ColumnGroup .Column::before{
  position: absolute;
  content: "\e807";
  font-family: "picticon";
  top: 50%;
  margin-top:-1rem;
  right:-0.15em;
  font-size: 2rem;
}


                              /* + + + + + レスポンシブ + + + + +  */
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column{
                                float:none;
                                width:100%;
                                margin:25px 0;
                              }

                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column:last-child{
                                margin-bottom:0;
                              
                              }
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column::before{
                                display:none;
                              }
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column::after{
                                position: absolute;
                                content: "\e808";
                                font-family: "picticon";
                                bottom:-1.0em;
                                margin-top:0;
                                right:50%;
                                font-size:1.2em;
                                margin-right:-0.5em;
                              }
                              body.rsbp-under-bp2.SpView .ProcessItem .ColumnGroup .Column::after{
                                bottom:-1.1em;
                              }
                              
                              
                              body.rsbp-under-bp2.SpView .ProcessItem .ColumnGroup .Column:last-child::after,
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column:last-child::after{
                                display:none;
                              }
                              
                              
                              
                              
                              
                              body.rsbp-under-bp2 .ProcessItem .ColumnGroup .Column .inner{
                                padding:5px!important;
                                margin: 0px 15px;
                              }



.ProcessItem .ColumnGroup .Column:last-child::before{
  display:none;
}
.ProcessItem .ColumnGroup .Column .inner ul li{
  margin-bottom:10px;
  line-height:1.3;
}
.ProcessItem .ColumnGroup .Column .inner ul li:last-child{
  margin-bottom:0;
}

.ChartImageBlock{}
.ChartImageBlock .SknTplThumbnailList{
  
}
.ChartImageBlock .BlockHeader{
  width:160px;
  float:left;
}
.ChartImageBlock .BlockContents{
  width:750px;
  float:right;
}

.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup {

}
.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column{
  max-width:200px!important;
  display:inline-block;
  vertical-align:top;
  width:auto;
  padding:5px;
  position:relative;
  margin:0 20px;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column::before{
  /*position: absolute;
  bottom: -2px;
  content: "";
  display: inline-block;
  width: 3px;
  height: 50%;
  top:50%;
  left:50%; 
  background: #111986;
  z-index:0;*/
}
.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column .inner{
  background: #fff;
}

.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.LargeImage{
  max-width:300px!important;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.NoImage{
  max-width:100px!important;
}
                              /* + + + + + レスポンシブ + + + + +  */
                              body.rsbp-under-bp2 .ParagraphContents.TabDisplay .Tabq .TabContents .ButtonItem{
                                text-align:center;
                                margin-bottom:15px;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents{
                                width:100%;
                                display:block;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column{
                                width:30%;
                                display:inline-block;;
                                float:none;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.Column .Caption{
                                margin:0 auto;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li{
                                margin:0 auto;
                              }
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList .ColumnGroup li.NoImage{
                                display:none;
                              }

                              body.rsbp-under-bp3 .ChartImageBlock .BlockHeader{
                                width:100%;
                                display:block;
                              }
                              body.rsbp-under-bp3 .ParagraphContents.TabDisplay .Tabq .TabContents .ButtonItem{
                                text-align:center;
                                margin-bottom:15px;
                              }


.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .inner{
  padding:0;
}

.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem{
  overflow:visible;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a{
  margin:0;
  padding:0;
  border:none;
  overflow:hidden;
  border:1px solid #ddd;
  border-radius:5px;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a:hover{
  background: none;
  transform: scale(1.0);
  opacity: 0.8;
  top: 0;
  box-shadow: 0 0 1.8em rgba(0,0,0,0.5);
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column a img{
  background: #fff;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a:hover img{
  transform: scale(1.2);
}

.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a:hover  a.modal06img{
  transform: scale(1.2);
  margin-top:-15px;
  margin-bottom:15px;
}
/*
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem .Caption{
  line-height: 30px;
  margin: 0px 0 10px 0;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem:hover  .Caption{
  font-size:85%;
}
*/



                              /* + + + + + レスポンシブ + + + + +  */
                              body.rsbp-under-bp2 .ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column .ImageItem a:hover{
                                  box-shadow: 0 0 0.8em rgba(0,0,0,0.5);
                              }





/*点滅*/

.FlashImg{
  margin:0px;
  border-radius:0px;
  overflow:hidden;
}
.ChartImageBlock .BlockContents .SknTplThumbnailList ul.ColumnGroup li.Column a img.FlashImg.Flashing{
  animation: flash 2s linear infinite;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#57c8f6+0,c4ebfc+100 */
  background: rgb(87,200,246); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(87,200,246,1) 0%, rgba(196,235,252,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(87,200,246,1) 0%,rgba(196,235,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(87,200,246,1) 0%,rgba(196,235,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57c8f6', endColorstr='#c4ebfc',GradientType=1 );  IE6-9 */

}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }
}

a:hover .FlashImg{
  animation: flash2 1s linear infinite;
}
@keyframes flash2 {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }
}

.DefaultText.DetailComment{

  padding:10px;
}

.PageBlock h2.DefaultText{
  display:block;
  margin:5px auto;
  text-align:center;
  font-size:1.5em;
  color:#0781a6;
  line-height:1.3;
  max-width:1100px;
}
.PageBlock h2.DefaultText > span{
   line-height:1.9;
   font-weight:normal;
}
.PageBlock h2.DefaultText .Small{
  font-size:80%;
}

                              /* + + + + + レスポンシブ + + + + +  */
                              body.rsbp-over-bp2 .PageBlock h2.DefaultText > span{
                                 display:block;
                              }
                              body.rsbp-under-bp2 .PageBlock h2.DefaultText{
                                  font-size:1.0em;
                                  margin-bottom:1em;
                                  text-align:left;
                                  line-height:1.5;
                              }
                              body.rsbp-under-bp2 .PageBlock h2.DefaultText > span{
                                 display:block;
                              }
                              body.rsbp-under-bp3 .PageBlock h2.DefaultText{
                                  font-size:1.0em;
                                  text-align:left;
                                  margin-top:0;
                                  margin-bottom:2em;
                              }
                              

                              


.MovieBlock{
  width:100%;
  max-width:950px;
  margin:0 auto;
}


/*動画*/

.SknTplMovieBox{}
.SknTplMovieBox .MovieBox{

}

.SknTplMovieBox .MovieBox .inner{
  display:block;
  text-align:center;
}
.SknTplMovieBox .MovieBox .inner > iframe{
  display:inline-block;
}

.SknTplMovieBox .MovieBox .inner .ImageItem{
  max-width:700px;
  margin:0 auto;
}
.SknTplMovieBox .MovieBox .ImageItem .Caption {
  font-size: 87.5%;
  line-height: 1.5;
  margin-top: 0.5em;
}

/*画像と幅を合わせる為*/
.SknTplMovieBox {
  width:100%;
  max-width:950px;
}
.SknTplMovieBox .MovieBox .inner{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.SknTplMovieBox .MovieBox .inner > video,
.SknTplMovieBox .MovieBox .inner > iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 960px!important;
  border:1px solid #ddd;
}



                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .SknTplMovieBox{
                              padding: 0px;
                            	width: 96%;
                            }
                            body.rsbp-under-bp2 .ImageItem  .SknTplMovieBox {
                              padding: 0px;
                              width: 100%;
                            }
                            body.rsbp-under-bp2 .SknTplMovieBox .MovieBox .inner{
                              position: relative;
                              width: 100%;
                              padding-top: 56.25%;
                            }
                            body.rsbp-under-bp2 .SknTplMovieBox .MovieBox .inner > video,
                            body.rsbp-under-bp2 .SknTplMovieBox .MovieBox .inner > iframe{
                              position: absolute;
                              top: 0;
                              right: 0;
                              width: 100% !important;
                              height: 100% !important;
                              max-width: 1000px!important;
                            }
                            body.rsbp-under-bp3 .SknTplMovieBox .MovieBox .ImageItem .Caption {
                              text-align:left;
                            }


/*OutLinkList*/
.OutLinkList{
  font-size:0.9rem;
  margin:0 15px;
}
.OutLinkList .ListTitle{
  display:inline-block;
  vertical-align:middle;
  line-height:1.4;
}
.OutLinkList ul{
  list-style:none;
  display:inline-block;
  vertical-align:middle;
}
.OutLinkList ul li{
  display:inline-block;
  margin:0 10px 0 0;
  line-height:1.4;
}
.OutLinkList ul li a{

}
.ProcessItem.Type2{
  margin-bottom:0;
}

                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .OutLinkList{
                              margin-bottom:30px;
                            }
                            body.rsbp-under-bp3 .OutLinkList .ListTitle{
                              display:block;
                            }
                            body.rsbp-under-bp3 .OutLinkList ul{
                              display:block;
                            }
                            
.ProcessItem.Type2  ul li{
  width:25%!important;
}

body.rsbp-under-bp2 .ProcessItem.Type2  ul li{
  width:100%!important;
}


/*署名部分*/
.TypeComSignItem{
  text-align:right;
}

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


.EnvDateItem{
  text-align:right;
  margin:40px 0 20px 0;
}
                            
/*ISO*/
.ISOImageItem{
  width:100%;
  text-align:right;

}
.ISOImageItem .inner{
  max-width:500px;
  width:100%;
  display:inline-block;
}
.ISOImageItem .inner img{
  margin-top:30px;
  max-width:160px;
}
.Heading.TypeComSign{
  font-size:150%;
  margin:0;
  margin-top:50px!important;
  margin-bottom:2px;
  line-height:1.6;
}
                            /* + + + + + レスポンシブ + + + + +  */
                            body.rsbp-under-bp2 .PageBlock .ISOImageItem .inner{
                              max-width:400px;
                              
                              display:inline-block;
                            }
                            body.rsbp-under-bp2 .PageBlock .ISOImageItem .inner .ImageItem{
                              width:35%;
                              margin:0;
                              display:inline-block;
                            }
                            body.rsbp-under-bp2 .PageBlock .ISOImageItem .inner .TextItem{
                              max-width:100%;
                              width:55%;
                              display:inline-block;
                            }
                            body.rsbp-under-bp3 .PageBlock .ISOImageItem .inner .ImageItem{
                              width:100%;
                              margin:0;
                              display:block;
                            }
                            body.rsbp-under-bp3 .PageBlock .ISOImageItem .inner .TextItem{
                              max-width:100%;
                              width:100%;
                              display:block;
                            }
                            
                            body.rsbp-under-bp3 .PageBlock .ISOImageItem .inner img{
                              margin-top:40px;
                              max-width:150px;
                            }

/*■*/
ul.TypeDiskList {
  list-style-type: square;
  margin: 0.1em 0 0.1em 1.3em;
}
ul.TypeDiskList li{

}