@charset "UTF-8";
#page.in.user_company .wrap1100 {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
#page.in.user_company .top_title_sec {
  padding: 80px 0;
}
#page.in.user_company .top_title_sec h2 {
  font-size: 40px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 50px;
}
#page.in.user_company .top_title_sec p {
  font-size: 20px;
  text-align: center;
}
@media (min-width: 1px) and (max-width: 640px) {
  #page.in.user_company .top_title_sec {
    padding: 60px 0 40px 0;
  }
  #page.in.user_company .top_title_sec h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }
  #page.in.user_company .top_title_sec p {
    font-size: 14px;
  }
}
#page.in.user_company .company_logo_sec img {
  width: 100%;
  max-width: 50%;
  height: 50px;
  -o-object-fit: contain;
     object-fit: contain;
}
#page.in.user_company .company_logo_sec .company_logo_sec_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
#page.in.user_company .company_logo_sec .company_logo_sec_flex_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 120px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19%;
          flex: 0 0 19%;
  position: relative;
  margin-bottom: 10px;
}
#page.in.user_company .company_logo_sec .company_logo_sec_flex_inner_kara {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 19%;
          flex: 0 0 19%;
  display: block;
}
#page.in.user_company .company_logo_sec .company_logo_sec_flex_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  -webkit-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
#page.in.user_company .company_logo_sec .company_logo_sec_flex_inner:hover::before {
  background-color: rgba(0, 0, 0, 0.6);
}
#page.in.user_company .company_logo_sec .companyname::before {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #fff;
  padding: 10px 0 0 10px;
}
#page.in.user_company .company_logo_sec .logo01::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo02::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo03::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo04::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo05::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo06::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo07::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo08::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo09::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo10::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo11::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo12::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo13::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo14::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo15::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo16::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo17::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo18::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo19::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo20::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo21::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo22::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo23::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo24::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo25::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo26::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo27::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo28::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo29::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo30::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo31::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo32::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo33::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo34::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo35::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo36::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo37::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo38::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo39::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo40::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo41::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo42::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo43::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo44::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo45::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo46::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo47::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo48::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo49::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo50::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo51::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo52::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo53::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo54::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo55::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo56::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo57::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo58::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo59::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo60::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo61::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo62::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo63::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo64::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo65::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo66::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo67::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo68::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo69::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo60::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo61::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo62::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo63::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo64::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo65::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo66::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo67::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo68::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo69::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo70::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo71::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo72::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo73::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo74::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo75::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo76::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo77::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo78::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo79::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo80::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo81::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo82::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo83::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo84::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo85::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo86::before {
  content: "企業の名称";
}
#page.in.user_company .company_logo_sec .logo87::before {
  content: "企業の名称";
}
@media (min-width: 1px) and (max-width: 640px) {
  #page.in.user_company .company_logo_sec img {
    max-width: 85%;
  }
  #page.in.user_company .company_logo_sec .company_logo_sec_flex_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 120px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    position: relative;
    margin-bottom: 10px;
  }
  #page.in.user_company .company_logo_sec .company_logo_sec_flex_inner_kara {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 32%;
            flex: 0 0 32%;
    display: block;
  }
}
#page.in.user_company .news_sec {
  padding: 80px 0;
}
#page.in.user_company .news_sec h2 {
  font-size: 28px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 40px;
}
#page.in.user_company .news_sec .jirei_btn {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
#page.in.user_company .news_sec .jirei_btn a {
  display: block;
  width: 100%;
  padding: 15px 0;
  border: 2px solid #c9191d;
  border-radius: 5px;
  font-weight: 900;
  color: #c9191d;
  -webkit-transition: 0.6s ease-out;
  -o-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
}
#page.in.user_company .news_sec .jirei_btn a:hover {
  color: #fff;
  /* background-image: linear-gradient(to right, #c9191d 0%, #df7677 100%); */
  background-color: #c9191d;
  -webkit-transition: 0.6s ease-out;
  -o-transition: 0.6s ease-out;
  transition: 0.6s ease-out;
}