@charset "UTF-8";

.event-service .contents{ margin-top: 0; padding-bottom: 5rem;}

.event-contents{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
.event-contents:not(:last-of-type){ margin-bottom: 4rem;}
.event-contents-image{ width: 60%; display: flex; justify-content: space-between;}
.event-contents-image img{ width: 48.6%;}
.event-contents-txtBox{ width: 35%; display: block; color: var(--Color-White);}
.event-contents-txtBox .tit{ font-size: var(--Body-L-M); margin-bottom: 1rem;}
.event-contents-txtBox .txt{ font-size: var(--Body-S); line-height: 1.8;}

.service-contents .content-tit{ margin-bottom: 1rem; font-size: var(--Body-L-M); text-align: center;}
.service-contents .content-txt{ margin-bottom: 3rem; font-size: var(--Body-L); text-align: center;}
.service-contents .content-txt-sub{ font-size: var(--Body-M);}

.flex-service-contents{ margin-bottom: 3rem; display: flex;}
.flex-service-contents-box{ padding: 0 1rem;}
.flex-service-contents-box:nth-of-type(2){ border-left: 1px solid var(--Border); border-right: 1px solid var(--Border);}
.flex-service-contents-box img{ margin-bottom: 1rem;}

.flex-service-contents.wrap{ flex-wrap: wrap;}
.flex-service-contents-partner{ width: 50%; padding: 1rem 1.5rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--Border);}
.flex-service-contents-partner:nth-of-type(odd){ padding-left: 0; border-right: 1px solid var(--Border);}
.flex-service-contents-partner:nth-of-type(even){ padding-right: 0;}
.flex-service-contents-partner:nth-of-type(3),
.flex-service-contents-partner:nth-of-type(4) { padding-top: 2rem; padding-bottom: 2rem;}
.flex-service-contents-partner:nth-of-type(5),
.flex-service-contents-partner:nth-of-type(6){ padding-top: 2rem; padding-bottom: 2rem; border-bottom: unset;}
.flex-service-contents-partner .partner-logo{ width: 28%; text-align: center; margin: 0 auto;}
.flex-service-contents-partner .partner-logo img{  object-fit: contain;}
.flex-service-contents-partner:nth-of-type(1) .partner-logo{ min-width: 80px; width: 22%;}
.flex-service-contents-partner .partner-logo.kajitaku { min-width: 80px; width: 15%;}
.flex-service-contents-partner .txt{ width: 71%; padding-left: 1rem;}

@media screen and (max-width:768px){ 
    .event-service .contents { margin-bottom: calc(var(--Space-XL) * 1.5);}
    .event-contents{ flex-direction: column;}
    .event-contents-image { width: 100%;}
    .event-contents-txtBox { width: 100%; margin-top: var(--Space-M);}
    .flex-service-contents { flex-direction: column; row-gap: var(--Space-XL);}
    .flex-service-contents-box { padding: 0; width: 80%; margin: 0 auto;}
    .flex-service-contents-box:nth-of-type(2) { border-left: unset; border-right: unset;}
    .flex-service-contents.wrap { row-gap: 0;}
    .flex-service-contents-partner { width: 100%; padding: 1rem 0;}
    .flex-service-contents-partner:nth-of-type(odd) { border-right: unset;}
    .flex-service-contents-partner:nth-of-type(5) { border-bottom: 1px solid var(--Border);}
    .flex-service-contents-partner:nth-of-type(3),
    .flex-service-contents-partner:nth-of-type(4),
    .flex-service-contents-partner:nth-of-type(5),
    .flex-service-contents-partner:nth-of-type(6) { padding: 1rem 0;}
}