.hat-image-with-text-container{display:flex}.hat-image-with-text-container .text_area_container p,.hat-image-with-text-container .text_area_container h2{margin:0;padding:0}.hat-image-with-text-container .text_area_container .title_seasonal_special{display:flex;flex-direction:column}.hat-image-with-text-container .text_area_container .title_seasonal_special h2{order:1}.hat-image-with-text-container .text_area_container .title_seasonal_special .en{font-family:var(--font-add-family);line-height:1.2}.hat-image-with-text-container .text_area_container .title_seasonal_special .en span{display:inline-block;border-bottom:1px solid currentColor}.hat-image-with-text-container .image_area_container img,.hat-image-with-text-container .image_area_container svg{display:block;width:100%;height:auto;margin:0}@media screen and (max-width: 749px){.hat-image-with-text-container{flex-direction:column}.hat-image-with-text-container .text_area_container{order:1;margin-top:28px}.hat-image-with-text-container .text_area_container .title_seasonal_special h2{font-size:1.6rem;margin-top:14px}.hat-image-with-text-container .text_area_container .title_seasonal_special .en{font-size:2rem}.hat-image-with-text-container .text_area_container>p:not(.btn_hat_standard){margin-top:10px;text-align:justify}.hat-image-with-text-container .text_area_container>.btn_hat_standard{margin:30px auto 0;width:80%}}@media screen and (min-width: 750px){.hat-image-with-text-container{gap:0 56px}.hat-image-with-text-container.image_first .text_area_container{order:1}.hat-image-with-text-container.text_top{align-items:stretch}.hat-image-with-text-container.text_middle{align-items:center}.hat-image-with-text-container.text_bottom{align-items:flex-end}.hat-image-with-text-container .text_area_container{flex:0 0 450px}.hat-image-with-text-container .text_area_container .title_seasonal_special h2{font-size:2rem;margin-top:20px}.hat-image-with-text-container .text_area_container .title_seasonal_special .en{font-size:2.4rem}.hat-image-with-text-container .text_area_container>p:not(.btn_hat_standard){margin-top:14px;text-align:justify}.hat-image-with-text-container .text_area_container>.btn_hat_standard{margin-top:40px;width:264px}.hat-image-with-text-container .image_area_container{flex:0 0 594px}}