@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Muli|Raleway|Poppins|Roboto&display=swap');

/*

    font-family: 'Poppins', sans-serif;
    font-family: 'Muli', sans-serif;
    font-family: 'Roboto', sans-serif;
	font-family: 'Raleway', sans-serif;

*/

html {
  scroll-padding-top: 120px; /* 固定ヘッダの高さ分 */
}
body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size:15px;
	color:#252321
}

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

a:hover{
	color:#333;
	text-decoration:none;
}

img{
	max-width:100%;
}

.btn_b{
	max-width:400px;
	margin:15px auto;
	font-size:18px;
}

.btn_b a{
	display:block;
	padding:15px 0;
	color:#333;
	border:1px solid #333;
}

.btn_b a:hover{
	background:rgba(84, 84, 84, 0.8);
}
				

#wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}



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


}



/*
メインコンテンツ
---------------------------------------------------------------------------------*/


#main,
#footer-wrapper{
	width:100%;
	text-align:center;
}

#main{
	/* padding-top:92px; */
}

#comm_ttl{
	background:#B7B0AD;
	font-size:30px;
	margin-top:100px; 
	padding:45px 0;
	text-align:center;
  	font-family: 'Roboto', sans-serif;
	letter-spacing:2px;
}

.briefing_btn{
	background:#281E1D;
	border-radius:10px;
	text-align:center;
	letter-spacing:2px;
}

.briefing_btn a{
	display:block;
	color:#fff;
	padding:45px 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.briefing_btn a:hover{
	background:#4C4542;
	border-radius:10px;
}


@media only screen and (max-width: 945px) {  
#comm_ttl{
	margin-top:70px;
}
}









#copyright{
	color:#fff;
	font-size:12px;
	padding:35px 0 10px;
	text-align:center;
	letter-spacing:1px;
}



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



}



/*
共通
---------------------------------------------------------------------------------*/

/*-------- 自動挿入 ページTOPへ戻る ------*/

#page_top {
	position:fixed;
	bottom:2%;
	right: 2%;
	z-index:99999;
}

/*-------- スマホ非表示 ------*/
.sp{
	display:none !important;
}


@media only screen and (max-width: 789px) {  
	#page_top img{
		width:40px;
	}
	
}







.side_bottom{
	position:fixed;
	right:0;
	bottom:120px;
	z-index:999;
	text-align:right;
}

.side_bottom li{
	max-width:80px;
	display:block;
	margin-bottom:3px;
}