@charset "utf-8";
/*
Theme Name: P2
Author: wp.theme.builder.01
*/
/* ---------- サイト幅 min-width: 104rem---------- */
@media only screen and (min-width: 769px)   {
    body    {
        min-width: 104rem;
    }
    #main   {
        min-height: calc( 768px - 400px );/* タブレットランドスケープ時vh100確保 */
    }
    #header-wrap, #header-logo-wrap .inner, .site-header .home-link, #header-image, .banner-text, #site-navigation, #location .inner, blog-title .inner, .site-main-no-sidebar .inner, #bottom-banner .inner, .site-info-container, .site-info, .site-main.main-has-sidebar, .article-wrap, .archive .parent-cat-event .article-text .entry-content, #skippr .slider-text, .content-title-container .inner, .site-width .inner  {
        width: 104rem;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 1040px)  {
    #page-top {
        right: calc( 50% + 2rem - 104rem / 2 );
    }
}
/* ---------- サイト幅 スクロールバー17px 場所によりwidth: 100%
@media only screen and (min-width: 769px) and (max-width: 1177px)   {
    body    {
        width: 100%;
    }
    #header-wrap, #header-logo-wrap .inner, .site-header .home-link, #header-image, .banner-text, #site-navigation, #location .inner, blog-title .inner, .site-main-no-sidebar .inner, #bottom-banner .inner, .site-info-container, .site-info, .site-main.main-has-sidebar, .article-wrap, .archive .parent-cat-event .article-text .entry-content, #skippr .slider-text, .content-title-container .inner, .site-width .inner  {
        width: 1024px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 1177px)  {
    body    {
        min-width: 116rem;
    }
    #header-wrap, #header-logo-wrap .inner, .site-header .home-link, #header-image, .banner-text, #site-navigation, #location .inner, blog-title .inner, .site-main-no-sidebar .inner, #bottom-banner .inner, .site-info-container, .site-info, .site-main.main-has-sidebar, .article-wrap, .archive .parent-cat-event .article-text .entry-content, #skippr .slider-text, .content-title-container .inner, .site-width .inner  {
        width: 116rem;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 1177px)  {
    #page-top {
        right: calc( 50% + 2rem - 116rem / 2 );
    }
}
 ---------- */

/* ---------- メタ情報 非表示 ---------- */
.en, .author, .date-updated {
    display: none;
}
.common-name    {
    font-weight: bold;
}
/* ---------- フォント ---------- */
body, #location .page-title {
    font-family: "Rounded Mplus 1c" , "Roboto" , "Century Gothic" , "Avenir" , "Open Sans" , "Helvetica Neue" , "Helvetica" , "Arial" , "Verdana" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Hiragino Kaku Gothic ProN" , "Meiryo UI" , "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック" , "MS PGothic" , "sans-serif";
    font-weight: 500;
}
#blogloop .archive-title    {
    font-family: 'Rochester' , cursive , "Rounded Mplus 1c" , "Roboto" , "Century Gothic" , "Avenir" , "Open Sans" , "Helvetica Neue" , "Helvetica" , "Arial" , "Verdana" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Hiragino Kaku Gothic ProN" , "Meiryo UI" , "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック" , "MS PGothic" , "sans-serif";
}
#site-navigation a, .bordered-block a   {
/* 
    font-family: 'Rochester' , "Rounded Mplus 1c" , "Roboto" , "Century Gothic" , "Avenir" , "Open Sans" , "Helvetica Neue" , "Helvetica" , "Arial" , "Verdana" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Hiragino Kaku Gothic ProN" , "Meiryo UI" , "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック" , "MS PGothic" , "sans-serif";
 */
    font-family: 'Oswald' , "Rounded Mplus 1c" , "Roboto" , "Century Gothic" , "Avenir" , "Open Sans" , "Helvetica Neue" , "Helvetica" , "Arial" , "Verdana" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Hiragino Kaku Gothic ProN" , "Meiryo UI" , "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック" , "MS PGothic" , "sans-serif";
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.6);
}
#site-navigation .nav-menu a    {
    font-size: 2rem;    
}
/* ---------- ヘッダー ---------- */
.no-news .menu-news {
    display: none;
}
.banner-absolute:before {
    content: none;
}
.banner-absolute .banner-image:before, .banner-absolute.banner-builtin-slider .slider-container:before {
    padding-top: 42.5%;
}
.banner .main_cat .st {
    font-size: 2em;
    text-align: center;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    letter-spacing: .06em;
}
.banner .main_cat .st span {
    font-size: 2em;
    letter-spacing: .1em;
}
.banner .main_cat .st span:nth-child(1) {
    color: #f39a50;
}
.banner .main_cat .st span:nth-child(2) {
    color: #84bde8;
}
.banner .main_cat .st span:nth-child(3) {
    color: #a9cf52;
}
.banner .main_cat .st span:nth-child(4) {
    color: #d1b246;
}
.banner .main_cat .sst {
    margin-top: 12px;
    font-size: 1.8em;
    text-align: center;
    text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
    letter-spacing: .06em;
}
.banner .main_cat ul {
    margin-top: 20px;
    letter-spacing: -.6em;
}
.banner .main_cat ul li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: calc(96% / 3);
}
.banner .main_cat ul li + li {
    margin-left: 2%;
}
.banner .figure{
    position: absolute;
    bottom: 0;
    right: -700px;
    left: 0;
    width: 34%;
    margin: auto;
}
@media only screen and (max-width: 768px)   {
    #site-navigation-s .menu-toggle, #site-navigation-s #hamburger-nav-toggle   {
        background-color: #EAB9B9;
    }
    #header-logo-s  {
        display: flex;
        align-items: center;
    }
    #header-logo-s p {
        display: inline-block;
    }
    #header-logo-s img  {
        max-height: 37px;
    }
    #header-logo-s .common-name {
        font-weight: normal;
        margin-left: 5px;
    }
    #banner {
    	padding: 3em 1em 0;
    }
    .banner .main_cat .st {
    	font-size: 1.3em;
    	letter-spacing: .02em;
    	line-height: 1.6;
    }
    .banner .main_cat .st span {
    	font-size: 1.6em
    }
    .banner .main_cat .sst {
    	font-size: 1.5em
    }
    .banner .figure {
    	position: relative;
    	width: 140px;
    	margin: auto;
    }
}
@media only screen and (min-width: 769px)   {
    #header-logo-wrap .inner    {
        padding: 1rem 1rem 0;
        padding-bottom: 0;
    }
    #header-logo    {
        font-size: 1.4rem;
        color: #444;
    }
    #navigation-logo .common-name   {
        font-size: 1.7rem;
        font-weight: normal;
        line-height: 1;
        margin-left: 1rem;
    }
    #navigation-logo .common-name img   {
        max-height: 4rem;
    }
    #site-navigation    {
        padding: 0 1rem 2rem;
    }
    #navigation-logo    {
        width: 42rem;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .menu-main-container    {
        width: 56rem;
    }
    #site-navigation ul.nav-menu    {
        justify-content: space-between;
    }
    #site-navigation ul.nav-menu > li   {
        border: none;
    }
    #site-navigation.hide-submenu ul.nav-menu li a  {
        padding: 0 1rem;
    }
/* ---------- 
    #site-navigation.hide-submenu ul.nav-menu > li > a  {
        font-weight: bold;
    }
    #site-navigation.hide-submenu ul.nav-menu > li > a span {
        font-weight: normal;
    }
 ---------- */
    #site-navigation ul.nav-menu > li > a   {
        border-bottom: solid 2px #FFF;
    }
    #site-navigation ul.nav-menu .current_page_item > a, #site-navigation ul.nav-menu .current_page_ancestor > a, #site-navigation ul.nav-menu .current-menu-item > a, #site-navigation ul.nav-menu .current-menu-ancestor > a, #site-navigation ul.nav-menu li a:hover {
        background: none;
        border-bottom: solid 2px #DCA232;
    }
    #navigation-logo .header-waon-logo  {
        max-width: 22rem;
    }
    #navigation-logo .common-name   {
        max-width: 20rem;
    }
    .banner, .banner .banner-image  {
        height: auto;
        padding-top: 54%;
        background-size: cover;
        /*background-position: center;*/
    }
    .banner .main_cat {
        position: absolute;
        top: 16%;
        left: -420px;
        right: 0;
        width: 620px;
        margin: auto;
    }
}
@media only screen and (min-width: 1200px) {
    .banner, .banner .banner-image {
        padding-top: 680px;
    }
    .banner .figure {
        width: 460px;
    }
}
/* ---------- コンテンツ ---------- */
.site-main {
    margin-top: 0;
}
.bg-white   {
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.75);
}
.btn-l a    {
    font-weight: bold;
    color: #000;
    background-color: #E9B8B8;
    border: solid 2px #000;
}
.btn-l a:hover  {
    color: #000;
    background-color: #eb7b92;
    border: solid 2px #000;
}
.page-title-container   {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-image: url( https://workout-fc.jp/gokouekimae/wp-content/uploads/2019/02/bg-content-front-01-1.png );
}
.page #content, #optionblock0, .no-content.have-title + .site-content {
    margin-top: 4rem;
}
.page-title-container *, .page-title-container a *  {
    color: #FFF;
}
.page-title-container .en   {
    font-size: 4.8rem;
    line-height: 1;
    display: block;
}
.page-title-container .jp   {
    font-size: 1.8rem;
    font-weight: normal;
}
.page h2    {
    color: #EB748C;
}
.home.page h2   {
    color: #000;
}
.has-bg table th    {
    background-color: rgba(238, 238, 238, 0.9);
}
.has-bg table td    {
    background-color: rgba(255, 255, 255, 0.9);
}
@media only screen and (min-width: 769px)   {
    .has-bg table th, .has-bg table td  {
        border: solid 1px #FFF;
    }
}
/* ---------- トップ ---------- */
.home .page-title-container {
    display: none;
}
.home #content  {
    color: #FFF;
    /*background-image: url( images/bg-content-front-01.png );*/
    background: #fffc9c;
}
.home #content  {
    overflow: visible;
    padding-top: 4rem;
    padding-bottom: 2rem;
    margin-top: 8rem;
}
.home #content .entry-content   {
    text-align: center;
    margin-top: -16rem;
}
.home #content #main-content    {
    margin-top: 2rem;
    display: none;
}
.home #cptloop1 {
    padding: 2rem 0 1rem;
    margin-top: 0;
    background-image: url( images/bg-news.png );
}
.home #cptloop1 .loop-title, #optionblock-top-access .optionblock-before    {
    text-align: center;
}
.survice_title .en,.home #cptloop1 .loop-title .en {
    display: block;
}
.survice_title .en,.survice_title .jp {
    display: block;
    text-align: center;
}
.survice_title .en,.home #cptloop1 .loop-title .en, #optionblock-top-access .optionblock-before h2 {
    font-size: 6.4rem;
    line-height:1;
}
#optionblock-top-service {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-top: 0;
    background-size: cover;
    background-position: right center;
}

.optionblock-before .sst {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 42px;
}
.optionblock-before .st {
    max-width: 600px;
    margin: auto;
    margin-top: 14px;
    text-align: center;
}
.optionblock-before .st a {
    font-size: 1.4em;
    background: #fff;
    display: block;
    margin: auto;
    padding: .4em 2em;
    color: #ff9800;
    border: 3px solid #ff9800;
    position: relative;
    transition: all 300ms ease;
}
/*.optionblock-before .st a:before {
    content: '';
    position: absolute;
    top: 4%;
    left: 1%;
    display: block;
    width: 98%;
    height: 86%;
    border: 1px solid #ff9800;
    transition: all 300ms ease;
}*/
/*.optionblock-before .st a:hover:before {
    border: 1px solid #fff;
}*/
.optionblock-before .st a i {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    right: 1em;
    transition: all 300ms ease;
}
.optionblock-before .st a:hover {
    background: #ff9800;
    color: #fff;
}
.optionblock-before .st a:hover i {
    right: .6em;
}
.box_survice {
    letter-spacing: -.6em;
}
.box_survice li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 32%;
    list-style: none;
    margin: 0;

}
.flex-c1.flex-dir-col-r #main-additional-content p img {
    width: 600px;
}

.flex-c1.flex-dir-col-r #main-additional-content p span {
    font-size: 2.2em;
    font-weight: bold;
    color: #000;
    display: block;
    margin-top: 24px;
    line-height: 1.4;
}
.flex-c1.flex-dir-col-r #main-additional-content p span b {
    color: #E17C48
}
.flex-c1.flex-dir-col-r #main-additional-content p span i {
    font-style: normal;
}
.flex-c1.flex-dir-col-r #main-additional-content p span i:nth-child(3) {
    color: #f39a50
}
.flex-c1.flex-dir-col-r #main-additional-content p span i:nth-child(4) {
    color: #84bde8
}
.flex-c1.flex-dir-col-r #main-additional-content p span i:nth-child(5) {
    color: #a9cf52
}
.flex-c1.flex-dir-col-r #main-additional-content p span i:nth-child(6) {
    color: #d1b246
}
#optionblock-top-access.has-bg {
    background-image: url(https://formula-wsc.com/workout/wp-content/uploads/2021/04/bg_mv_2.jpg)!important;
}
.box_survice li + li {
    margin: 0 0 0 2%;
}
.box_survice + .sst {
    margin-top: 68px;
}
#optionblock-top-service {
    background-image: !important;
    background: #ffecd0!important;
}
.box_money {
    padding: 2em;
    display: block;
    display: flex;
    background: #fff;
    /*padding: 100px 50px;*/
    /*background: #ccc;*/
}
.box_money .wrp_money {
    width: 60%;
}
.box_money .wrp_money + .wrp_money {
    width: 37%;
    margin-left: 3%;
}
.box_money .wrp_money .txt_st {
    display: block;
    text-align: center;
    padding: .2em 1em;
    font-size: 20px;
    border-radius: 20px;
    color: #fff;
    background: #e99651;
}
.box_money .wrp_money table tr td {
    text-align: center;
    vertical-align: middle;
    font-size: 18px;
    display: table-cell;
    border: 1px solid #ccc;
}
.box_money .wrp_money table tr:first-child td {
    font-weight: bold;
}
.box_money .wrp_money ul {
    margin-top: 10px;
    padding-left: 1em
}
.box_money .wrp_money ul li {
    font-size: 18px;
}
.box_money .wrp_money ul + .txt_st {
    margin-top: 26px;
}
.top-access-multiple .optionblock-main  {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 1rem;
    margin-top: 2rem;
}
.top-access-multiple .optionblock-main > h1 {
    color: #DCA232;
    text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.5);
}
.top-access-multiple .optionblock-main-child    {
    background-color: rgba(255, 255, 255, 1);
}
.top-access-multiple .optionblock-main-child table th   {
    background-color: rgba(238, 238, 238, 0.75);
}
.top-access-multiple .optionblock-main-child table td   {
    background-color: rgba(238, 238, 238, 0.5);
}
.top-access-multiple .optionblock-main-child table td.access-pr {
    background-color: #FFF;
}
.view_sp {
	display: none;
}
@media only screen and (max-width: 768px)   {
    .home #content #main-additional-content img {
        max-width: 80%;
    }
    .top-access-multiple .optionblock-main-child table td   {
        background-color: rgba(238, 238, 238, 0.25)
    }
    .flex-c1.flex-dir-col-r #main-additional-content p span {
    	font-size: 1.4em;
    }
    #optionblock-top-service {
    	padding-top: 4em;
    	padding-bottom: 4em;
    }
    .survice_title .en, .home #cptloop1 .loop-title .en, #optionblock-top-access .optionblock-before h2 {
    	font-size: 2.8em;
    }
    .box_survice li {
    	width: 100%;
    }
    .box_survice li + li {
    	margin-left: 0;
    	margin-top: 1.5em;
    }
    .box_money {
    	display: block;
    	padding: 1em;
    }
    .box_money .wrp_money {
    	width: 100%;
    }
    .box_money .wrp_money + .wrp_money {
    	width: 100%;
    	margin: 0;
    	margin-top: 1em;
    }
    .box_money .wrp_money .txt_st {
    	font-size: 1.2em;
    }
    .box_money .wrp_money table tr td {
    	font-size: .9em;
    	padding: .9rem;
    }
    .box_money .wrp_money ul li {
    	font-size: 1.1em;
    }
    .box_survice + .sst {
    	text-align: center;
    }
    .box_survice + .sst span {
    	display: block;
    	width: 80%;
    	font-weight: normal;
    	font-size: .7em;
    	background: #8a8a8a;
    	color: #fff;
    	margin: .6em auto;
    	padding: .2em 1em;
    	border-radius: 20px;
    }
    .view_sp {
    	display: inline;
    }
}
@media only screen and (min-width: 769px)   {
    .home #content  {
        padding-top: 1rem;
        padding-bottom: 6rem;
        margin-top: 15rem;
    }
    .home #content .entry-content   {
        margin-top: -16rem;
    }
    .home #content #main-content    {
        margin-top: 4rem;
        display: none;
    }
    #optionblock-top-service    {
        padding: 80px;
        background-position: center;    
    }
    #optionblock-top-service .optionblock-before .inner .bg-white   {
        width: 52%;
        padding: 4rem;
    }
    .home #cptloop1 {
        margin-top: 8rem;
        padding: 4rem;
    }
    #optionblock-top-access.has-bg  {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .top-access-multiple .optionblock-main  {
        padding: 2rem;
    }
}
/* ---------- SNS ---------- */
@media only screen and (min-width: 769px)   {
    #optionblock-top-sns .inner {
        display: flex;
        justify-content: space-around;
        justify-content: space-evenly;
    }
    #optionblock-top-sns.sns-style-1 .inner {
        display: block;
    }
    #optionblock-top-sns.sns-style-3 .inner {
        justify-content: space-between;
    }
    #optionblock-top-sns .inner .optionblock-main   {
        width: 32%;
    }
    #optionblock-top-sns.sns-style-2 .inner {
        justify-content: space-between;
    }
    #optionblock-top-sns.sns-style-2 .inner .sns-instagram  {
        width: 66%;
    }
    #optionblock-top-sns.sns-style-1 .inner .sns-instagram  {
        width: 100%;
    }
}
/* ---------- サービス ---------- */
.pageslug-service #optionblock1 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    background-color: #EAB9B9;
}
.bg-circle-peach    {
    padding: 0;
}
.bg-circle-peach .optionblock-main-child-inner  {
    align-items: center;
    background: url( images/bg-peach-circle.png );
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.bg-circle-peach .optionblock-main-child-inner .optionblock-main-content    {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8rem;
}
.bg-circle-peach .optionblock-main-child-inner ul li    {
    margin: 0 0 0.5rem;
    line-height: 1;
}
.site-main .service-multiple .optionblock-main-container    {
    margin-top: 1rem;
}
.site-main .service-multiple .optionblock-main-container + .optionblock-main-container  {
    margin-top: 2rem;
}
.service-multiple .optionblock-main {
    margin-top: 1rem;
}
.service-multiple-after {
    font-weight: bold;
    text-align: center;
    margin-top: 2rem;
}
.service-multiple-after p   {
    font-size: 1.6rem;
    font-weight: bold;
}
.service-multiple-after ul  {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service-multiple-after ul li   {
    width: 6rem;
    height: 6rem;
    margin: 0 0 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.service-multiple-after ul li:first-of-type {
    margin-left: 0;
}
@media only screen and (max-width: 768px)   {
    .service-multiple-base-name {
        text-align: center;
    }
    .service-multiple-after {
        padding-top: 1rem;
        padding-bottom: 1rem;
        background-color: #e9b8b8;
    }   
    .service-multiple-after ul li   {
        background-color: #FFF;
    }
}
@media only screen and (min-width: 769px)   {
    .site-main .service-multiple .optionblock-main-container    {
        margin-top: 2rem;
    }
    .site-main .service-multiple .optionblock-main-container + .optionblock-main-container  {
        margin-top: 4rem;
    }
    .service-multiple-after p   {
        font-size: 2rem;
    }
    .service-multiple-after ul li   {
        width: 6rem;
        height: 6rem;
        margin: 0 0 0 2rem;
        background-color: #e9b8b8;
    }
}
/* ---------- 施設の写真 ---------- */
#optionblock-photo  {
    margin-bottom: 6rem;
}
#optionblock-photo .facility-image  {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#optionblock-photo .facility-image:before   {
    content: '';
    display: block;
    padding-top: 75%;
}
#optionblock-photo .optionblock-before + .optionblock-main-container    {
    margin-top: 1rem;
}
@media only screen and (min-width: 769px)   {
    #optionblock-photo > div:first-child    {
    margin-top: 2rem;
}

}
/* ---------- Faq ---------- */
.post-type-desc {

}
.post-type-archive-faq .loop-container article .date    {
    display: none;
}
.post-type-archive-faq .loop-container article .post-title  {
    color: #982935;
    margin-bottom: 1rem;
}
.post-type-archive-faq .loop-container article .post-title:before   {
    content: "Q. ";
    font-weight: bold;
}
.post-type-archive-faq .loop-container article .entry-body p    {
    font-size: 1.6rem;
    color: #366894;
}
.post-type-archive-faq .loop-container article .entry-body p:first-of-type:before   {
    content: "A. ";
    font-weight: bold;
}
#site-navigation ul.nav-menu > li#menu-item-943 a {
	border: none!important;
}
/* ---------- フッター ---------- */
.site-footer    {
    border-bottom: solid 1rem #DCA232;
}
#footer-logo    {
    text-align: center;
    margin: 2rem 0 0;
}
@media only screen and (min-width: 769px)   {
    #page-top   {
        bottom: 2rem;
    }
    #page-top img   {
        width: auto;
    }
}