@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 737px) {
.logo_bg {
    background-image: url("/content/dam/family/familymart-stories/hero/logo_bg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 300px;
}
.hero_h1{
    font-size: 65px;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
	letter-spacing: .5rem;
    padding-top: 75px;
    color: #fff;
    font-weight: bold;
    text-shadow:
            3px 3px 3px #1cac4b, -3px -3px 3px #1cac4b,
           -3px 3px 3px #1cac4b,  3px -3px 3px #1cac4b,
            3px 0px 3px #1cac4b, -3px -0px 3px #1cac4b,
            0px 3px 3px #1cac4b,  0px -3px 3px #1cac4b;
    margin: 0;
}
.hero_lead{
    font-size: 35px;
    font-weight: bold;
    text-align: center;
	letter-spacing: .2rem;
	color: #313131;
    font-weight: bold;
	margin: 0;
}
.hero_siro{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-weight: bold;
	margin: 0;
}
}
@media screen and (max-width: 736px) {
.logo_bg {
    background-image: url("/content/dam/family/familymart-stories/hero/logo_bg.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 180px;
}
.hero_h1{
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    line-height: 0.6em;
    letter-spacing: .3rem;
    padding-top: 58px;
    color: #fff;
    font-weight: bold;
    text-shadow:
            3px 3px 3px #1cac4b, -3px -3px 3px #1cac4b,
           -3px 3px 3px #1cac4b,  3px -3px 3px #1cac4b,
            3px 0px 3px #1cac4b, -3px -0px 3px #1cac4b,
            0px 3px 3px #1cac4b,  0px -3px 3px #1cac4b;
    margin: 0;
}
.hero_lead{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #313131;
    font-weight: bold;
	line-height: 1.3em;
	letter-spacing: .1rem;
	margin: 0;
}
.hero_siro{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #313131;
    font-weight: bold;
	margin: 0;
}
.ly-pc-fs32 {
    font-size: 24px;
}
.ly-pc-fs24 {
    font-size: 20px;
}
.ly-pc-fs22 {
    font-size: 18px;
}
.ly-pc-fs18 {
    font-size: 16px;
}
.ly-pc-fs16 {
    font-size: 14px;
}
}