@charset "UTF-8";

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

div#cont { margin: 0; }

.wrapper {
  box-sizing: border-box;
  font: 500 1.5rem/1.6  YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  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
================================*/
.container {
  float: right;
  width: 730px;
}

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

/*===============================
    component
================================*/
/* グリッドデザイン */
.c_grid{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.c_grid__item{
  display: flex;
}
.c_grid__inner{
  display: block;
  width: 100%;
}
.c_grid--hasGutterXs{
  margin: -4px;
}
.c_grid--hasGutterXs > .c_grid__item{
  padding: 4px;
}
.c_grid__item--textSample{
  width: 370px;
} 
.c_grid__item--textSampleMsg{
  width: calc(100% - 370px);
} 
@media screen and (max-width: 768px){
  .c_grid__item--textSample{
    width: 40%;
  } 
  .c_grid__item--textSampleMsg{
    width: 60%;
  } 
}
@media screen and (max-width: 599px){
  .c_grid--resSmHasGutterMd{
    margin: -22px;
  }
  .c_grid--resSmHasGutterMd > .c_grid__item{
    padding: 22px;
  }
  .c_grid__item--textSample{
    width: 100%;
  } 
  .c_grid__item--textSampleMsg{
    width: 100%;
  } 
}

/* メディアデザイン */
.c_media{}
.c_media::after{
  content: "";
  display: block;
  clear: both;
}
.c_media__img{
  float: left;
}
.c_media__img--rev{
  float: right;
}
.c_media__body{}
.c_media--noAround > .c_media__body{
  overflow: hidden;
}
@media screen and (max-width: 599px){
  .c_media--resSmCancel > .c_media__img{
    float: none;
  }
}
/* アイコン */
.c_hasIco{
  position: relative;
}
.c_hasIco::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.c_hasIco--subHeading{
  padding-left: 32px;
}
.c_hasIco--subHeading::before{
  content: url(/resource/img/consulting/manufacturing/icon_star.png);  
}

/*===============================
    project
================================*/
/* 節 */
.p_sec{}
.p_sec__item{}
.p_sec--lg > .p_sec__item + .p_sec__item{
  margin-top: 56px;
}
.p_sec--md > .p_sec__item + .p_sec__item{
  margin-top: 44px;
}
.p_sec--sm > .p_sec__item + .p_sec__item{
  margin-top: 32px;
}
/* 見出し */
.p_heading{
  font-weight: bold;
}
.p_heading__ttl{
  font-weight: inherit;
  line-height: 1;
}
.p_heading__img > img{
  vertical-align: top;
}
/*
.p_heading__ttlBox{}
.p_heading__subTtl{}
*/
.p_heading--primary{
  margin-bottom: 36px;
}
/*
.p_heading--primary > .p_heading__ttlBox{
  position: absolute;
  top: 61.8%;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px;
}
*/
.p_heading--secondary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-left: 12px;
  height: 42px;
  background: #b3123a;
}
.p_heading--secondary::after{
  content: url(/resource/img/consulting/manufacturing/obliqueline_white.png);
  display: block;
}
.p_heading--secondary .p_heading__ttl{
  font-size: 22px;
  color: #fff;
}
.p_heading--tertiary{
  margin-bottom: 20px;
}
.p_heading--tertiary .p_heading__ttl{
  display: inline-block;
  padding: 0 40px 4px 0;
  border-bottom: 2px dotted #b3123a;
  font-size: 18px;
}
.p_heading--tertiary{
  margin-bottom: 20px;
}
.p_heading--tertiary .p_heading__ttl{
  display: inline-block;
  padding: 0 40px 4px 0;
  border-bottom: 2px dotted #b3123a;
  line-height: 1.3;
  font-size: 18px;
}
.p_heading--quaternary{
  margin-bottom: 8px;
}
.p_heading--quaternary .p_heading__ttl{
  line-height: 1.3;
}

.p_heading--media{
  margin-right: 8px;
}
.p_heading--media .p_heading__ttl{
  text-align: center;
  line-height: 1.3;
  font-size: 26px;
}
@media screen and (max-width: 599px){
  .p_heading--secondary .p_heading__ttl{
    font-size: 18px;
  }
  .p_heading--tertiary .p_heading__ttl{
    padding-right: 0;
    font-size: 15px;
  }
  .p_heading--media{
    margin: 0 0 16px;
  }
  .p_heading--media .p_heading__ttl{
    font-size: 15px;
  }
}
/* テキストボックス */
.p_textBox{
  padding-left: 1em;
}
/* 背景 */
.p_backBox{
  padding: 16px 24px;
}
.p_backBox--analyze{
  background: #015b72;
  color: #fff;
}
.p_backBox--result{
  background: #0189a6;
  color: #fff;
}
@media screen and (max-width: 599px){
  .p_backBox{
    padding: 8px 16px;
  }
}

/* 進捗矢印 */
.p_arrow{
  padding: 4px 0;
  text-align: center;
}
.p_arrow > img{
  vertical-align: top;
}
.p_arrow--media{
  max-width: 156px;
}
@media screen and (max-width: 599px){
  .p_arrow--media{
    max-width: none;
    padding: 16px 0;
  }
}

/* ポイント */
.p_pointList{
  display: flex;
  justify-content: space-around;
  flex-direction: column;
}
.p_point{
  text-align: center;
}
.p_point__ttl{
  margin-bottom: 16px;
}
.p_point__ttl > img{
  vertical-align: top;
}
.p_point__body{
  padding-bottom: 8px;
  border-bottom: 1px solid;
}
.p_point__body--accentColor{
  position: relative;
  border-color: #0189a6;
}
.p_point__body--accentColor::after{
  content: url(/resource/img/consulting/manufacturing/obliqueline_blue.png);
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  height: 31px;
}
@media screen and (max-width: 599px){
  .p_pointList{
    display: block;
  }
  .p_pointList__item + .p_pointList__item{
    margin-top: 40px;
  }
  .p_point{
    text-align: left;
  }
  .p_point__ttl{
    margin-bottom: 8px;
  }
}
/* 表 */
.p_table{}
.p_table__heading,
.p_table__data{
  padding: 8px;
  border: 2px solid;
  vertical-align: middle;
}
.p_table__heading{
  text-align: center;
}
.p_table--themeColor{}
.p_table--themeColor .p_table__heading,
.p_table--themeColor .p_table__data{
  border-color: #b3123a;
}
.p_table--themeColor .p_table__heading{
  position: relative;
  background: url(/resource/img/consulting/manufacturing/triangle_white.png) no-repeat right bottom, #b3123a;
  color: #fff;
}
.p_table__data--ttl{
  width: 256px;
}
.p_table__data--price{
  width: 144px;
  text-align: right;
  font-weight: bold;
}
.p_table--themeColor .p_table__data--price{
  color: #b3123a;
}
@media screen and (max-width: 768px){
  .p_table__data--ttl{
    width: 152px;
  }
}
@media screen and (max-width: 599px){
  .p_table{
    display: block;
  }
  .p_table tbody{
    display: block;
  }
  .p_table__row{
    display: flex;
    flex-direction: column;
    padding: 8px;
    border: 2px solid;
  }
  .p_table__row + .p_table__row{
    margin-top: 12px;
  }
  .p_table__data{
    display: block;
    width: 100%;
    border: none;
    text-align: center;
  }
  .p_table__row--cont1{
    border-color: #b3123a;
  }
  .p_table__row--cont1 .p_table__data--ttl{
    background: #b3123a;
    color: #fff;
  }
  .p_table__row--cont2{
    border-color: #e65c7e;
  }
  .p_table__row--cont2 .p_table__data--ttl{
    background: #e65c7e;
    color: #fff;
  }
  .p_table__row--cont2 .p_table__data--price{
    color: #e65c7e;
  }
  .p_table__data--ttl{
    order: 1;
  }
  .p_table__data--price{
    order: 3;
    line-height: 1;
    font-size: 30px;
  }
  .p_table__data--notes{
    order: 2;
  }  
}
/*===============================
    utility
================================*/
/* アイコンのインデント */
.u_icoIndent{
  text-indent: -1em;
  padding-left: 1em;
}
/* 要素を隠す/出す */
.u_hide{
  display:none;
}
@media screen and (max-width: 768px){
  .u_resMdShowInline{
    display: inline;
  }
}
@media screen and (max-width: 599px){
  .u_resSmHide{
    display:none;
  }
  .u_resSmShowInline{
    display: inline;
  }
}