@charset "utf-8";

.bottom-fixed-button {position: fixed;bottom: 0;width: 100%;height: 50px;padding-top: 8px;text-align: center;background: skyblue;border-top: 4px solid #fff;z-index: 999999;}
.bottom-fixed-button button {font-size: 24px;cursor: pointer;vertical-align: middle;background: none;border: none;color:#ffffff}
.bottom-fixed-button button:hover {opacity: 0.8;}

.register{text-align:center;}

.top-banner{overflow: hidden;display: inline-block;width: 100%;}
.top-banner div{float: left;width: 33.3%;text-align: center;}


/*---------------------------------------------------------------------------
ここから下は画面幅400px以下の追加指定
ハンバーガーメニューがコンテンツが少し重なってしまいますが、画面が狭いのでコンテンツが見える範囲を優先しました。
---------------------------------------------------------------------------*/
@media screen and (max-width:400px) {
.register a img{width:100%;margin-bottom:2rem;}
.top-banner img{width:80%;}
    
    
}





/*---------------------------------------------------------------------------
ここから下は画面幅600px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:600px) {
/*トップページのみ。２つ目メニューの右側に余白を作る。ロゴとの横並びのバランスをここで調整して下さい。*/
.home #header-menu ul li:nth-of-type(2) {
	margin-right: 0.6% !important;
}
.register a img{width:80%;margin-bottom:2rem;}
}





/*---------------------------------------------------------------------------
ここから下は画面幅900px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:900px) {
main {
	font-size: 20px;	/*基準となるフォントサイズの上書き*/
	padding:30px 0px;
}
.register a img{width:35%;margin-bottom:2rem;}
}