@charset "utf-8";

/* 共通-css
---------------------------------------------------------------------------------------------------------------------*/


.common_contents-wrapper{
  max-width:900px;
  margin:0 auto;
}


.contents-txt{
  font-size: 1.3rem;
  line-height: 1.6;
}

#contents1{
　margin-top:150px;
}


/* .main.page{
  padding-top:50px;
}

.kv-fade li img, .top-about-wrapper .img img, .top-pagelink li .img img ,.about-concept-wrapper .img img,
.column-list li .img img, .news-list li .img img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.contents-ttl{
  text-align: center;
  font-family: var(--en);
  letter-spacing: 3px;
  font-size:2rem;
  margin:0 auto 8%;
} */


.common_contents-wrapper .number{
  text-align: right;
  font-size:;
}
.common_contents-wrapper .date, .common_contents-wrapper .number{
  text-align: left;
  font-family: var(--en);
  color:var(--c-t-dgy);
  letter-spacing: 1px;
  font-weight: 700;
}

.common_contents-wrapper .date{
  font-size:1.2rem;
}

.common_contents-wrapper .ttl{
  border-bottom:2px solid var(--c-bk);
  padding:4% 0 2%;
  letter-spacing: 1px;
  margin-bottom:4%;
  font-size:1.5rem;
}

.common_contents-wrapper  .ttl.column-ttl{
  font-family: var(--en);
  letter-spacing: 3px;
}

.common_contents-wrapper .img img{
object-fit: cover;
width:100%;
height:100%;
}

.common_contents-wrapper .img{
  width:90%;
  margin:0 auto 4%;
}

.common_contents-wrapper .table{
  background:var(--bg-lgy);
  font-weight: bold;
  padding:4% 4%;
  margin:8% 0;
  display: flex;
  flex-wrap: wrap;
}

.common_contents-wrapper .table dt{
  width:1em;
  margin-right:0.5em;
  font-size:1.3rem;
  padding:2px 0;
}

.common_contents-wrapper .table dd{
  width:calc(100% - 2em);
  margin-bottom:2%;
  font-size:1.3rem;
  line-height:1.5;
}

.common_contents-wrapper .table.aj dt{
  width:3em;
  margin-right:0.5em;

}

.common_contents-wrapper .table.aj dd{
  width:calc(100% - 4em);
}

.common_contents-wrapper .table dd a{
  padding: 2px 0;
}

.common_contents-wrapper h3{
border-top:1px solid var(--c-bk);
border-bottom:1px solid var(--c-bk);
letter-spacing: 1px;
margin-bottom:4%;
padding:2% 0;
}

.contents-bottom{
  border-top:1px solid var(--c-bk);
  padding:4% 0;
}

.item-recommend{
 padding:8% 0;
 margin: 4% 0;
}

.item-recommend .reco-ttl, .item-recommend h4, .item-recommend .item-link{
  font-family: var(--en);
  font-weight: 700;
  letter-spacing: 2px;
}

.item-recommend .item-link{
  font-size: 1.2rem;
}

.item-recommend .reco-ttl{
  margin-bottom:4%;
  font-size:1.4rem;
  padding:4%;
  background:var(--c-lgy); 
}


.item-recommend ul li{
  background:var(--bg-lgy);
  padding:4%;
}

.item-recommend .item-link span{
  display: inline-block;
  border-bottom:1px solid var(--c-bk);
}


.item-recommend .item-txt{
  font-size:1.3rem;
  line-height:1.3;
  margin:8px 0;
}

.item-recommend li{
  margin-bottom:4%;
}

.item-recommend li a {
  display: flex;
  align-items: center;
}

.item-recommend .item-img{
  width:35%;
  }

.item-recommend .item-box{
width:65%;
padding-left:3%;
}

.reference{
  font-size:1.1rem;
  line-height: 1.3;
  color:var(--c-t-dgy);
  margin:4% 0 8%;
  background:var(--bg-lgy);
  padding:2%;
}

.contents-bottom .link{
  width:80%;
  font-family: var(--en);
  font-weight: bold;
  letter-spacing: 3px;
  max-width:320px;
  margin:0 auto;
  border:1px solid var(--c-bk);
  text-align: center;
}

.contents-bottom .link a{
  display: block;
  padding:4%;
  transition: .2s;
}

.contents-bottom .link a:hover{
  background:var(--c-gy);
}

/*マージン設定*/
.common_contents-wrapper .mgb-ct1{/*コンテンツ*/
  margin-bottom:8%;
}

.common_contents-wrapper .mgb-ct2{/*サブ*/
  margin-bottom:4%;
}

/*NEWSページ*/
.contents-bottom.news{
  border-top:0;
}

.news-itemlist-1col li{
  margin-bottom:5px;
}

.news-itemlist-1col li:first-child{
font-weight: bold;
}

.news-itemlist-2col, .news-itemlist-3col{
  display: flex;
  flex-wrap: wrap;
  font-size:1.0rem;
}

.news-itemlist-3col .col3{
  width:50%;
  padding:0 1%;
  margin-bottom:1%;
}

.news-itemlist-3col .name{
  font-weight: bold;
}


/*コラム一覧ページ*/
.columnpage-list{
width:70vw;
margin:8% auto 0;
}

.columnpage-list li{
  margin-bottom:14%;
}

.columnpage-list li .img{
  width:70vw;
  height:70vw;
}

.columnpage-list li .date.columnpage{
  font-size:1.4rem;
  text-align: right;
}

.columnpage-list li .ttl.columnpage{
font-weight: bold;
border:0;
}

.columnpage-list li .link{
  font-weight: bold;
  font-family: var(--en);
  letter-spacing: 3px;
  }
  
  .columnpage-list li .link span{
    display: inline-block;
    border-bottom:1px solid var(--c-bk);
    padding:0 2px 2px 2px;
  }

.columnpage-list li .img img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.h3-subttl{
  padding:4px 0;
  text-indent: 1em;
  background:var(--bg-lgy);
  margin-bottom:4%;
}

.point-list{

border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0 auto 4%;
padding:2% 0 2% 1em;

}



@media screen and (min-width: 768px){/*タブレット - 小型PC-------------------*/

  .common_contents-wrapper .img{
    width:80%;
    margin:0 auto 4%;
  }

  .common_contents-wrapper .ttl{
    font-size:1.6rem;
  }
  
  .common_contents-wrapper .table{
    width:60%;
    padding:4%;
    margin:4% 0;
  }

  .common_contents-wrapper .table dd a{
    transition: .2s;
  }

  .common_contents-wrapper .table dd a:hover{
    opacity: .8;
    /* border-bottom:1px dotted var(--c-t-dgy); */
  }

  .item-recommend{
    padding:0;
    margin: 0 0 2%;
   }

  .item-recommend .reco-ttl, .item-recommend h4, .item-recommend .item-link{
    font-family: var(--en);
    font-weight: 700;
    letter-spacing: 2px;
  }
  
  .item-recommend .item-link{
    font-size: 1.2rem;
  }
  
  .item-recommend .reco-ttl{
    margin-bottom:2%;
    padding:2%; 
  }
  
  .item-recommend ul{
    display: flex;
    flex-wrap: wrap;
  }
  
  .item-recommend ul li{
    width:49%;
    margin-right:2%;
    padding:2%;
    margin-bottom:2%;
  }

  .item-recommend ul li:nth-child(even){
    margin-right:0;
  }

  .item-recommend .item-txt{
    line-height:1.5;
    margin:12px 0;
  }
  
  .item-recommend li a {
    display: flex;
    align-items: center;
  }
  
  .item-recommend .item-img{
    width:35%;
    }
  
  .item-recommend .item-box{
  width:65%;
  padding-left:3%;
  }

  .news-itemlist-2col, .news-itemlist-3col{
    font-size:1.2rem;
  }

  .news-itemlist-3col .col3{
    width:33.33%;

  }

/*コラム一覧ページ*/
.columnpage-list{
  width:100%;
  margin:8% auto 0;
  }

.columnpage-list li{
  background:var(--bg-lgy);
  padding:30px 10px 0;
  margin-bottom:4%;
  }
  .columnpage-list li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .2s;
  }

  .columnpage-list li a:hover{
    opacity: 0.8;
  }

  .columnpage-list li div{
    width:calc(100% - 310px);
  }
  .columnpage-list li .img{
    width:270px;
    height:270px;
    padding:0;
  }

  .columnpage-list li .date.columnpage{
    font-size:1.5rem;
    text-align: left;
  }
 
}

/* コンタクトページ
---------------------------------------------------------------------------------------------------------------------*/


.company_box{
  margin:50px 0 0 0 !important;
}

.contact-link{
  border:1px solid var(--c-bk);
  max-width:200px;
  margin:5px 0 15px ;
  text-align: center;
}

.contact-link a{
  display: block;
  padding:10px 20px;
  font-family: var(--en);
  letter-spacing: 2px;
  font-weight: bold;
  font-size:1.3rem;
  line-height: 1.0;
}

.contact-link a:hover{
  background:var(--c-gy);
  transition: .2s;
}