@charset "UTF-8";
/* setting
----------------------------------------------- */
.bg-gray {
  background: #f2f2f2;
}

.text-center {
  text-align: center;
}

#partner .border_bottom {
  border-bottom: 1px solid #e8e8e8;
  padding: 60px 40px;
  width: 90%;
}

/* pc tablet
----------------------------------------------- */

/*new css from creative team APAC*/
.text-center{
  text-align: center;
}
.h2-brown{
  color: #762829;
  font-size: 2.25em;
  font-weight: 500;
  margin-bottom: 30px;
  text-align: center;
  vertical-align: middle;
}
.h2-dark{
  font-size: 2.5em;
  text-align: center;
  font-weight: 400;
  vertical-align: middle;
  margin-bottom: 30px;
}
.h3-brown {
  color: #762829;
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;   
}
.p-brown{
  color: #762829;
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 30px;
  text-align: center;
  vertical-align: middle;
  margin-top: 0;
}
.py-3 {
  padding-bottom: 3rem!important;
  padding-top: 3rem!important;
  line-height: 1.6;
}
.pb-0{
  padding-bottom: 0!important;
}

.px-3 {
  padding-left: 3rem!important;
  padding-right: 3rem!important;
}
.px-1 {
  padding-left: 1rem!important;
  padding-right: 1rem!important;
  line-height: 1.6;
  padding-top: 10px;
}
.mt-3 {
  margin-top: 3rem!important;
  margin-bottom: 3rem!important;
}
.fw-bold{
  font-weight: bold;
  padding-top: 1em!important;
}
.img-responsive {
  width: 90%;
  vertical-align: middle;
}
.column{
  width:100%;
}
.column-inner {
  text-align: center;
  font-weight: bold;
  background: #f2f2f2;
  margin: 0 15px;
  margin-bottom: 30px;
  padding: 30px;
  border-radius: 8px;
}
.column ul {
  font-size: 1.2em;
}
.ul-styled {
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 15px;
  margin-right: 15px;
}
.ul-styled li {
  margin-bottom: 15px;
  font-size:1em;
  font-weight: 700;
}
.ul-sub-styled{
  list-style: none;
  padding-left: 30px;
  padding-right: 30px;
  margin-left: -28px;
}
.ul-sub-styled li {

  font-weight: 100;
}
.ul-sub-styled li {
  margin-bottom: 0;
  font-size: 0.8em;
}
.ul-styled li::marker {
  content: ' \25A0  ';
  font-size: 1.2em;
  color: #7f1a26;
}
.ul-sub-styled li::marker {
  content:' \2022   ';
  font-size: 1em;
  color: #232323;
}

.partner_button {
  border-radius: 30px;
  padding: 13px 23px;
  max-width: 263px;
  display: block;
  margin: 3em auto;
  line-height: 1.5em;
  text-decoration: none;
}
.button {
  display: block;
  color: #fff !important;
  font-size: 1.0em;
  font-weight: bold;
  text-align: center;
  text-indent: 0.05em;
  letter-spacing: 0.05em;
  background: #000;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  transition: background 0.25s ease;
}
.button.blue {
  background: #4970bf;
}
.button.blue:hover {
  background: #2b52a1;
}
@media print, screen and (min-width: 741px) {
  .columns {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
  }
  .examples {
    width: 90%;
    margin: 0 30px;
  }
}
@media print, screen and (max-width: 741px){
  #partner .tag.copy-tag {
    color: #762829;
    font-size: 1em;
    margin: 0 10px;
  }
  .img-responsive {
    width: 68%;
    vertical-align: middle;
  }
}
@media print, screen and (max-width: 741px){
  #partner .tag {
    border: 1px solid #762829;
    padding: 0.4em 1em;
    border-radius: 25px;
    text-align: center;
    margin: 0 10px;
  }
  .h2-brown{
    color: #762829;
    font-size: 1.7em;
    font-weight: 700;
  }
  .h2-dark{
    font-size: 1.7em;
    font-weight: 700;
  }
  .ul-styled li {
    margin-bottom: 15px;
    font-size:1em;
  }
  .ul-sub-styled li {
    margin-bottom: 0;
    font-size: 0.8em;
  }
  .pb_3rd figure{
    margin-top: -70px;
    margin-bottom: -60px;
  }
}


@media print, screen and (min-width: 741px) {


  #partner .partner-guide {
    max-width: 1250px;
    margin: 0 auto;
  }
  #partner .partner-guide .partner-guide_inner {
    margin: 0 25px;
    padding: 80px 0;
  }
  #partner .partner-guide .partner-guide_inner h2 {
    font-size: 2.5em;
    text-align: center;
  }
  #partner .partner-guide .partner-guide_inner .partner-guide-box, #partner .partner-guide .partner-guide_inner .partner-program-box, #partner .partner-guide .partner-guide_inner .partner-merit-box, #partner .partner-guide .partner-guide_inner .partner-flow-box {
    margin: 50px 0 0;
  }
  #partner .partner-guide .partner-guide_inner .partner-guide-box p, #partner .partner-guide .partner-guide_inner .partner-program-box p, #partner .partner-guide .partner-guide_inner .partner-merit-box p, #partner .partner-guide .partner-guide_inner .partner-flow-box p {
    font-size: 1.25em;
    line-height: 1.75em;
  }
  #partner .tag {
    border: 1px solid #762829;
    padding: 0.4em 1.5em;
    border-radius: 25px;
    text-align: center;
  }
  #partner .tag.copy-tag {
    color: #762829;
    font-size: 1.5em;
    margin: 0 10px;
  }
  #partner .tag.program-tag {
    border: 1px solid #fff;
    font-size: 16px;
  }
  #partner .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
  }
  #partner .flex.s-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-justify-content: -webkit-space-around;
    justify-content: -webkit-space-around;
    justify-content: -moz-space-around;
    -ms-flex-pack: -ms-space-around;
    justify-content: -ms-space-around;
  }
  #partner .flex.s-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-justify-content: -webkit-space-between;
    justify-content: -webkit-space-between;
    justify-content: -moz-space-between;
    -ms-flex-pack: -ms-space-between;
    justify-content: -ms-space-between;
  }
  #partner .flex.center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: -webkit-center;
    justify-content: -webkit-center;
    justify-content: -moz-center;
    -ms-flex-pack: -ms-center;
    justify-content: -ms-center;
  }
  #partner .copy {
    padding: 55px 0;
    max-width: 960px;
    margin: 0 auto;
  }
  #partner .copy figure {
    margin: 0 auto 30px;
    max-width: 134px;
  }
  #partner .copy h2 {
    color: #762829;
    font-size: 2.25em;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
  }
  #partner .program-table {
    width: 49%;
    max-width: 590px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: #823638 solid 1px;
    background: #fff;
  }
  #partner .program-table .program-ttl-th {
    background: #823638;
    padding: 40px 40px 20px;
  }
  #partner .program-table .program-ttl-th p, #partner .program-table .program-ttl-th h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
  }
  #partner .program-table .program-ttl-th h3 {
    font-size: 2em;
    font-weight: 500;
  }
  #partner .program-table .program-ttl-th p.fs-12 {
    font-size: 0.8em;
  }
  #partner .program-table .program-ttl-th p:last-child {
    text-align: left;
    font-size: 1.1em;
    line-height: 29px;
  }
  #partner .program-table .suit-ballon {
    background: #f5f0f0;
    padding: 30px 0;
    position: relative;
    display: inline-block;
    width: 100%;
  }
  #partner .program-table .suit-ballon .ballon-text {
    display: block;
    text-align: center;
    color: #823638;
    font-size: 1.4em;
  }
  #partner .program-table .suit-ballon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #f5f0f0;
  }
  #partner .program-table .suit-area {
    min-height: 610px;
    padding: 30px 50px;
  }
  #partner .program-table .suit-area .suit {
    padding: 20px 0;
  }
  #partner .program-table .suit-area .suit:not(:last-of-type) {
    border-bottom: #823638 solid 1px;
  }
  #partner .program-table .suit-area .suit .suit-dt {
    font-size: 1.2em;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
  }
  #partner .program-table .suit-area .suit .suit-dd {
    font-size: 1.1em;
    line-height: 1.6;
  }
  #partner .program-table .suit-area .suit:before {
    display: table-cell;
    content: "";
    width: 43px;
    height: 43px;
    background: url(images/partner_icon02.png) no-repeat;
    padding: 0 20px 20px 0;
  }
  #partner .merit-dl .merit-dt {
    margin-bottom: 30px;
  }
  #partner .merit-dl .merit-dd {
    text-align: center;
    font-size: 1.1em;
    line-height: 1.6;
  }
  #partner .flow-dl {
    text-align: center;
    max-width: 260px;
  }
  #partner .flow-dl .flow-step-dd {
    color: #823638;
    font-size: 2.8em;
    margin-bottom: 30px;
  }
  #partner .flow-dl .flow-step-dd .step-small {
    max-width: 60px;
    font-weight: 400;
    display: block;
    border-bottom: #c7b175 2px solid;
    padding: 10px 0;
    text-align: center;
    margin: 0 auto 10px;
    font-size: 0.4em;
  }
  #partner .partner-flow .partner-flow-box {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: -webkit-center;
    align-items: -webkit-center;
    align-items: -moz-center;
  }
  #partner .partner-flow .flow-dt {
    font-size: 1.6em;
    font-weight: 500;
    margin-bottom: 30px;
  }
  #partner .partner-flow .flow-dd {
    line-height: 1.6;
  }
  #partner .partner-flow .cv-button {
    width: 274px;
    margin: 50px auto 0;
  }
  #partner .partner-flow .cv-button a {
    height: 54px;
    line-height: 54px;
  }

}

/* mobile
----------------------------------------------- */
@media print, screen and (max-width: 740px) {
  #partner .flex {
    display: block;
  }
  #partner .partner-guide {
    max-width: 1250px;
    margin: 0 auto;
  }
  #partner .partner-guide .partner-guide_inner {
    margin: 0 25px;
    padding: 80px 0;
  }
  #partner .partner-guide .partner-guide_inner h2 {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 20px;
  }
  #partner .partner-guide .partner-guide_inner .partner-guide-text {
    line-height: 1.85em;
    margin-bottom: 20px;
  }
  #partner .partner-guide .partner-guide_inner .partner-guide-img {
    width: 80%;
    margin: 0 auto;
  }
  #partner .partner-guide .partner-guide_inner .partner-guide-img img {
    width: 100%;
    height: auto;
  }
  #partner .copy {
    padding: 55px 0;
    margin: 0 25px;
  }
  #partner .copy figure {
    margin: 0 auto 20px;
    max-width: 134px;
  }
  #partner .copy h2 {
    color: #762829;
    font-size: 1.5em;
    font-weight: 500;
    margin-bottom: 30px;
    text-align: center;
  }
  #partner .copy .tag {
    border: 1px solid #762829;
    padding: 0.5em 1em;
    border-radius: 25px;
    text-align: center;
  }
  #partner .copy .tag.copy-tag {
    color: #762829;
    font-size: 1.2em;
    margin: 0 10px;
  }
  #partner .program-table {
    width: 100%;
    max-width: 590px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: #823638 solid 1px;
    background: #fff;
    margin-bottom: 20px;
  }
  #partner .program-table .program-ttl-th {
    background: #823638;
    padding: 40px 40px 20px;
  }
  #partner .program-table .program-ttl-th p, #partner .program-table .program-ttl-th h3 {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
  }
  #partner .program-table .program-ttl-th p .program-tag, #partner .program-table .program-ttl-th h3 .program-tag {
    border: 1px solid #fff;
    padding: 0.5em 1em;
    border-radius: 25px;
    font-size: 1.2em;
  }
  #partner .program-table .program-ttl-th h3 {
    font-size: 2em;
    font-weight: 500;
  }
  #partner .program-table .program-ttl-th p.fs-12 {
    font-size: 0.8em;
  }
  #partner .program-table .program-ttl-th p:last-child {
    text-align: left;
    font-size: 1.1em;
    line-height: 29px;
  }
  #partner .program-table .suit-ballon {
    background: #f5f0f0;
    padding: 30px 0;
    position: relative;
    display: inline-block;
    width: 100%;
  }
  #partner .program-table .suit-ballon .ballon-text {
    display: block;
    text-align: center;
    color: #823638;
    font-size: 1.4em;
  }
  #partner .program-table .suit-ballon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #f5f0f0;
    margin-left: -15px;
  }
  #partner .program-table .suit-area {
    min-height: 610px;
    padding: 30px 50px;
  }
  #partner .program-table .suit-area .suit {
    padding: 20px 0;
  }
  #partner .program-table .suit-area .suit:not(:last-of-type) {
    border-bottom: #823638 solid 1px;
  }
  #partner .program-table .suit-area .suit .suit-dt {
    font-size: 1.2em;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
  }
  #partner .program-table .suit-area .suit .suit-dd {
    margin-top: 10px;
    font-size: 1.1em;
    line-height: 1.6;
  }
  #partner .program-table .suit-area .suit:before {
    display: table-cell;
    content: "";
    width: 43px;
    height: 43px;
    background: url(images/partner_icon02.png) no-repeat;
    padding: 0 20px 20px 0;
  }
  #partner .merit-dl {
    margin-bottom: 30px;
  }
  #partner .merit-dl .merit-dt {
    margin-bottom: 20px;
  }
  #partner .merit-dl .merit-dd {
    text-align: center;
    font-size: 1.1em;
    line-height: 1.6;
  }
  #partner .partner-flow .flow-dl {
    text-align: center;
    width: 100%;
    margin: 0 auto 20px;
  }
  #partner .partner-flow .flow-dl .flow-step-dd {
    color: #823638;
    font-size: 2.8em;
    margin-bottom: 30px;
  }
  #partner .partner-flow .flow-dl .flow-step-dd .step-small {
    max-width: 60px;
    font-weight: 400;
    display: block;
    border-bottom: #c7b175 2px solid;
    padding: 10px 0;
    text-align: center;
    margin: 0 auto 10px;
    font-size: 0.4em;
  }
  #partner .partner-flow .flow-arrow {
    display: none;
  }
  #partner .partner-flow .flow-dt {
    font-size: 1.6em;
    font-weight: 500;
    margin-bottom: 30px;
  }
  #partner .partner-flow .flow-dd {
    line-height: 1.6;
  }
  #partner .partner-flow .cv-button {
    width: 274px;
    margin: 50px auto 0;
  }
  #partner .partner-flow .cv-button a {
    height: 54px;
    line-height: 54px;
  }

}

#partner .partner_button {
  border-radius: 30px;
  padding: 13px 23px;
  max-width: 263px;
  display: block;
  margin: 3em auto;
  line-height: 1.5em;
}