[id$='__main'].page-home{ max-width: 880px; background-color: transparent !important;}
.section-welcome{ padding: 5rem 0;}
.welcome-wrap{ display: flex; margin: 0 auto; border-radius: 2rem; justify-content: center; padding: 3rem; background-color: #000;}
.welcome-wrap .is-icon{ width: 140px; height: 140px; flex-shrink: 0; background-size: cover; background-position: center center;}
.welcome-wrap .is-content{ flex-grow: 1; flex-shrink: 0; width: calc(100% - 140px); padding-left: 3rem; text-align: left; margin: 0 auto;}
.welcome-wrap .is-content .btn-primary{ background-color: #ffe300 !important; color: #000 !important;}
.welcome-wrap .is-content .share-note{ margin-bottom: 1rem;}
.welcome-wrap .is-header .site-title{ font-size: 1.8em; font-weight: 600; line-height: 1.4;; margin-bottom: 1rem;}
.welcome-article{ margin: 4rem auto; font-size: 13px;}
.welcome-article .ul-list{ list-style: none;padding: 0;}
.welcome-article .ul-list li{margin-bottom: 1rem;}
@media screen and (max-width: 700px){
    .section-welcome{padding: 0 !important;}
    .welcome-wrap{margin-left: -20px; margin-right: -20px; padding: 30px; border-radius: 0; flex-direction: column; align-items: center;}
    .welcome-wrap .is-icon{ width: 80px; height: 80px; margin-bottom: 1.5rem;}
    .welcome-wrap .is-content{padding: 0; text-align: left; font-size: 13px; width: 100%; text-align: center;}
    .welcome-wrap .is-header .site-title{ font-size: 1.3em;}
    .welcome-wrap .is-content .is-button .btn{ padding: 1.1rem .5rem !important; display: block; width: 100%; font-size: 1em;}
    .welcome-article{ margin: 3rem auto;}
    .welcome-article .heading-m{ font-size: 1.8em; line-height: 1.4;}
}