.is-mobile {display: none;}
body {justify-content: center; align-items: center;}
#container { min-height: auto; flex-grow: 0; margin-bottom: 0;}
.ttl-wrap {margin-bottom: 56px; display: flex; flex-direction: column; align-items: center; gap: 8px;}
.ttl-wrap img {width: 200px; height: auto;}
.ttl-wrap h1 {font-size: 30px; line-height: 43px; font-weight: 700; text-align: center;}
.text-wrap {margin-bottom: 52px; display: flex; flex-direction: column; gap: 12px;}
.text-wrap p {color: #4A515F; font-size: 17px; font-weight: 350; text-align: center; line-height: 27px;}
.call-btn {width: 298px; height: 53px; margin: 0 auto; background: #431F88; color: #fff; font-size: 20px; font-weight: 700; }
.call-btn.is-desktop {display: flex !important; align-items: center; justify-content: center;}
.call-btn.is-mobile {display: none !important;}

@media screen and (max-width:767px) {
    .is-mobile {display: block;}
    .ttl-wrap {margin-bottom: 28px;}
    .ttl-wrap img {width: 152px;}
    .ttl-wrap h1 {font-size: 21px; line-height: 30px;}

    #container > p {margin-bottom: 8px; font-size: 16px; font-weight: 400; line-height: 23px; text-align: center;}
    .text-wrap {margin-bottom: 32px;}
    .text-wrap p {font-size: 15px; line-height: 23px; font-weight: 400;}
    .call-btn {width: 218px; height: 48px; font-size: 17.5px;}
    .call-btn.is-mobile {border-radius: 100px; display: flex !important; align-items: center; justify-content: center;}
    .call-btn.is-desktop {display: none !important;}

}