@charset "UTF-8";
/** 代理店ページ用のcss **/
.partner__header { margin-bottom: 48px; border: 1px solid #cad1e1; background-image: url("/company/assets/img/partner/main-bg-pc.jpg"); background-size: cover; background-repeat: no-repeat; padding: 104px 0; text-align: center; color: #fff; }

.partner__title { margin-bottom: 16px; font-size: 42.67px; text-shadow: 1px 2px 3px rgba(45, 53, 73, 0.2); }

.partner__title > span { display: inline-block; }

.partner__sub { font-size: 16px; font-weight: bold; text-shadow: 1px 2px 3px rgba(45, 53, 73, 0.2); line-height: 1.8; }

.partner__desc { margin-bottom: 40px; }

@media screen and (max-width: 769px) { .partner__header { padding: 56px 16px; background-image: url("/company/assets/img/partner/main-bg-sp.jpg"); }
  .partner__title { font-size: 25.6px; line-height: 1.4; }
  .partner__sub { font-size: 14px; }
  .partner__desc { padding: 0 16px; } }

.partner__btnWrap { padding: 40px 16px; margin-bottom: 104px; text-align: center; border: 1px solid #CAD1E1; }

.partner__btnWrap > p { margin-bottom: 16px; }

.partner__btnWrap > p > span { display: inline-block; }

@media screen and (max-width: 769px) { .partner__btnWrap { margin: 0 16px 64px; } }

.partner__contact { margin: 0 auto; max-width: 320px; }

.partner .ranking { margin-bottom: 24px; }

.partner .ranking__title { padding: 16px 24px; margin-bottom: 40px; color: #fff; font-size: 27px; font-weight: bold; line-height: 1.4; }

.partner .ranking__title > span { margin-left: 8px; font-size: 15px; vertical-align: baseline; }

.partner .ranking__title:before { content: ''; display: inline-block; margin-right: 16px; width: 34px; height: 36px; background-size: contain; background-repeat: no-repeat; vertical-align: sub; }

.partner .ranking__title.-platinum { background-color: #2353A8; }

.partner .ranking__title.-platinum:before { background-image: url("/company/assets/img/partner/award-platinum.png"); }

.partner .ranking__title.-gold { background-color: #D4B84E; }

.partner .ranking__title.-gold:before { background-image: url("/company/assets/img/partner/award-gold.png"); }

.partner .ranking__title.-silver { background-color: #C0C0C0; }

.partner .ranking__title.-silver:before { background-image: url("/company/assets/img/partner/award-silver.png"); }

.partner .ranking__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

@media screen and (max-width: 769px) { .partner .ranking__list { padding: 0 16px; } }

.partner .ranking__list > li { position: relative; margin-bottom: 24px; }

.partner .ranking__list > li::before { content: ''; display: block; position: absolute; top: 8px; right: 16px; background-size: contain; background-repeat: no-repeat; z-index: 1; width: 32px; height: 100%; }

.partner .ranking__list a:hover { opacity: .6; }

.partner .ranking__list .imgWrap { display: block; position: relative; width: 100%; padding-top: 70.065%; margin-bottom: 8px; border: 1px solid #cad1e1; }

.partner .ranking__list .imgWrap > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }

.partner .ranking__list.-platinum > li { width: calc((100% - 24px) / 2); }

.partner .ranking__list.-platinum > li:nth-child(odd) { margin-right: 24px; }

@media screen and (max-width: 769px) { .partner .ranking__list.-platinum > li { width: 100%; }
  .partner .ranking__list.-platinum > li:nth-child(odd) { margin-right: 0; } }

.partner .ranking__list.-gold > li { width: calc((100% - 24px * 2) / 3); }

.partner .ranking__list.-gold > li:nth-child(3n - 1) { margin-right: 24px; margin-left: 24px; }

@media screen and (max-width: 769px) { .partner .ranking__list.-gold > li { width: 100%; margin-right: 0; margin-left: 0; }
  .partner .ranking__list.-gold > li:nth-child(3n - 1) { margin-right: 0; margin-left: 0; } }

.partner .ranking__list.-silver > li { width: calc((100% - 24px * 3) / 4); margin-right: 24px; }

.partner .ranking__list.-silver > li:nth-child(4n) { margin-right: 0; }

@media screen and (max-width: 769px) { .partner .ranking__list.-silver > li { width: calc((100% - 16px) / 2); margin-right: 16px; }
  .partner .ranking__list.-silver > li:nth-child(2n) { margin-right: 0; } }

.partner .ranking__name { font-size: 18px; line-height: 1.4; }