@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');


/*  base
----------------------------------------------------*/
html,body {
	height: 100%;
}
html {
	scroll-behavior: smooth;
}
body {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 2;
	-webkit-text-size-adjust: none;
	background: #fff;
	color: #1F5B63;
}
/* リンク設定 ----------*/
a {
	color: #1F5B63;
	text-decoration: none;
	transition: 0.3s;
}
a:hover {
	color:rgba(255,255,255,0.7);
}

/* ベース ----------*/
#wrapper{
	
}
main{
	width: 100%;
}
.container{
	padding:0 4%;
}
img{
	width: 100%;
}
.sp{ display:inherit; }
.pc{ display:none;}

/* header ----------*/
header{
	height: 350px;
	width: 100%;
	background: url("../images/mb_top_img.png") no-repeat center center;
	background-size: cover;
}
header h1{
	overflow: hidden;text-indent: 100%;white-space: nowrap;
}

/* メッセージ ----------*/
#message{
	padding: 40px 0 0px;
	text-align: center;
}
#message p{
	padding-bottom: 20px;
}

/* リンクボタン ----------*/
#link{
	padding: 20px 0 50px;
	text-align: center;
}
#link a{
	display: block;
	margin: 0 auto;
	width: 240px;height: 50px;
	background: url("../images/mb_bt_blog1.png") no-repeat center center;
	background-size: 240px auto;
	overflow: hidden;text-indent: 100%;white-space: nowrap;
}
#link a:hover{
	background: url("../images/mb_bt_blog2.png") no-repeat center center;
	background-size: 240px auto;
}
#link p{
	padding-bottom: 10px;
}

@media screen and (min-width: 769px){
	.sp{ display:none; }
	.pc{ display:inherit;}
	body {
		font-size: 18px;
	}
	header{
		height: 500px;
		background: url("../images/top_img.png") no-repeat center center;
		background-size: cover;
	}
	#link a{
		width: 300px;height: 60px;
		background: url("../images/bt_blog1.png") no-repeat center center;
		background-size: 300px auto;
	}
	#link a:hover{
		background: url("../images/bt_blog2.png") no-repeat center center;
		background-size: 300px auto;
	}

	
}