._breadcrumb {
     display: flex;
     align-items: center;
     gap: 6px;
     font-weight: 500;
     margin: 60px 0 15px 0;
     padding: 0;
     color: #4f5c77;
     background-color: transparent;
     font-size: 14px;
 }

 .subpage-hero {
     max-width: 1136px;
     margin: 0 auto 0;
     padding: 0;
 }

 .subpage-hero h1 {
     font-size: 49px;
     line-height: 1.05;
     letter-spacing: -.04em;
     margin: 0 0 10px;
     font-weight: 700;
     color: #02016f;
 }

 .subpage-hero .box {
     margin: 20px 0 0 0;
     display: grid;
     grid-template-columns: 1fr .8fr;
     gap: 30px;
     align-items: center;
     padding: 0;
 }

 .subpage-hero .copy {
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 10px;
     min-height: 100%;
     padding-right: 30px;
     padding-bottom: 60px;
 }

 .subpage-hero .c-button {
     padding: 14px 22px;
     font: inherit;
     font-weight: 600;
     transition: transform .25s ease, box-shadow .25s ease;
     display: inline-block;
     margin-bottom: 12px;
     text-align: center;
 }

 .subpage-hero .c-button svg {
     top: -1px;
     position: relative;
     margin-right: 4px;
 }

 .subpage-hero .c-button:hover {
     transform: translateY(-4px);
 }

 .subpage-hero .copy p {
     color: #4f5c76;
 }

 .subpage-hero .panel {
     align-items: flex-end;
     justify-content: flex-end;
     height: 100%;
     margin: 0;
 }

 .subpage-hero .panel img {
     border-radius: 20px 20px 0 0;
     object-fit: cover;
     display: block;
     width: 100%;
     height: 100%;
     min-height: 280px;
 }

 .subpage-hero .panel {
     display: flex;
     align-items: center;
     justify-content: flex-end;
     min-height: 100%;
 }

 @media (max-width: 992px) {
    
     .box {
         grid-template-columns: 1fr !important;
         gap: 0 !important;
     }

 }

 /* lg */
 @media (max-width: 991.98px) {
     .subpage-hero .c-button {
         display: block;
     }

     .subpage-hero .box> :nth-child(1) {
         order: 2;
     }

     .subpage-hero .box> :nth-child(2) {
         order: 1;
     }

     .subpage-hero .copy {
         padding-right: 0;
         padding-bottom: 30px;
     }

     ._breadcrumb {
         margin: 30px 0 5px 0;
     }

     .subpage-hero .panel img {
         object-fit: initial;
         min-height: auto;
         padding-right: 0;
         border-radius: 0;
     }

 }