.miniSP{
   display: none;
}

/*-----------------------------------------------------------------------
Header
-------------------------------------------------------------------------*/
.menu>ul>li a {
   padding: 10px 22px;
}

/*-----------------------------------------------------------------------
breadcrumbs
-------------------------------------------------------------------------*/
.breadcrumbs{
   display:flex;
   align-items:center;
   color: #fff;
   font-family: 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'メイリオ', sans-serif;
   margin: 0 0 -47px 0px;
   overflow-x:auto;
   word-break:keep-all;
   white-space:nowrap;
   -webkit-overflow-scrolling:touch;
}
#add .breadcrumbs,#add-confirm .breadcrumbs,#add-thanks .breadcrumbs,#dg-lightplus-apply .breadcrumbs, #lightplus-apply .breadcrumbs,#lightplus-apply-confirm .breadcrumbs,#lightplus-apply-thanks .breadcrumbs,#new .breadcrumbs,#new-confirm .breadcrumbs,#new-thanks .breadcrumbs{
   display:none;
}

.single .breadcrumbs{
   color: #333;
}
.single main{
   margin-top: 90px;
}

.breadcrumbs>ul{
   display: flex;
   width: 882pt;
   padding: 15px 0;
   margin: 28px auto 0 auto;
}
.breadcrumbs li{
   font-size: 14px;
   position:relative;
}

.breadcrumbs li:not(:first-child){
   position:relative;
   margin-left:2em;
}
.breadcrumbs li:not(:first-child)::before{
   content:" > ";
   position:absolute;
   top:0;
   left:-1.3em;
}

.breadcrumbs li a {
   display: block;
   padding-bottom: 1px;
   border-bottom: 1px solid #a5a5a5;
   color: #fff;
}

.single .breadcrumbs li a {
   color: #333;
}

.breadcrumbs li a:hover {
   color: rgb(216, 216, 216);
   text-decoration: none;
}
/*-----------------------------------------------------------------------
アーカイブページ
-------------------------------------------------------------------------*/
.archive.category .mb20{
   margin-top: 30px;
}
.archive.category .mb20 .sub{
   font-size: .8em;
   color: #bbb754;
   display: block;
   padding-bottom: 25px;
}
.archive.category .article-loop img{
   height: 173px;
   width: 100%;
   object-fit: cover;
}

/*-----------------------------------------------------------------------
コラム
-------------------------------------------------------------------------*/

.cs-ad{
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 180%;
}

.cs-ad img{
   max-width: 300px;
}

.cs-ad a:hover img{
   transition: .3s;
   opacity: 0.7;
}

.col2 {
   display: flex;
   gap: 70px;
}

.col2 .main{
   float: unset;
}
.col2 .aside {
   float: unset;
}

.img-wrapper img{
   max-height: 480px;
   object-fit: cover;
   width: 100%;
   margin-bottom: 30px;
}
.img-wrapper2 img{
   max-height: 340px;
   object-fit: cover;
   width: 100%;
   margin-bottom: 30px;
}
.wrap-contents.top {
   padding-bottom: 0;
}

.case-link{
   display: flex;
   gap: 20px;
   align-items: center;
   padding: 20px 0;
}
.cases-list li:not(:last-of-type) .case-link{
   border-bottom: 1px dotted #ccc;
}
/*-----------------------------------------------------------------------
トップイメージ
-------------------------------------------------------------------------*/
.wrap-header3 {
   padding-top: 60px;
}

.view-more{
   color: #3872c9
}

/*----------------------------------------
767px
----------------------------------------*/
@media screen and (max-width:767px){
   .col2 h2 {
      font-size: 1.3rem;
   }
   .column-toc .points{
      padding: 0;
   }
   .col2 {
      flex-direction: column;
   }
.col2 {
   display: flex;
   gap: 0px;
}
   .breadcrumbs li{
      font-size: 12px;
   }
.img-wrapper2 img{
   max-height: 213px;
   object-fit: cover;
   width: 100%;
   margin-bottom: 30px;
}

   .breadcrumbs>ul{
      padding:0 20px;
	  margin:0 auto;
   }

   .breadcrumbs{
    margin: 10px 0 -77px 0!important;
      padding-bottom: 12px;
   }
   #function .breadcrumbs{
    margin: 10px 0 -77px 0!important;
      padding-bottom: 12px;
   }
   .single main{
      margin-top: 102px
}

.archive.category .mb20 {
   margin-top: 35px;
   margin-bottom: 30px!important;
}
   .archive.category .mb20 .sub{
   padding: 5px 0 0 0;
  }
  .cs-ad{
   display: none;
}
.archive.category .article-loop img{
   height: auto;
   width: 100%;
   object-fit: cover;
}
.case-link {
   flex-direction: column;
}
.heading03 {
   padding-top: 21px;
}
}

@media screen and (max-width:400px){
.miniSP{
   display: block;
}
}