@charset "utf-8";

/* 
INDIVIDUAL STYLING
=======================  */
/* header */
header {
  position: initial;
  margin-bottom: 23px;
}

/* mobile */
@media screen and (max-width: 768px) {
  header {
    margin-bottom:0;
  }
}
/* mobile */
/* header */

#company-infoSection .content-wrap_outerFrame {
  padding: 23px 0 60px ;
}

/* breadcrumb */
#company-infoSection .breadcrumb {
  font-size: 1rem;
}
#company-infoSection .breadcrumb a {
  color:#a4a60c;
  text-decoration: underline;
}
@media screen and (max-width: 430px) { 
  #company-infoSection .breadcrumb {
    font-size: .8rem;
    margin-bottom: 1rem;
  }
}
/* breadcrumb */

#company-infoSection h1.main-ttl {
  position: relative;
}
#company-infoSection h1.main-ttl:before{
  width: 150px;
  height: 6px;
  position: absolute;
  content: '';
  bottom: -15px;
  left: 50%;
  transform: translate(-50%);
  background: linear-gradient(135deg, var(--base_color1) 0%,  var(--base_color1) 50%, var(--base_color3) 50%, var(--base_color3) 100%);
}

.content-wrap_innerFrame .company-info_wrap {width: 100%; max-width: 800px; margin: 0 auto;}
.content-wrap_innerFrame .company-info_wrap dl {margin:0; padding: 0px;}
.content-wrap_innerFrame .company-info_wrap dt {width:20%; line-height: 1.5; margin: 0px; padding: 0px; font-weight: normal;}
.content-wrap_innerFrame .company-info_wrap dd {width:85%; line-height: 1.5; margin-top: -1.5em; padding: 0 0 1rem 150px;}
.content-wrap_innerFrame .company-info_wrap dd a {color: #1485a6; text-decoration: underline;}
@media screen and (min-width: 376px) and (max-width: 430px) { 
  .content-wrap_innerFrame .company-info_wrap dt {width:30%; line-height: 1.5; margin: 0px; padding: 0px; font-weight: normal;}
  .content-wrap_innerFrame .company-info_wrap dd {width:100%; line-height: 1.5; margin-top: -1.5em; padding: 0 0 1rem 100px;}
}
@media screen and (max-width: 375px) { 
  .content-wrap_innerFrame .company-info_wrap dl {margin-left:0; padding:0; font-size: 1rem;}
  .content-wrap_innerFrame .company-info_wrap dt {width:100%; margin-bottom:5px; padding-bottom:5px; border-bottom:1px #ccc dotted;}
  .content-wrap_innerFrame .company-info_wrap dd {width:100%; margin:0 0 15px 0; padding:0;}
}

#followButton.show {
  opacity: 0;
}
/* mobile */
@media screen and (max-width: 430px) {
  #followButton.show {
    opacity: 1;
  }
}
/* 
INDIVIDUAL STYLING
=======================  */