@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● AboutCSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

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


body.rsbp-over-bp2.ArchivePage .Container {
  min-width: 1100px;
  margin: 0 auto;
  max-width: 1920px;
}

body.rsbp-under-bp2.ArchivePage .MainContentsArea {
  padding: 0px 0px 30px;
}
body.rsbp-under-bp3.ArchivePage .MainContentsArea {
  padding: 0px 0px 30px;
}


.ArchivePage .PageBlock{
  margin:5px 0 0 0;

}
.ArchivePage .PageBlock .DefaultArea{
  width:100%;
}
.ArchivePage .PageBlock .DefaultArea .inner{
  max-width:1200px;
  margin:0 auto;
}
.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock{
  font-size:100%;
  padding:0 10px;
}
.ArchivePage .PageBlock .DefaultBlock .BlockHeader{
  margin-top:30px;
}
          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2.ArchivePage .PageBlock .DefaultBlock .BlockHeader{
            margin-top:0;
            padding: 20px;
          }

          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2.ArchivePage table.Adobe td{
            display:block;
          }
          body.rsbp-under-bp3.ArchivePage table.Adobe td img{
            max-width:120px;
          }
          
          
          


.ArchivePage .PageBlock .DefaultBlock .BlockHeader .Heading .Main{
  margin:30px 0;
}
.ArchivePage .PageBlock .DefaultBlock .BlockHeader .Heading .Sub{
  margin:30px 0;
}

.ArchivePage .PageBlock .DefaultBlock .Heading.TypeSecond .Main{
  margin-bottom:30px;
}


.DefaultBlock .TypeMiddlesize.DefaultText{
  /*font-size:90%;*/
  line-height:1.7;
}



.ArchivePage .PageBlock .MessageArea{
  background:#fff  url(../webtechno/img/page/bg_page_harf.jpg) no-repeat top center;
}
.ArchivePage .PageBlock .MessageArea .inner{}
.ArchivePage .PageBlock .MessageArea .inner .MessageBlock{}


.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .BlockHeader{
  margin-bottom:20px;
}
.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .BlockContents{}

.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .Paragraph{
  margin-bottom:50px;
}
.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .ParagraphHeader{
  background: url(../webtechno/img/page/bg_seminer_title.png) no-repeat bottom right;
  background-size:1250px auto;
  text-align:left;
}

          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp2.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock{
            margin:10px;
          }
          body.rsbp-under-bp2.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .ParagraphHeader{
            background: url(../webtechno/img/page/bg_seminer_title_sp.png) no-repeat bottom right;
            background-size:800px auto;
            text-align:left;
          }
          body.rsbp-under-bp2.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .ParagraphHeader span{
            margin: 10px 70px 10px 10px;
            font-size: 1.2rem;
          }

.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .ParagraphHeader span{
  color:#fff;
  margin:10px 20px;
  display:inline-block;
  font-size:1.5rem;
}
.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .Paragraph{
  position:relative;
  padding-top:0px;
}
.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .ParagraphContents{
  background:#fff;
  padding:45px 74px 65px 74px;
  border: 1px solid #ddd;
  box-shadow: 0 0.3em 0.3em rgba(0,0,0,0.3);
}

.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .ParagraphContents .TextCenter{
  font-size:140%;
}
          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp3.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .ParagraphContents .TextCenter{
              font-size:90%;
          }

.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .Paragraph::before{
  position:absolute;
  content: "";
  background: url(../about/img/bg_message_title.png) no-repeat bottom right;
  width:100%;
  top: 0px;
  height:19px;
}
          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp3.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .Paragraph::before{
            position:absolute;
            content: "";
            background: url(../about/img/bg_message_title_sp.png) no-repeat bottom right;
            width:100%;
            top: 0px;
            height:19px;
          }
.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .LeftContents{
  width:275px;
  float:left;
}
.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .RightContents{
  width: -webkit-calc(100% - 276px);
  width:         calc(100% - 276px);
  float:right;
  padding-left:55px;
  background: url(../about/img/bb_profileline.png) no-repeat 0% 50%;
  border-left:3px solid #9f5dc0;
  min-height:345px;
}
          /* + + + + + /レスポンシブ + + + + +  */
          body.rsbp-under-bp3.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .LeftContents,
          body.rsbp-under-bp3.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .RightContents{
            width:100%;
            float:none;
          }
          body.rsbp-under-bp3.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .RightContents{
            padding-left:0;
            background: none;
            border-left:none;
            margin-top:10px;
            padding-top:20px;
            border-top:2px solid #9f5dc0;
            background: url(../about/img/bb_profileline_x.png) no-repeat top center;
            min-height:0;
          }

          body.rsbp-under-bp3.ArchivePage .PageBlock .DefaultArea .inner .DefaultBlock .ParagraphContents{
            padding:25px;
          }



.PreTitle{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8fc6d2+0,4979b3+100 */
  background: rgb(143,198,210); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(143,198,210,1) 0%, rgba(73,121,179,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(143,198,210,1) 0%,rgba(73,121,179,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(143,198,210,1) 0%,rgba(73,121,179,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc6d2', endColorstr='#4979b3',GradientType=1 );  IE6-9 */
  padding:3px 5px;
  line-height:1.3;
  display: inline-block;
  color:#fff;
  margin:5px 0;
}
.KoushiTitle{
  display:block;
  text-align:center;
  position: relative;
  margin:10px 0 ;
}
.KoushiTitle span{
  padding:10px 15px;
  position: relative;
  line-height: 1.5;
  letter-spacing: 0.1em;
  background: #0c639e;
  z-index: 5;
  padding: 0 20px;
  color: #fff;
  display: inline-block;
  border-radius:3px;
}
.KoushiTitle::before{
  position: absolute;
  content: "";
  height: 1px;
  left: 0;
  top: 48%;
  width: 100%;
  height: 1px;
  background: #0c639e;
}

.PointUl{
  margin:10px 10px 10px 20px;
}
.PointOl{
  margin:10px 10px 10px 20px;
}


.ProfileBox{}
.ProfileBox .KoushiPhoto{
  width:212px;
  
}
.ProfileBox .KoushiPhoto img{
  width:100%;
  max-width:212px;
  float:none;
}
.ProfileBox .ProfileName{
  width:100%;
  margin-top:10px;

}
.ProfileBox .ProfileName .NameBig{
  font-size:2.2rem;
}
.ProfileBox .ProfileName .SamaSmall{
  font-size:0.7rem;
}



.SknTplDecoratedTable table{
  border-collapse: collapse;
  border-top:2px solid #ccc;
}
.SknTplDecoratedTable table th,
.SknTplDecoratedTable table td{
  border-bottom:1px solid #ccc;
  padding:10px 0;
}

.SknTplDecoratedTable tbody > tr > th:not([width]) {
    width: 35%;
}
body.rsbp-under-bp3 .SknTplDecoratedTable th{

}
body.rsbp-under-bp3 .SknTplDecoratedTable td.PDFIcon,
body.rsbp-under-bp3 .SknTplDecoratedTable td.PDFLink{
  display:inline-block!important;
}