@charset "utf-8";
/**************
CSS Document
flocssでコーディング
***************/
/**********
foudation
**********/

/**********
layout
**********/

/**********
component
**********/
/*ナビ*/
.c_nav--local{
  margin: -4px;
}
.c_nav--local .c_nav__item{
  padding: 4px;  
}
.c_nav--local .c_nav__target{
  height: 48px;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  font-weight: bold;
}
.c_nav--local .c_nav__target:hover{
  border-color: #CC2914;
  color: #CC2914;
}

/*グリッド*/
.c_grid--hasGutter{
  margin: -4px;
}
.c_grid--hasGutter > .c_grid__item{
  padding: 4px
}

/* 節 */
.c_section{}
.c_section__item{}
.c_section--primary{}
.c_section--primary > .c_section__item + .c_section__item{
  margin-top: 24px;
}
.c_section--secondary{}
.c_section--secondary > .c_section__item + .c_section__item{
  margin-top: 24px;
}
.c_section--secondary{}
.c_section--secondary > .c_section__item + .c_section__item{
  margin-top: 16px;
}
.c_section--tertiary{}
.c_section--tertiary > .c_section__item + .c_section__item{
  margin-top: 12px;
}
.c_section--quaternary{}
.c_section--quaternary > .c_section__item + .c_section__item{
  margin-top: 8px;
}
/* リスト */
.c_list--normal{}
.c_list--small > .c_list__item + .c_list__item{
  margin-top: 8px;
}
.c_list--normal{}
.c_list--normal > .c_list__item + .c_list__item{
  margin-top: 12px;
}
.c_list--large{}
.c_list--large > .c_list__item + .c_list__item{
  margin-top: 16px;
}

/* アイコン */
.c_hasIco--circle{
  padding-left: 1.5em;
}
.c_hasIco--circle::before{
  content: "○";
  top: 0;
  transform: none;
}
.c_hasIco--dot{
  padding-left: 1em;
}
.c_hasIco--dot::before{
    content: "●";
    top: 0.5rem;
    transform: none;
    font-size: 0.5rem;
    color: #5f5f5f;
}
.c_hasIco--square{
  padding-left: 1.5em;
}
.c_hasIco--square::before{
  content: "■";
  top: 0;
  transform: none;
}
.c_hasIco--lineSquare{
  padding-left: 1.5em;
}
.c_hasIco--lineSquare::before{
  content: "□";
  top: 0;
  transform: none;
}
.c_hasIco--num{
  padding-left: 2.0em;
}
.c_hasIco--num > .c_hasIco__item{
  top: 0;
  transform: none;
}
.c_hasIco--bracketsNum{
  padding-left: 3.5em;
}
.c_hasIco--bracketsNum > .c_hasIco__item{
  top: 0;
  transform: none;
}
.c_hasIco--circleNum{
  padding-left: 1.5em;
}
.c_hasIco--circleNum > .c_hasIco__item{
  top: 0;
  transform: none;
}
.c_hasIco--ast{
  padding-left: 1.5em;
}
.c_hasIco--ast::before{
  content: "※";
  top: 0;
  transform: none;
}
/**********
project
**********/
.p_heading{}
.p_heading__ttl{
  line-height: 1;
  font-weight: normal;
}
.p_heading__img{
  line-height: 0;
}
.p_heading--primary{
  margin-bottom: 24px;
}
.p_heading--primary > .p_heading__ttl{
  padding: 0 0 8px 8px;
  font-size: 24px;
  font-weight: bold;
}
.p_heading--secondary{
  margin-bottom: 16px;
  padding: 0 0 8px 8px;
  border-bottom: 2px solid #cc2914;
}
.p_heading--secondary > .p_heading__ttl{
  font-size: 16px;
  font-weight: bold;
  
}
.p_heading--tertiary{
  margin-bottom: 12px;
}
.p_heading--tertiary > .p_heading__ttl{
  line-height: 1.6;
  font-size: 14px;
  font-weight: bold;
}
.p_heading--quaternary{
  margin-bottom: 8px;
}
.p_heading--quaternary > .p_heading__ttl{
  line-height: 1.6;
  font-size: 14px;
  font-weight: bold;
}

/* 実線ボックス */
.p_linearBox{
  padding: 8px 12px;
  border: 1px solid;
}

/* 拠点 */
.p_office{}
.p_office__body{
  width: calc(100% - 226px);  
  position: relative;
}
.p_office__img{
  order: -1;
  width: 226px;
  line-height: 0;
}
.p_office__item + .p_office__item{
  margin-top: 4px;
}
.p_office__link{
  position: absolute;
  top: 8px;
  right: 8px;
}
@media screen and (max-width: 599px){
  .p_office__body{
    width: 100%;
  }
  .p_office__img{
    width: 100%;
  }
}

/* 規約系 */
.p_rule{
  padding-left: 24px;
}

/* 社長署名 */
.p_presidentProf{
  display: flex;
  align-items : flex-end;
  flex-direction: column;
}

/* 役員等 */
.p-member{
    width: 50%;
}
.p-member__post{
    width: 60%;
    padding: 6px 4px;
}
.p-member__post--right{
    width: 40%;
}
.p-member__name{
    width: 33%;
    padding: 6px 4px;
}
.p-member__name--left{
    border-right: 1px solid #C2C2C2;
}
@media screen and (max-width:768px) {
    .p-member--left{
        border-right: 1px solid #C2C2C2;
    }
    .p-member--right{
        padding-left: 30px;
    }
    .p-member__post{
    width: 100%;
    padding: 0px 4px;
    }
    .p-member__post--right{
        width: 100%;
    }
    .p-member__name{
        width: 100%;
        padding: 0px 4px 20px;
    }
    .p-member__name--left{
        border-right: none;
    }
}