@charset "UTF-8";
/* CSS Document */

html {
    /*scroll-padding-top: 600px;*/
}
h1 {
    font-family: 'Noto Serif', 'Shippori Mincho', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}


/*----------------------------------------------------------------
    Header menu
----------------------------------------------------------------*/

header {
    background-color: #36563c;
}
.no-parallax header {
    background-color: #36563c !important;
}
header.transparent {
    background-color: #0E0E0E /*transparent*/;
	opacity: 0.8;
}
header.fixed-header {
    background-color: #36563c /*transparent*/;
	opacity: 1;
}


/*----------------------------------------------------------------
    Intro
----------------------------------------------------------------*/

#intro-wrap {
    background-color: #36563c;
}


/*----------------------------------------------------------------
    Share Buttons
----------------------------------------------------------------*/
.sharebuttons {
    background-color: #36563c;
}


/*----------------------------------------------------------------
    Footer
----------------------------------------------------------------*/

footer {
    background-color: #36563c;
}

/*----------------------------------------------------------------
    グローバルナビゲーション 2025年9月版
----------------------------------------------------------------*/

        /* 全体のスタイル */
        .global-nav {
            background-color: #36563c;
        }

        /* ハンバーガーメニューに格納されるメニュー */
        .main-menu {
            background-color: #36563c;
        }

        /* PC/タブレット表示（768px以上） */
        @media (min-width: 768px) {
            /* PCでのハンバーガーメニューレイアウト */
            .main-menu {
                background-color: #36563c;
            }
        }


/*----------------------------------------------------------------
    640px Breakpoint
----------------------------------------------------------------*/

@media handheld, only screen and (max-width:40em) {
	
	html {
    	scroll-padding-top: 100px;
	}
	#fee2025 p {
        font-size: 1.5em;
   }

}


/*----------------------------------------------------------------
    768px Breakpoint
----------------------------------------------------------------*/

@media handheld, only screen and (max-width:48em) {
	
	html {
    	scroll-padding-top: 100px;
	}
    header {
        background-color: #36563c !important;
	}
    nav {
        background-color: #36563c !important;
    }
	#fee2025 p {
        font-size: 1.5em;
   }
	
}

/*----------------------------------------------------------------
    320px Breakpoint - Fix some mockups
----------------------------------------------------------------*/

@media handheld, only screen and (min-width:20em) and (max-width:20em) {

   #fee2025 p {
   }
	
}