@charset "Shift_JIS";

/* Reset
--------------------------------------------------- */
.layout-wrapper a:link {
  color: #068667;
}
.layout-wrapper .elem-btn a:hover {
  background-color: #05cc93;
}


/*-------------------------------------------------*/
/* New Partner Style
--------------------------------------------------- */

/* Text Color Style
--------------------------------------------------- */
.hpe_color_01 { color : #01a982;  } /*hpe green*/
.hpe_color_02 { color : #05cc93; }  /*green*/
.hpe_color_03 { color : #00e0af; }  /*green*/
.hpe_color_04 { color : #62e5f6; }  /*light blue*/
.hpe_color_05 { color : #0070f8; }  /*blue*/
.hpe_color_06 { color : #7764fc; }  /*perpul*/
.hpe_color_07 { color : #ff6600; }  /*ornge*/
.hpe_color_08 { color : #d56ccb; }  /*pink*/
.hpe_color_09 { color : #ff0000; }  /*red*/

/* Back Color Style
--------------------------------------------------- */
.hpe_bg_01 { background : #01a982;  } /*hpe green*/
.hpe_bg_02 { background : #05cc93; }  /*green*/
.hpe_bg_03 { background : #00e0af; }  /*green*/
.hpe_bg_04 { background : #62e5f6; }  /*light blue*/
.hpe_bg_05 { background : #0070f8; }  /*blue*/
.hpe_bg_06 { background : #7764fc; }  /*perpul*/
.hpe_bg_07 { background : #ff6600; }  /*ornge*/
.hpe_bg_08 { background : #d56ccb; }  /*pink*/

/* Margin Left&Right@Style
--------------------------------------------------- */
.hpe_mgr-s { margin-right: 5px; }
.hpe_mgr-m { margin-right: 10px; }
.hpe_mgr-l { margin-right: 20px; }
.hpe_mgl-s { margin-left: 5px; }
.hpe_mgl-m { margin-left: 10px; }
.hpe_mgl-l { margin-left: 20px; }

/* Line-Height Style
--------------------------------------------------- */
.hpe_lh-s { line-height: 1.2; }
.hpe_lh-m { line-height: 1.5; }
.hpe_lh-l { line-height: 1.8; }

/* Contents Style
--------------------------------------------------- */
.hpe_partner-line {
 border-right: solid 1px  #01a982;
}
.hpe_partner-line2 {
 margin-top: 20px;
 padding-top: 15px;
  border-top: solid 1px  #ccc;
}
.hpe_partner-msg {
  margin: 2.5rem auto!important;
  color : #01a982;
  font-size: calc(36/1480*100rem);
  line-height: 1.2;
}
.hpe_partner-ttl-g,
.hpe_partner-ttl-p,
.hpe_partner-ttl-b,
.hpe_partner-ttl-o
{
 padding: 30px 10px 25px;
 color: #fff;
 font-size: calc(28/1480*100rem);
 font-weight: bold;
 line-height: 1.3;
 text-align: center;
}
.hpe_partner-ttl-g {
 background: #01a982;
}
.hpe_partner-ttl-p {
 background: #7764fc;
}
.hpe_partner-ttl-b {
 background: #0070f8;
}
.hpe_partner-ttl-o {
 background: #ff6600;
}
.hpe_partner-ttl-p span, .hpe_partner-ttl-b span, .hpe_partner-ttl-o span {
 font-size: calc(20/1480*100rem);
}
.hpe_partner-ttl-g img, .hpe_partner-ttl-p img, .hpe_partner-ttl-b img, .hpe_partner-ttl-o img {
 margin-right: 10px;
}


.hpe_partner-sttl-b, .hpe_partner-sttl-o {
 margin-top: 20px;
 padding: 20px 10px 15px;
 color: #000;
 font-size: calc(20/1480*100rem);
 font-weight: bold;
 line-height: 1.2;
 text-align: center;
}
.hpe_partner-sttl-b {
 background: #cce2fe;
}
.hpe_partner-sttl-o {
  background: #fcebde;
}



.hpe_partner-tbl {
 margin: 40px auto 20px;
 border:solid 1px #ddd;
}
.hpe_partner-tbl  caption {
 margin-bottom: 10px;
 color: #000;
 font-weight: bold;
 font-size: calc(18/1480*100rem);
 text-align: left;
}
.hpe_partner-tbl td , .hpe_partner-tbl th {
 padding: 10px;
 border:solid 1px #ddd;
}
.hpe_partner-tbl td {
 text-align: center;
}
.hpe_partner-tbl th {
 color: #000;
 white-space: nowrap;
}
.hpe_partner-tbl  th:nth-child(2) {  background: #05cc93; }
.hpe_partner-tbl  th:nth-child(3) {  background: #00e0af; }
.hpe_partner-tbl  th:nth-child(4) {  background: #62e5f6; }
.hpe_partner-tbl  th:nth-child(5) {  background: #d56ccb; }
.hpe_partner-tbl  td:nth-child(2) { color:#05cc93; filter: brightness(80%); }
.hpe_partner-tbl  td:nth-child(3) { color: #00e0af; filter: brightness(80%); }
.hpe_partner-tbl  td:nth-child(4) { color: #62e5f6; filter: brightness(80%); }
.hpe_partner-tbl  td:nth-child(5) { color: #d56ccb; filter: brightness(80%);}


.hp_partner-ex {
 padding: 1rem 1rem 0.8rem;
 border: solid 1px #ff6600;
 background:#fcebde;
 font-size: 115%;
 text-align: center;
 border-radius: 5px;
}
.hp_partner-ex b {
 color: #ff6600;
}
.hp_partner-ex span {
 font-size: 150%;
}


@media (max-width: 968px) {
 
 .hpe_partner-ttl-p span, .hpe_partner-ttl-b span, .hpe_partner-ttl-o span {
  display: block;
 }

 .hpe_partner-line {
  border-right: none;
 }

}


@media (max-width: 568px) {
 
  .hpe_partner-line3 {
   margin-bottom: 20px!important;
   padding-top: 15px;
   border-bottom: solid 1px  #ccc;
 }
}