.thanks { font-family: Meiryo, 'Noto Sans JP', sans-serif; } .thanks__inner { padding: 0 0 50px; max-width: 1000px; margin: 0 auto 10px; } .thanks__message { font-size: 16px; font-weight: bold; /* border: 1px solid #707070; padding: 10px 50px; width: 408px; */ width:100%; margin: 0 auto; text-align: center; } .thanks__messageImg { width: 422px; margin: 40px auto 0; } .thanks__merit { margin-top: 36px; } .thanks__merit__message { font-size: 24px; font-weight: bold; text-align: center; } .thanks__merit__items { margin-top: 50px; margin-right: 50px; margin-left: 50px; display: flex; } .thanks__merit__item { width: calc(33.33% - 20px * 2 / 3); background-color: #F1F1F1; padding: 20px 17px; border-radius: 19px; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.24); position: relative; counter-increment: number; } .thanks__merit__item::before { position: absolute; content: counter(number); font-family: museo-slab, serif; font-weight: 100; font-style: normal; font-size: 48px; top: -10%; } .thanks__merit__item:not(:nth-child(3n + 1)) { margin-left: 20px; } .thanks__merit__img { width: 202px; margin: 0 auto; height: 184px; } .thanks__merit__img_news { padding: 10px; } .thanks__merit__img > img { height: 100%; } .thanks__merit__text { margin-top: 18px; padding-top: 26px; border-top: 2px solid #000; font-size: 16px; font-weight: bold; text-align: center; } .attention__password { font-size: 14px; } /* 20221024 korenaga */ .thanks__message .fintxt { background-color:#ddd; padding:10px; width:90%; max-width:400px; margin:0 auto; } .thanks__message .finmsg { margin-top:10px; padding:15px; border-bottom:1px solid #333; } .thanks__message .finalert { font-size:75%; padding:15px 0; text-align:left; } @media (max-width: 768px) { .thanks__inner { padding-top: 80px; } .thanks__merit__items { display: block !important; } .thanks__merit__item { width: 100%; margin-left: 0 !important; margin-right: 0 !important; } .thanks__merit__item:not(:nth-child(3n + 1)) { margin-top: 100px; margin-left: 0; } .thanks__merit__img_news { padding: 0; } } @media screen and (max-width: 500px) { .thanks__inner { max-width: 100%; } .thanks__message { width: 90%; padding-right: 10px; padding-left: 10px; font-size:100%; } .thanks__messageImg { width: 90%; } .thanks__merit { margin-top: 50px; } .thanks__merit__item:not(:nth-child(3n + 1)) { margin-top: 80px; } .thanks__merit__img_news { padding: 0; } .attention__password { text-size-adjust: none; font-size: 12px; } }