@charset "utf-8";
/*共通*/
body{font-size:16px;}
img{width: 100%;}
.header {
    width: 100%;
    padding: 0.5em 0;
    background: #fff100;
    text-align: center;
}
.logo { width: 70%; max-width: 350px;}
.hero {
    width:96%;
    max-width: 800px;
    margin: 2rem auto;
    padding: 1em 1em 0.5em;
    border: 3px solid #41a148;
    color:#41a148;
    border-radius: 5px;
    background-color: #eefbef;
}
.section {
    width:96%;
    max-width: 800px;
    margin: 0 auto 5rem;
}
.yellow-box {
    width: 100%;
    margin: 3em 0;
    padding: 3em 0.5em 2em;
    background: #fff100;
}
ul{list-style: none; margin:0; padding:0;}
.att-list {
    width: 90%;
    max-width: 910px;
    margin: 20px auto 50px;
}
.att-list > li {
    margin-bottom: 0.5em;
    padding-left: 1em;
    text-indent: -1em;
    color:#868686;
}
/*アプリ*/
.app-box{max-width: 800px; margin: 0 auto;}
.app-txt {
    width: 90%;
    max-width: 760px;
    margin:0 auto;
    color:#3B3A3A;
    font-size:12px;
}
.app-icon { max-width: 200px;}
.sns-ttl {
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}
.sns-box{max-width: 700px; margin: 0 auto 50px;}
.sns-icon { max-width: 50px;}
.footer {
    margin-top: 20px;
    margin-bottom: 30px;
}
.footer-link { text-align: center;}
.footer-link a { 
    color:#333333;
    font-size: 13px;
    text-decoration: none;
}
.copyright {
    margin-top: 50px;
    padding-top: 3em;
    text-align: center;
    color: #868686;
    font-size: 13px;
    border-top: 1px solid #E8E8E8;
}
/*コンテンツ*/
.ttl-box {
    padding: 7px 5px;
    font-size: 1.3rem;
    text-align: center;
    border:1px solid #868686;
}