.commitment{padding:7rem 0 1rem;width:calc(100% - 3rem);max-width:50rem;margin-left:auto;margin-right:auto}
@media screen and (min-width:769px){.commitment{padding:8.5rem 0 1rem;max-width:1140px}}
.title.commitment-title{margin-bottom:5.25rem}
@media screen and (min-width:769px){.title.commitment-title{margin-bottom:6.5rem}}
.commitment__inner{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:10rem}
@media screen and (min-width:769px){.commitment__inner{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:20rem}}
@media screen and (max-width:768px){.commitment__inner:last-of-type{margin-bottom:4rem}}
.commitment__image{margin-bottom:3rem;width:100%}
@media screen and (min-width:769px){.commitment__image{width:46.4%;margin-top:1.2rem;margin-bottom:0}}
@media screen and (min-width:1140px){.commitment__image{width:53rem}}
.commitment__image img{border-radius:.5rem;width:100%;height:auto}
.commitment__content{width:100%}
@media screen and (min-width:769px){.commitment__content{width:48.2%}}
@media screen and (min-width:1140px){.commitment__content{width:55rem}}
.commitment__content-text{font-weight:500;font-size:1.5rem;line-height:3rem;letter-spacing:0.03em;margin-bottom:0}
@media screen and (min-width:769px){.commitment__content-text{font-size:1.6rem;line-height:3.5rem;margin-bottom:3.8rem}}
.commitment__block{padding:2.3rem 1rem 2.6rem 3rem;gap:1rem;box-sizing:border-box;background:#FFF;box-shadow:0px 2px 4px rgba(0,0,0,0.1);max-width:31rem;margin-left:auto;margin-right:auto}
@media screen and (min-width:769px){.commitment__block{max-width:initial;padding:2.2rem 5rem}}
.commitment__btn{margin-top:3rem;margin-bottom:4rem}
@media screen and (min-width:769px){.commitment__btn{justify-content:flex-start;margin-bottom:5rem;margin-top:0}}
.commitment__block-title{font-weight:700;font-size:2rem;line-height:3rem;text-align:center;letter-spacing:0.05em;margin-bottom:1.75rem}
.commitment__list{display:grid;grid-template-columns:1fr;grid-column-gap:2rem;grid-row-gap:1.1rem}
@media screen and (min-width:1140px){.commitment__list{grid-template-columns:repeat(2,1fr);grid-column-gap:4rem;grid-row-gap:0.9rem}}
.commitment__item{position:relative;font-weight:700;font-size:1.5rem;line-height:2.4rem;padding-left:2.6rem;box-sizing:border-box}
.commitment__item::before{content:"";position:absolute;left:0;top:.4rem;background:url("../images/commitment/icon_check.svg") no-repeat;background-size:contain;width:1.5rem;height:1.5rem}
@media screen and (min-width:769px) and (max-width:1139px){.commitment__item .u-pc-only{display:none !important}}