/* ----------------------------
	Partner Style Setting
	Create Date: 25.5.15
	Update: 25.5.15
----------------------------*/
/**================================= Components Setting =================================**/
/******** Title Block ******* */
/* Headline */
.pageBandTitleArea {
  padding: 20px;
  background-color: var(--blue);
}
.pageBandTitleArea .pageBandTitle {
  margin: 0 auto;
  max-width: 1100px;
  text-align: center;
  color: var(--white);
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.3;
}

/* Heading Lv2 */
.hlLv2.fcBlue {
  color: var(--blue);
}
.hlLv2__topText {
  display: block;
  position: relative;
  margin-bottom: 20px;
  font-size: 1rem;
  color: #414344;
  position: relative;
}
.hlLv2__topText::after {
  content: "";
  width: 60px;
  height: 2px;
  background-color: var(--blue);
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.hlLv2.mt {
  margin-top: 40px;
}

.hlLv3--partner__balloon {
  display: inline-block;
  position: relative;
  background-color: var(--orange);
  height: 42px;
  width: 130px;
  border-radius: 21px;
  line-height: 42px;
  font-size: 1rem;
  color: var(--white);
  margin-bottom: 20px;
  text-align: center;
}
.hlLv3--partner__balloon::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 17px 9.5px 0 9.5px;
  border-color: var(--orange) transparent transparent transparent;
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.hlLv3--partner__text {
  display: block;
  font-size: 1.125rem;
  color: var(--blue);
  font-weight: 500;
}

/* Text */
.textLead {
  color: #73BF4B;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 1.5em;
}

.textBody {
  font-size: 1rem;
  word-break: break-all;
}
.textBody + .textBody {
  margin-top: 1.5em;
}

.textResult {
  font-size: 1.0625rem;
  font-weight: 500;
  color: #73BF4B;
}

.textNotice {
  word-break: break-all;
  font-size: 0.8125rem;
}
.textNotice + .textNotice {
  margin-top: 1.5em;
}

/* Link */
.linkTxt {
  text-decoration: underline;
}

/* Button */
a.modBtn03.bgBlue {
  background-color: var(--blue);
}
a.modBtn03.wide {
  width: 260px;
}

/* List */
.listPartner__item {
  position: relative;
  padding-left: 1em;
}
.listPartner__item::before {
  content: "";
  width: 0.7em;
  height: 0.7em;
  position: absolute;
  top: 6px;
  left: 0;
  background-color: #414344;
}
.listPartner__item strong {
  font-weight: 500;
}

/* Box */
.imgBox {
  text-align: center;
  margin: 2em 0;
}

.innerWhiteBox {
  background-color: var(--white);
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.16);
  padding: 20px;
}

.about360Box {
  background-color: #E2E2E2;
  padding: 20px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.16);
}
.about360Box__imgArea, .about360Box__txtArea {
  display: contents;
}
.about360Box__ttl {
  order: 1;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 15px;
}
.about360Box__body {
  order: 3;
  font-size: 0.9375rem;
  margin-top: 15px;
}
.about360Box__imgbox {
  order: 2;
}
.about360Box .btmBtnBox {
  order: 4;
}

.textBottom {
  font-size: 1rem;
}

.textBottomAtt {
  font-size: 0.875rem;
}
.textBottomAtt:nth-of-type(n+2) {
  margin-top: 5px;
}

/* Table */
.tblPartner {
  font-size: 0.9375rem;
}
.tblPartner th {
  font-weight: 500;
  padding: 5px 10px;
  border: #707070 solid 1px;
  vertical-align: middle;
}
.tblPartner td {
  padding: 5px 10px;
  border: #707070 solid 1px;
}
.tblPartner thead th {
  white-space: nowrap;
  background-color: #E5F8FD;
}

/**================================= Common Setting =================================**/
/*   Page Navi
----------------------------*/
.pageAnchorArea .pageAnchorList .pageAnchor a.cur {
  color: var(--white);
  background-color: var(--blue);
}
.pageAnchorArea .pageAnchorList .pageAnchor a.cur span::after {
  border-color: white;
}
.pageAnchorArea .pageAnchorList .pageAnchor a span::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

/**================================= Index Setting =================================**/
/*   FEATURE
----------------------------*/
.innerWhiteBox .hlLv3--partner:not(:first-child) {
  margin-top: 30px;
}

/*   PROCESS
----------------------------*/
.sectPartnerTopProcess {
  padding-top: 60px;
  position: relative;
}
.sectPartnerTopProcess::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 36px 107.5px 0 107.5px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*   PARTNER BOTTOM
----------------------------*/
.sectPartnerBottomArea {
  padding-bottom: 0;
}
.sectPartnerBottomArea .sectInner {
  padding-bottom: 30px;
  border-bottom: #707070 solid 1px;
}
.sectPartnerBottomArea .about360Box {
  margin: 30px 0;
}
.sectPartnerBottomArea--notTop {
  padding-top: 30px;
}

/**================================= Program Setting =================================**/
/*   LEVEL
----------------------------*/
.sectPartnerProgramLevel .innerWhiteBox {
  margin-bottom: 20px;
}

.partnerLevelfigure {
  display: flex;
  gap: 10px;
}
.partnerLevelfigure:not(:first-child) {
  margin-top: 20px;
}
.partnerLevelfigure__ttl {
  width: 30px;
  text-align: center;
  color: white;
  font-size: 0.9375rem;
  font-weight: 500;
  padding: 0 10px;
}
.partnerLevelfigure__ttl.register {
  background-color: #0E274D;
}
.partnerLevelfigure__ttl.authorization {
  background-color: #0051AF;
}
.partnerLevelfigure__ttl span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.partnerLevelfigure__levelList {
  width: calc(100% - 10px - 30px);
}
.partnerLevelfigure__levelItem {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.partnerLevelfigure__levelItem:not(:first-child) {
  margin-top: 20px;
}
.partnerLevelfigure__levelTitle {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
}
.partnerLevelfigure__levelTitle.registered {
  background-color: #0E274D;
}
.partnerLevelfigure__levelTitle.select {
  background-color: #00BCEB;
}
.partnerLevelfigure__levelTitle.premium {
  background-color: #73BF4B;
}
.partnerLevelfigure__levelTitle.gold {
  background-color: #FBAB2C;
}
.partnerLevelfigure__levelDesc {
  font-size: 0.875rem;
}
.partnerLevelfigure__levelAtt {
  font-size: 0.875rem;
}

/*   MERIT
----------------------------*/
.sectPartnerProgramMerit .about360Box {
  margin-bottom: 40px;
}

.partnerProgramMeritBox:not(first-of-type) {
  margin-top: 30px;
}

.hlLv3--program {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #00BCEB;
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 10px;
}
.hlLv3--program span {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #00BCEB;
  color: white;
  font-size: 1.375rem;
  text-align: center;
  line-height: 38px;
  flex-shrink: 0;
}

.hlLv4--program {
  font-weight: 500;
}
.hlLv4--program:not(:first-of-type) {
  margin-top: 1.5em;
}

.textProgram {
  word-break: break-all;
  font-size: 0.9375rem;
}

/*   PARTNER BOTTOM
----------------------------*/
.sectPartnerBottomArea--notTop .about360Box {
  margin: 0 0 30px;
}

/**================================= Cisco 360 Setting =================================**/
/*   INTRO
----------------------------*/
.sectPartner360Intro .imgBox {
  text-align: center;
}
.sectPartner360Intro .imgBox img {
  width: 100%;
  max-width: 574px;
}

/*   FEATURE
----------------------------*/
.sectPartner360Feature .innerWhiteBox {
  margin-top: 30px;
  margin-bottom: 40px;
}
.sectPartner360Feature .listPartner {
  margin-top: 1em;
}
.sectPartner360Feature .tblPartner {
  margin-top: 30px;
}
.sectPartner360Feature .textResult {
  margin-top: 1.5em;
}
.sectPartner360Feature .hlLv4--program {
  margin-top: 30px;
  margin-bottom: 10px;
}
.sectPartner360Feature .imgPartner360FeatureProgrumall {
  text-align: center;
}

.partner360FeatureInner:not(:first-child) {
  margin-top: 40px;
}

/*   CURRENT PROGRAM
----------------------------*/
.sectPartner360Program .about360Box {
  margin-top: 40px;
}

/**================================= Helper Setting =================================**/
.bgColorLightblue {
  background-color: var(--lightblue);
}

.bgColorGray {
  background-color: var(--black10);
}

@media screen and (min-width: 897px) {
  /**================================= Components Setting =================================**/
  /* Box */
  .innerWhiteBox {
    padding: 40px;
  }
  .about360Box {
    background-color: #E2E2E2;
    padding: 40px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
  }
  .about360Box__imgArea, .about360Box__txtArea {
    display: block;
  }
  .about360Box__ttl {
    text-align: left;
    font-size: 1.5rem;
  }
  .about360Box__body {
    font-size: 1rem;
  }
  .about360Box__imgbox {
    width: 400px;
  }
  .about360Box .btmBtnBox {
    text-align: left;
  }
  /**================================= Common Setting =================================**/
  /**================================= Index Setting =================================**/
  /*   PARTNER BOTTOM
  ----------------------------*/
  .sectPartnerBottomArea .sectInner {
    padding-bottom: 50px;
  }
  .sectPartnerBottomArea .about360Box {
    margin: 50px 0;
  }
  .sectPartnerBottomArea--notTop {
    padding-top: 50px;
  }
  /**================================= Program Setting =================================**/
  /*   LEVEL
  ----------------------------*/
  .partnerLevelfigure {
    gap: 20px;
  }
  .partnerLevelfigure:not(:first-child) {
    margin-top: 40px;
  }
  .partnerLevelfigure__ttl {
    width: 76px;
    font-size: 0.9375rem;
    padding: 0 10px;
  }
  .partnerLevelfigure__levelList {
    width: calc(100% - 20px - 76px);
  }
  .partnerLevelfigure__levelItem {
    flex-direction: row;
    gap: 20px;
  }
  .partnerLevelfigure__levelItem:not(:first-child) {
    margin-top: 30px;
  }
  .partnerLevelfigure__levelTitle {
    width: 276px;
    height: 76px;
    font-size: 0.9375rem;
    flex-shrink: 0;
  }
  .partnerLevelfigure__levelDesc {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1201px) {
  /**================================= Components Setting =================================**/
  /******** Title Block ******* */
  /* Headline */
  .pageBandTitleArea {
    margin-bottom: 20px;
    padding: 40px;
  }
  .pageBandTitleArea .pageBandTitle {
    font-size: 2.875rem;
    line-height: 1;
  }
  /* Heading Lv2 */
  .hlLv2__topText {
    margin-bottom: 40px;
    font-size: 1.75rem;
  }
  .hlLv2__topText::after {
    width: 120px;
    height: 3px;
    bottom: -20px;
  }
  .hlLv2.mt {
    margin-top: 100px;
  }
  /* Heading Lv3 */
  .hlLv3--partner__balloon {
    margin-bottom: 30px;
    text-align: center;
  }
  .hlLv3--partner__text {
    font-size: 1.375rem;
  }
  /* Text */
  .textLead {
    font-size: 1.75rem;
  }
  .textBody {
    font-size: 1.375rem;
  }
  .textResult {
    font-size: 1.5rem;
  }
  .textNotice {
    font-size: 1rem;
  }
  /* List */
  .listPartner__item {
    padding-left: 1em;
    font-size: 1.375rem;
  }
  .listPartner__item::before {
    top: 8px;
  }
  /* Box */
  .innerWhiteBox .narrowBox {
    margin: 0 auto;
    max-width: 900px;
  }
  .imgBox {
    text-align: center;
    margin: 4em 0;
  }
  .textBottom {
    font-size: 1.25rem;
    line-height: 1.6;
  }
  .textBottomAtt {
    font-size: 1.125rem;
  }
  .textBottomAtt:nth-of-type(n+2) {
    margin-top: 10px;
  }
  /* Table */
  .tblPartner {
    font-size: 1.125rem;
  }
  .tblPartner th {
    padding: 5px 20px;
  }
  .tblPartner td {
    padding: 5px 20px;
  }
  /**================================= Index Setting =================================**/
  /*   FEATURE
  ----------------------------*/
  .innerWhiteBox .hlLv3--partner:not(:first-child) {
    margin-top: 40px;
  }
  /*   PROCESS
  ----------------------------*/
  .sectPartnerTopProcess {
    padding-top: 120px;
  }
  .sectPartnerTopProcess::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 72px 215.5px 0 215.5px;
    border-color: white transparent transparent transparent;
  }
  /**================================= Program Setting =================================**/
  /*   LEVEL
  ----------------------------*/
  .partnerLevelfigure {
    gap: 20px;
  }
  .partnerLevelfigure:not(:first-child) {
    margin-top: 40px;
  }
  .partnerLevelfigure__ttl {
    width: 76px;
    font-size: 1.375rem;
    padding: 0 10px;
  }
  .partnerLevelfigure__levelList {
    width: calc(100% - 20px - 76px);
  }
  .partnerLevelfigure__levelItem {
    flex-direction: row;
    gap: 20px;
  }
  .partnerLevelfigure__levelItem:not(:first-child) {
    margin-top: 30px;
  }
  .partnerLevelfigure__levelTitle {
    width: 276px;
    height: 76px;
    font-size: 1.375rem;
    flex-shrink: 0;
  }
  .partnerLevelfigure__levelDesc {
    font-size: 1.125rem;
  }
  .partnerLevelfigure__levelAtt {
    font-size: 1.0625rem;
  }
  /*   MERIT
  ----------------------------*/
  .sectPartnerProgramMerit .about360Box {
    margin-bottom: 80px;
  }
  .partnerProgramMeritBox:not(first-of-type) {
    margin-top: 60px;
  }
  .hlLv3--program {
    gap: 10px;
    font-size: 2rem;
    margin-bottom: 25px;
  }
  .hlLv3--program span {
    width: 76px;
    height: 76px;
    font-size: 2.625rem;
    line-height: 76px;
  }
  .hlLv4--program {
    font-size: 1.375rem;
  }
  .textProgram {
    font-size: 1.25rem;
  }
  /*   PARTNER BOTTOM
  ----------------------------*/
  .sectPartnerBottomArea--notTop .about360Box {
    margin: 0 0 50px;
  }
  /**================================= Cisco 360 Setting =================================**/
  /*   FEATURE
  ----------------------------*/
  .sectPartner360Feature .innerWhiteBox {
    margin-top: 50px;
    margin-bottom: 80px;
  }
  .sectPartner360Feature .tblPartner {
    margin-top: 30px;
  }
  .sectPartner360Feature .textResult {
    margin-top: 1em;
  }
  .sectPartner360Feature .hlLv4--program {
    margin-top: 50px;
    margin-bottom: 20px;
  }
  .partner360FeatureInner:not(:first-child) {
    margin-top: 60px;
  }
  /*   CURRENT PROGRAM
  ----------------------------*/
  .sectPartner360Program .about360Box {
    margin-top: 60px;
  }
}/*# sourceMappingURL=style.css.map */