@charset "utf-8";

/*===============================

    common（basa@SMACSS）

================================*/
:root { font-size: 62.5%; }/* 1(r)em = 10px */

div#cont { margin: 0; }

.wrapper {
  box-sizing: border-box;
  font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 20px auto 0;
  overflow:hidden;
  text-align: left;
  width: 980px;
}

.header { margin: 20px 0; }

@media screen and (max-width:768px){
  .wrapper { width: 100%; }
}



/*===============================

    コンテンツ（layout@SMACSS）

================================*/
.container {
  float: right;
  width: 730px;
}

.grid{
  display:flex;
  flex-wrap:wrap;
  margin:-17.5px;
  overflow:hidden;
}

.grid__item{
  padding:16.5px;
  border:1px solid;
  width:50%;
}

@media screen and (max-width:768px){
  .container {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width:599px){
  .grid__item{
    width:100%;
  }
}

/*===============================

    モジュール（module@SMACSS）

================================*/

.main-article{}

.main-article__item + .main-article__item{
  margin-top:4rem;
}

.main-article__lead{
  line-height:1.7;
}

/*TOP画モジュール*/
.topimg{
  position:relative;
}

#cont .topimg__heading{
  position:absolute;
  width: 100%;
  background: rgba(255,255,255,.7);
  bottom: 11%;
  padding: 1rem;
  font-weight: bold;
  font-size: 1.6rem;
  display:flex;
  align-items:center;
}

.topimg__headingIco{
  display:block;
  width: 25%;
  max-width: 172px;
  margin-right: 1.6rem;
}

.topimg__headingIco::before{
  content:"";
  display:block;
  width:100%;
  padding-top: calc(100% * 47 / 172);
  background:url(/common/img/consulting/consulting-logo.png) no-repeat left top/contain;
}

@media screen and (max-width:599px){
  #cont .topimg__heading{
    padding: .4rem;
    font-size: 1.2rem;
    letter-spacing: 0;
  }
}

/*ヘディングモジュール*/
.heading{
}

.heading__ttl{
  color:inherit;
  letter-spacing:inherit;
}

.heading__icon{
  
}

.heading--primary{
  color:#BD9316;
  font-size:2rem;
  margin-bottom:2rem;
  letter-spacing: 3px;
  
}

.heading--secondary{
  margin-bottom:1rem;
  font-size: 1.4rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.heading--secondary > .heading__icon{
  flex:0 0 auto;
}

.heading__dl-btn{
  vertical-align: -1px;
  padding-left: 8px;
}

/*カードモジュール*/
.card{
  border-color:#C9CACA;
}

.card__img{
  text-align:center;
}

.card__date{
  font-size:1.2rem;
  border-bottom:1px solid #C9CACA;
  padding-bottom:.5rem;
  text-align:right;
  line-height: 1;
}

.card__text{
  font-size:1.4rem;
  line-height: 1.6;
}

.card__date + .card__text{
  margin-top:1rem;
}

.card__img + .card__date{
  margin-top:1rem;
}

/*ナビモジュール*/
.download-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
}

.download-nav__item{
  display:flex;
  width:20%;
}

.download-nav__item > a{
  display:flex;
  width:100%;
  align-items:center;
  text-align:center;
  justify-content:center;
  font-size: 1.4rem;
  border-bottom:2px solid transparent;
  color:inherit;
}

.download-nav__item > a:hover{
  border-color:#C9CACA;
  text-decoration:none;
}

@media screen and (max-width:768px){
  .download-nav__item{
    width:33.3333%;
    padding: 11px 0;
  }
}

@media screen and (max-width:599px){
  .download-nav__item{
    width:50%;
  }
}

/*===============================

    ユーティリティ（utility@SMACSS）

================================*/

.flow-hidden{
  overflow:hidden;
}