@charset "UTF-8";

/* reset-style */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}
a,hr{padding:0}
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}
ins,mark{background-color:#ff9;color:#000}
nav ul,ol li,ul li{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{text-decoration:none}
mark{font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}
input,select{vertical-align:middle}
iframe,img{vertical-align:bottom}

html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    line-height: 1.5;
}

a,
a:visited {
    color: inherit;
}

article,
aside,
footer,
header,
nav,
section,
main {
    display: block;
}
 
* {
    box-sizing: border-box;
}
 
*:before,
*:after {
    box-sizing: inherit;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
ol,
ul {
    list-style: none;
}
 
img,
video {
    max-width: 100%;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
  -ms-interpolation-mode: bicubic;
}

/* reset-style */

body {
	color:#000;
	font-family: YakuHanJP,"メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height: 2;
	box-sizing: border-box;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    opacity: .7;
}

a:active, a:hover {
    outline-width: 0;
}

*::-moz-selection{
	background:#eeff1e
}

*::selection{
	background:#eeff1e
}

@media screen and (min-width: 961px) {

    .l-global-wrapper {
        position: relative;
        min-height: 100%;
        padding-top: 73px;
        margin: 0 auto;
    }

    .l-g-header {
    	position: fixed;
    	background: #A8D866;
        top: 0;
        width: 100%;
        height: 73px;
        margin-right: auto;
        margin-left: auto;
        z-index: 100;
    }

    .l-g-header_inner {
    	max-width: 1600px;
    	margin: 0 auto;
        position: relative;
    }

    .l-g-header_inner_contents_logo {
        position: absolute;
        width: 160px;
        left: 0;
        right: 0;
        margin: auto;
        transition: all .3s;
    }

    .l-g-header_inner_contents_logo img {
    	width: 100%;
    }

    .l-g-header_inner_contents {
        margin-right: 6%;
        margin-left: 6%;
    }

    .g-footer {
      margin-top: 60px;
    }

    .g-footer__logo {
        margin: 0 0 20px;
        text-align: center;
    }

    .g-footer__logo__link {
        display: inline-block;
    }

    .g-footer__logo__image {
        width: 285px;
    }

    .g-footer__mall-logo {
        margin: 25px 0 40px;
        text-align: center;
    }

    .g-footer__mall-logo__link {
        display: inline-block;
    }

    .g-footer__mall-logo__image {
        width: 160px;
    }

    .g-footer__kids-logo__link {
        margin-left: 20px;
    }

    .g-footer__kids-logo__image {
        margin-top: -7px;
    }

    .g-footer__tabinobi-logo__link {
        margin-left: 20px;
    }

    .g-footer__tabinobi-logo__image {
        margin-top: -7px;
    }

    .g-footer__tag {
        margin-bottom: 20px;
    }

    .g-footer__tag__list {
        font-size: 0px;
        font-size: 0rem;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .g-footer__tag__item {
        font-size: 14px;
        font-size: .875rem;
        display: inline-block;
        margin-right: 20px;
    }

    .u-lang--roboto {
        font-family: 'Roboto', sans-serif !important;
    }

    .g-footer__sitemap__list {
        font-size: 0px;
        font-size: 0rem;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .g-footer__sitemap__item {
        font-size: 12px;
        font-size: .75rem;
        display: inline-block;
        margin-right: 20px;
    }


    .g-footer__copyright {
        margin: 40px 0 0;
        padding: 0 0 40px;
        text-align: center;
    }

    .u-lang--roboto {
        font-family: 'Roboto', sans-serif !important;
    }

    .g-footer__copyright__text {
        font-size: 12px;
        font-size: .75rem;
        margin: 0;
        color: #888;
    }

    #page-top {
	    position: fixed;
	    bottom: 30px;
	    right: 4%;
	    z-index: 999;
	    width: 40px;
	    height: 40px;
	}

}

@media screen and (max-width: 960px) {

    body {
    }

    .l-g-header_inner {
        background: #A8D866;
    }

    .l-g-header_inner_contents {
        position: relative;
        height: 56px;
        z-index: 99;
    }

    .l-g-header_inner_contents_logo {
        position: absolute;
        left: 0;
        right: 0;
        width: 130px;
        margin: 0 auto;
        padding: 5px;
        line-height: 0;
    }

    .l-g-header_inner_contents_logo img {
        width: 100%;
    }

    .g-footer {
        margin-top: 40px;
    }

    .g-footer__logo {
        margin: 0 0 15px;
        text-align: center;
    }

    .g-footer__logo__link {
        display: inline-block;
    }

    .g-footer__logo__image {
        width: 168px;
    }

    .g-footer__mall-logo {
        margin: 15px 0;
        text-align: center;
    }

    .g-footer__mall-logo__link {
        display: inline-block;
        margin: 5px 0;
        padding: 0 10px;
        vertical-align: middle;
    }

    .g-footer__mall-logo__image {
        width: 110px;
    }

    .g-footer__kids-logo__link {
        margin-left: 10px;
    }

    .g-footer__kids-logo__image {
        margin-top: -6px;
    }

    .g-footer__tabinobi-logo__image {
        margin-top: -6px;
    }

    .g-footer__tag {
        display: none;
    }

    .u-lang--roboto {
        font-family: 'Roboto', sans-serif !important;
    }

    .g-footer__sitemap {
        margin: 0 0 -10px;
    }

    .g-footer__sitemap__list {
        font-size: 0px;
        font-size: 0rem;
        margin: 0;
        padding: 0 8%;
        text-align: center;
        list-style: none;
    }

    .g-footer__sitemap__item {
        font-size: 11px;
        font-size: .6875rem;
        display: inline-block;
        margin: 0 20px 10px 0;
    }

    .g-footer__copyright {
        margin: 15px 0 0;
        padding: 0 0 15px;
        text-align: center;
    }

    .g-footer__copyright__text {
        font-size: 9px;
        font-size: .5625rem;
        margin: 0;
        color: #888;
    }

    #page-top {
	    position: fixed;
	    bottom: 50px;
	    right: 4%;
	    z-index: 999;
	    width: 40px;
	    height: 40px;
	}

}


/* LOGO ANIMATION
===============================================================*/
@media screen and (min-width: 961px) {
    #logo.mini{
        width: 90px !important;
        -webkit-animation-name: logo_anime;
        -webkit-animation-duration:1s;
        -webkit-animation-name:logo_anime;
                animation-name:logo_anime;
        -webkit-animation-duration:1s;
                animation-duration:1s;
    }
}


/* PC SP VIEW
===============================================================*/
.pc {
    display: block;
}
.tb {
    display: none;
}
.sp {
    display: none;
}

@media screen and (max-width: 960px) {
    .pc {
        display: block;
    }
    .tb {
        display: block;
    }
    .sp {
        display: none;
    }
}

@media screen and (max-width: 520px) {
    .pc {
        display: none;
    }
    .tb {
        display: block;
    }
    .sp {
        display: block;
    }
}


/* 文字装飾（マーカーアンダーライン・太字）
===============================================================*/
span.marker {
    background: linear-gradient(transparent 70%, #FFFB86 0%) ;
}
span.bold {
    font-weight: bold;
}
span.large {
    font-size: 1.375em;
}


/* テキストリンク
===============================================================*/
#process a,
#summary a,
#notes a {
    color: #3366FF;
    text-decoration: underline;
}
#summary a:hover,
#notes a:hover {
    text-decoration: none;
}

/* TITLE
===============================================================*/
#title {
    position: relative;
}
#title .title-bg {
    width: 1200px;
    height: 420px;
    background: url(../images/title-pc-bg_2403.jpg) no-repeat center top;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin: 60px auto;
}
#title .title-bg h1 {
    text-align: center;
    padding: 0;
}
#title .rurubu50th {
    position: absolute;
    width: 150px;
    top: -50px;
    right: 4%;
}

@media screen and (max-width: 1200px) {
    #title .title-bg {
        width: 100%;
        height: 35vw;
    }
    #title .title-bg h1 {
        width: calc( 100% * 842/1200 );
    }
    #title .rurubu50th {
        width: 120px;
        right: 2%;
    }
}


@media screen and (max-width: 768px) {
    #title .rurubu50th {
        width: 100px;
    }
}


@media screen and (max-width: 520px) {
    #title .title-bg {
        width: 100%;
        height: calc( 100vw * 1.44 );
        background: url(../images/title-sp-bg_2403.jpg) no-repeat center;
        background-size: cover;
        margin: 0 auto;
    }
    #title .title-bg h1 {
        width: 100%;
        padding: 5% 0 0 0;
    }
    #title .rurubu50th {
        width: 90px;
        top: 10px;
    }
}


/* LEAD
===============================================================*/
#lead div {
    padding: 0 4% 50px;
}
#lead div p {
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
#lead div p .emphasis{
    font-size: 1.5em;
    color: #F42177;
    letter-spacing: .025em;
    background: #FFFB86;
    padding: 0.2em 0.5em 0.1em;
}

@media screen and (max-width: 520px) {
    #lead div {
        padding: 40px 4%;
    }
    #lead div p {
        font-size: 1.125rem;

    }
    #lead div p .emphasis{
        font-size: 1.25rem;
        padding: 0.1em 0.4em 0.15em;
    }
}


/* INSTALL
===============================================================*/
#install .color-bg {
    padding: 50px 4%;
    background: #FC9EBD;
}
#process .color-bg {
    padding: 50px 4%;
    background: #FC9EBD;
}
#install .color-bg h2,
#process .color-bg h2 {
    font-size: 2.25rem;
    line-height: 1.2;
    color: #FFF;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: end;
        align-items: end;
}
#install .color-bg h2::before,
#install .color-bg h2::after,
#process .color-bg h2::before,
#process .color-bg h2::after {
    content: '';
    width: 5px;
    height: 45px;
    background-color: #FFF;
    border-radius: 2px;
}
#install .color-bg h2::before,
#process .color-bg h2::before {
    margin-right: 1em;
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg)
}
#install .color-bg h2::after,
#process .color-bg h2::after {
    margin-left: 1em;
    -webkit-transform: rotate(35deg);
            transform: rotate(35deg)
}
#install .box,
#process .box {
    background: #FFF;
    max-width: 900px;
    padding: 40px;
    margin: 20px auto 0;
    border-radius: 20px;
    position: relative;
}
#install .box.qr {
    height: 270px;
    background-image: url("../images/qrimage.png");
    background-repeat: no-repeat;
    background-position: bottom right 100px;
    padding: 40px 60px;
}
#install .box .install-free {
    position: absolute;
    top: -60px;
    right: -60px;
    width: 154px;
    height: auto;
}
#install .box .qr {
    position: absolute;
    top: 118px;
    right: 218px;
    width: 100px;
    height: auto;
}
#install .box.caution {
    color: #333;
    padding: 20px 60px;
}

#install .box.caution h3 {
    font-weight: bold;
    text-align: center;
}
#install .box.caution p {
    font-size: .875em;
}
#install .box p.induction {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
    #install .color-bg h2,
    #process .color-bg h2 {
        font-size: 1.875rem;
    }
    #install .color-bg h2 {
        margin-bottom: 40px;
    }
    #install .box.qr,
    #process .box  {
        padding: 90px 20px 40px;
        margin: 20px auto 0;
    }
    #install .box.caution {
        padding: 40px 20px;
        margin: 20px auto 0;
    }
    #install .box.qr {
        height: auto;
      background-image: none;

    }
    #install .box .install-free {
        top: -30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 110px;
    }
    #install .box .qr {
        display: none;
    }
    #install .box p {
        text-align: center;
    }
    #install .box p.induction {
        font-size: 1rem;
        font-weight: bold;
        margin-bottom: 0;
    }
}

#install .btn-wrap {
    display: none;
}
#install a.btn-install {
    display: block;
    color: #FFF;
    font-size: 1.375rem;
    font-weight: bold;
    border-radius: 100vh;
    padding: 24px 36px 24px 24px;
    background: #F42A2A;
    background: -moz-linear-gradient(top, #F42A2A 0%, #F42A2A 50%, #EE1C1C 50%, #EE1C1C 100%);
    background: -webkit-linear-gradient(top, #F42A2A 0%,#F42A2A 50%,#EE1C1C 50%,#EE1C1C 100%);
    background: linear-gradient(to bottom, #F42A2A 0%,#F42A2A 50%,#EE1C1C 50%,#EE1C1C 100%);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
        -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    transition: .3s;
    margin-top: 30px;
}
#install a.btn-install::before {
  content: url("../images/install-btn-arrow.svg");
  display: inline-block;
  height: 40px;
  width: 40px;
  vertical-align: middle;
  margin-right: 16px;
}

@media screen and (max-width: 960px) {
    #install .btn-wrap {
        display: flex;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
        -ms-grid-row-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center;
    }
}

@media screen and (max-width: 520px) {
    #install .box p {
        text-align: left;
    }
    #install a.btn-install {
        font-size: 5vw;
        padding: 24px 6vw;
    }
    #install a.btn-install::before {
      margin-right: 12px;
    }
}


/* SUMMARY
===============================================================*/
#summary .summary-container {
    margin: 80px 4%;
}
#summary div h2 {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
}
#summary .tsuika {
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
#summary .tsuika .emphasis {
    font-size: 1.25em;
    color: #F42177;
    letter-spacing: .025em;
    background: #FFFB86;
    padding: 0.2em 0.5em 0.1em;
}

#summary div dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    max-width: 900px;
    margin: 0 auto;
}
#summary div dl dt {
    width: 100%;
    font-size: 1.125em;
    font-weight: bold;
    text-align: center;
    padding: 20px 0 2px 0;
    border-bottom: 1px solid #CCC;
}
#summary div dl dd {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 0;
}
#summary div dl dd .date-lst {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#summary div dl dd .date-lst li {
    display: flex;
    align-items: center;
}
#summary div dl dd .date-lst li i {
    margin: 0 .5em;
}
#summary div dl dd.date-lst li i.rotate {
    -webkit-transform:rotate(90deg);
            transform:rotate(90deg);
}
#summary div dl dd .date-lst li .new {
    position: relative;
}
#summary div dl dd .date-lst li .new::before {
    position: absolute;
    content: url(../images/new_spring.svg);
    left: -62px;
    top: -2px;
}
#summary div dl dd .date-lst li.date-end div {
    position: relative;
}
#summary div dl dd .date-lst li.date-end div::before {
    position: absolute;
    content: "";
    display: block;
    transform: rotate(0);
    background-color: #000;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
}
#summary div dl dd p.note{
    font-size: .875rem;
    margin-top: 8px;
}


@media screen and (max-width: 960px) {
    #summary .tsuika {
        margin-bottom: 0;
    }
    #summary div dl {
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: none;
    }
    #summary div dl dt {
        width: 100%;
        text-align: center;
        padding: 20px 0 2px 0;
        margin-bottom: 5px;
    }
    #summary div dl dd {
        width: 100%;
        text-align: center;
        padding: 10px 0 20px;
        border-bottom: none;
    }
    #summary div dl dd .date-lst li {
        flex-direction: column;
    }
    #summary div dl dd .date-lst li i {
        -webkit-transform:rotate(90deg);
                transform:rotate(90deg);
    }
    #summary div dl dt .date-lst li,
    #summary div dl dd .date-lst li {
        line-height: 1.3;
        margin-bottom: 20px;
    }
    #summary div dl dd .date-lst li .new::before {
        top: 0;
    }
    #summary div dl dd p.mb {
        line-height: 1.5;
        margin-bottom: 20px;
    }
    #summary div dl dd p.tal {
        text-align: left;
        line-height: 1.5;
    }
    #summary .tsuika .emphasis {
        font-size: 1.25rem;
        padding: 0.1em 0.4em 0.15em;
    }
    #summary div dl dd p.note{
        text-align: left;
        line-height: 1.5;
        text-indent: -1em;
        padding-left: 1em;
        margin-top: 2px;
    }
    #summary div dl dd .date-lst li.date-end div {
        position: relative;
    }
    #summary div dl dd .date-lst li.date-end div::before {
        position: absolute;
        content: "";
        display: block;
        transform: rotate(0);
        background-color: #000;
        width: 100%;
        height: 1px;
        top: 50%;
        left: 0;
    }




}


/* PROCESS
===============================================================*/
#process .box {
    position: relative;
    margin-bottom: 40px;
}
#process .box::after {
    content: " ";
    border-style: solid;
    border-color:  #FFF transparent transparent transparent;
    border-width: 30px ;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -59px;
    height: 0px;
    width: 0px;
    margin: 0 auto;
}
#process .box:last-child::after {
    border: none;
}
#process .step-set {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
#process .step-set .step-set-text {
    width: 400px;
    padding-left: 20px;
}
#process .step-set.no-image .step-set-text {
    width: 100%;
    padding-right: 20px;
    padding-bottom: 40px;
}
#process .step-set.s-image .step-set-text {
    width: 500px;
}
#process .step-set .step-set-text h3 {
    color: #D81D65;
    font-size: 1.875rem;
    font-family: 'Roboto', sans-serif !important;
    position: relative;
    padding-bottom: 2rem;
}
#process .step-set .step-set-text h3::after {
  content: "";
  background-image: linear-gradient(to right, #D81D65, #D81D65 5px, transparent 5px, transparent 5px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 60px;
}
#process .step-set .step-set-text p {
    font-size: 1.125rem;
}
#process .step-set .step-set-img {
    width: 400px;
}
#process .step-set.s-image .step-set-img {
    width: 300px;
}
#process .color-bg .box img.border {
    box-sizing: content-box;
    border: 1px solid #CCC;
}

@media screen and (max-width: 960px) {
    #process .box {
        padding: 20px 20px;
    }
    #process .step-set {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
            -ms-grid-row-align: center;
            align-items: center;
    }
    #process .step-set .step-set-text,
    #process .step-set.s-image .step-set-text {
        width: 100%;
        padding-left: 0;
        margin-bottom: 1rem;
    }
    #process .step-set.no-image .step-set-text {
        padding-right: 0;
        padding-bottom: 20px;
    }
    #process .step-set .step-set-text p {
        font-size: 1rem;
    }
    #process .step-set .step-set-text h3 {
        text-align: center;
        padding-bottom: .5em;
    }
    #process .step-set .step-set-text h3::after {
      margin-top: 55px;
    }
    #process .step-set .step-set-img {
        width: 100%;
        text-align: center;
    }
    #process .step-set .step-set-img img {
        width: 100%;
        max-width: 400px;
    }
}


/* NOTES
===============================================================*/
#notes div {
    margin: 80px 4%;
}
#notes div h2 {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 10px;
}
#notes div ul {
    max-width: 900px;
    margin: 20px auto 0;
    padding-left: 1rem;
}
#notes div ul li {
    font-size: .875rem;
    line-height: 1.5;
    text-indent: -1em;
    margin-bottom: .5em;
}
#notes div ul li:before {
  display: inline;
  content: "・";
}
#notes div ul.kome li:before {
  display: inline;
  content: "※";
}



/* CONTACT
===============================================================*/
#contact {
    background: #E0F2FF;
}
#contact div {
    padding: 80px 4%;
    text-align: center;
}
#contact div h2 {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 40px;
}
#contact h3 {
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1.5;
    width: 100%;
    max-width: 640px;
    margin: 0 auto 10px;
}
#contact ul {
    background: #FFF;
    border-radius: 10px;
    max-width: 640px;
    padding: 20px;
    margin: 0 auto 50px;
}
#contact ul li {
    margin-bottom: 20px;
}
#contact ul li:last-child {
    margin-bottom: 0;
}
#contact p a {
    color: #1C66DD;
    text-decoration: underline;
}
#contact p a:hover {
    text-decoration: none;
}
#contact p.kome {
    font-size: .875em;
    line-height: 1.5;
}

@media screen and (max-width: 959px) {
    #contact div {
        padding: 60px 4%;
        text-align: center;
    }
    #contact div h2 {
        font-size: 1.25em;
        margin-bottom: 30px;
    }
    #contact h3 {
        font-size: .875rem;
    }
    #contact ul {
        margin: 0 auto 30px;
    }
    #contact p {
        font-size: .875rem;
    }
    #contact p.kome {
        text-align: left;
        text-indent: -1em;
        padding-left: 1em;
    }
}


/* キャンペーン END
===============================================================*/
#end div {
    background: #0077CC;
    margin: 50px 4%;
    text-align: center;
}
#end div p {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: bold;
    padding: 1em;
}

@media screen and (max-width: 520px) {
    #end div {
        margin: 50px 4% 0;
    }
}