.uq_chapterKV.-procurement {
    background-image: url(../../../csr/images/kv_bg_procurement.jpg);
}
.uq_chapterKV.-procurement .ly_inner {
      width: 100%;
}
/*--------------------------------------------------
Media
--------------------------------------------------*/
.bl_media {
  position: relative;
  display: flex; }
  .bl_media + .bl_media {
    margin-top: 5%; }
  .bl_media .mediaImg figcaption {
    margin-top: 10px; }
  .bl_media .mediaBody {
    flex: 1; }
    .bl_media .mediaBody > *:last-child {
      margin-bottom: 0; }
  .bl_media .heading {
    margin-bottom: 10px;
    font-weight: bold; }
  .bl_media.-end {
    align-items: flex-end; }
  .bl_media.-center {
    align-items: center; }
  .bl_media.-reverse {
    flex-direction: row-reverse; }
  .bl_media.-start {
    align-items: flex-start; }
  .bl_media.-float {
    display: block;
    overflow: hidden; }
    .bl_media.-float .mediaImg.-right {
      float: right;
      margin-left: 3.3%;
      margin-bottom: 20px; }
    .bl_media.-float .mediaImg.-left {
      float: left;
      margin-right: 3.3%;
      margin-bottom: 20px; }
    @media only screen and (max-width: 767px) {
      .bl_media.-float {
        display: flex; }
        .bl_media.-float .mediaImg.-right {
          margin-left: 0; }
        .bl_media.-float .mediaImg.-left {
          margin-right: 0; } }
  .bl_media.-related .bl_headingLv2 {
    margin: 0 0 20px; }
  @media print, screen and (min-width: 768px) {
    .bl_media.-related .mediaBody {
      position: relative; }
    .bl_media.-related .el_btn {
      position: absolute;
      bottom: 0; } }
  @media only screen and (max-width: 767px) {
    .bl_media.-related .el_btn {
      margin-top: 20px; } }
  .bl_media.-banner {
    color: #333;
    transition: all 0.5s; }
    .bl_media.-banner:hover {
      text-decoration: none;
      opacity: 0.75; }
    .bl_media.-banner:hover {
      text-decoration: none; }
    .bl_media.-banner .heading {
      color: #004098;
      margin-bottom: 10px;
      font-size: 2rem;
      font-weight: 300; }
  @media print, screen and (min-width: 768px) and (max-width: 959px) {
    .bl_media .mediaImg {
      max-width: 50%; } }
  @media only screen and (max-width: 767px) {
    .bl_media:not(.-spFluid) {
      flex-direction: column; }
      .bl_media:not(.-spFluid) .mediaImg {
        margin-right: 0;
        margin-bottom: 20px; }
        .bl_media:not(.-spFluid) .mediaImg img {
          width: 100%; }
    .bl_media.-spFluid.-reverse {
      flex-direction: row-reverse; }
      .bl_media.-spFluid.-reverse .mediaImg {
        margin-left: 4%; }
    .bl_media.-spFluid .mediaImg {
      width: 30%;
      margin-right: 4%; }
    .bl_media.-reverse {
      flex-direction: column-reverse; }
      .bl_media.-reverse .mediaImg {
        margin: 20px auto 0; }
    .bl_media.-end {
      align-items: center; }
    .bl_media.-free .mediaImg {
      margin: 0 auto 20px; }
    .bl_media .-order0 {
      order: 0; }
    .bl_media .-order1 {
      order: 1;
      margin-top: 20px; }
    .bl_media .-order2 {
      order: 2;
      margin-top: 20px; }
    .bl_media .-order3 {
      order: 3;
      margin-top: 20px; } }
  @media print, screen and (min-width: 768px) {
    .bl_media .mediaImg {
      margin-right: 40px; }
    .bl_media.-reverse .mediaImg {
      margin-left: 40px;
      margin-right: 0; }
    .bl_media.-free {
      justify-content: center; }
      .bl_media.-free .mediaImg {
        margin-right: 70px; }
      .bl_media.-free .mediaBody {
        flex-grow: 0;
        flex-basis: auto; } }

@media print, screen and (min-width: 768px) {
  .bl_grid .bl_media .mediaImg {
    margin-right: 20px; } }
	
	
/*--------------------------------------------------
Accordion
--------------------------------------------------*/
/* accWrap
--------------------------------*/
.bl_accordion{
  [role="tab"]:focus{
    outline:2px palettes(blue,base) solid;
  }

  .accHeading{
    position: relative;
    border-top:#fff 1px solid;
    @include transitionDefault();
    &:hover{opacity:.8;}
    &::before{
      content: '';
      display: inline-block;
      position: absolute;
      top: 34%;
      right: 2%;
      width: 11px;
      height: 11px;
      border-top: 3px solid #727e8f;
      border-right: 3px solid #727e8f;
      transform: rotate(135deg);
      @include bpSP{
        right:5%;
      }
    }
    [role="tab"]{
      display:block;
      width:100%;
      text-align:left;
      padding:14px 40px 14px 30px;
      background:#eef4f9;
      text-decoration:none;
      font-size:1.8rem;
      font-weight:bold;
      color:#000;
      cursor:pointer;
      line-height:1.3;
      @include bpSP{
        padding-left:20px;
      }
    }
    [role="tabpanel"] {
      animation: none!important;
    }
    &.is_open{
      [role="tab"]{
        background:#83979d; color: #fff;
      }
      &::before{
        border-color: #fff;
        transform: rotate(-45deg);
        top:42%;
      }
    }
  }
  .accPanel{
	letter-spacing: normal;
    padding:27px 30px;
    border:#e9e9e9 1px solid;
    @include bpSP{
      padding:20px;
    }
  }

  &[data-acc="accordion"]{
    
  }

  &[data-acc="switch"]{
    .accOpen{
      [role="tab"]{
        display:inline-block;
        color:palettes(blue,base);
        cursor: pointer;
        @include transitionDefault();
        &:hover{opacity:.8;}
      }
      &::before{
        content:'+';
        display:inline-block;
        width:11px;
        text-align: center;
        margin-right:6px;
        color:palettes(blue,base);
      }
      &.is_open{
        &::before{
          content:'-';
        }
      }
    }
  }
}




.procurementPolicies{
	padding: 30px;
    background: #e9f3ff;
    border-radius: 30px;
}
.procurementPolicies ol li{
	margin-bottom:10px;
	font-size:1.5rem;
}
.procurementGuidelines .bl_accordion ol li{
	margin-bottom:10px;
	font-size:1.5rem;
}
.procurementGuidelines .bl_accordion ol li span{
	font-weight:bold;
	display:block;
	font-size:1.6rem;
}
.procurementGuidelines .bl_accordion img{
	max-width:180px;
}
.jumpToBox{
   display: flex;
   align-items:center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border:solid 5px #004098;
	padding:15px 20px;
	margin-bottom:20px;
	font-weight:bold;
	font-size:2.5rem;
	line-height:normal;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.jumpToBox .number{
	font-size:5rem;
	margin-right:10px;
	width:5%;
	text-align:center;
}
.jumpToBox .topic{
	width:85%;
}
.jumpToBox .icon{
	width:10%;
	text-align:center;
}
.jumpToBox img{
	max-width:100px;
}
.jumpToBox:hover{
	text-decoration:none;
	color:#fff;
	background:#004098;
}

@media print, screen and (max-width: 768px) {
	.uq_chapterKV.-procurement {
		padding: 0 0 0 65px;
	}
	.uq_chapterKV.-procurement {
        background-image: url(../../../csr/images/sp_kv_bg_procurement.jpg);
	}

	.procurementGuidelines .bl_accordion .mediaImg {
		text-align:center;
	}
	.jumpToBox{
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		border:solid 5px #004098;
		padding:15px;
	}
	.jumpToBox .number{
		font-size:2rem;
		margin-right:10px;
		width:5%;
		text-align:center;
	}
	.jumpToBox .topic{
		width:85%;
		font-size:1.75rem;
	}
	.jumpToBox .icon img{
		max-width:50px;
		text-align:center;
	}
}
.pc{
	display:block;
}

@media screen and (max-width: 768px){
	.pc{
		display:none;
	}
}

.thAdjust{
	letter-spacing:normal;
	font-size:1.75rem
}