@charset "UTF-8";
@media screen and (min-width: 768px) {}
@media screen and (max-width: 767px) {}
/* =====================================
	全体設定
===================================== */
figure {
	margin: 0;
}

a {
	color:#333333;
	text-decoration:none;
}
/*
a:link {
	color:#753a9b;
	text-decoration:none;
}
a:visited {
	color:#753a9b;
	text-decoration:none;
}
*/
a:hover {
	color:#dda25f;
	text-decoration:none;
}
a:active {
	color:#dda25f;
	text-decoration:none;
}
body {
	margin: 0;
	height: 100%;
	font-family: 'Noto Sans Japanese', "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	background-color: #ffffff;
}


@media screen and (min-width: 768px) {
.dsp_pc {
	display: block;
}
.inl_pc {
	display: inline;
}
.dsp_sp {
	display: none;
}
.inl_sp {
	display: none;
}
#wrapper {
	position: relative;
	min-width: 1200px;
	margin: 0 auto;
	color: #333333;
	font-size: 16px;
	/*letter-spacing: 0.025em;*/
	line-height: 1.0;
	background: #f6e0b0;
}
* html #wrapper {
	height:100%;
}

}


@media screen and (max-width: 767px) {
	body {
		overflow-x: hidden;
	}
	#wrapper {
		position: relative;
		line-height: 1.0;
		font-size: calc(28/750*100vw);
		color:#333333;
		background: #f6e0b0;
	}
	
	#wrapper img {
		width: 100%;
		height: auto;		
	}
	
	.dsp_pc {
		display: none;
	}
	.inl_pc {
		display: none;
	}
	.dsp_sp {
		display: block;
	}
	.inl_sp {
		display: inline;
	}
	
	
}
/* =====================================
	header
===================================== */
@media screen and (min-width: 768px) {
#main {
	width: 100%;
	height: auto;
	background: #fff;
}
#mv {
	position: relative;
	width: 100%;
	height: auto;
	/*
	background: url(../images/mv_bg.jpg) center center no-repeat;
	background-size: cover;
	*/
}
#mv h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
#mv img.mv_bg {
	width: 100%!important;
	height: auto!important;
}


}

@media screen and (max-width: 767px) {
	#main {
		width: 100%;
		height: auto;
		background: #fff;
	}
	#main #mv {
		position: relative;
		width: 100%;
		height: auto;
		/*
		background: url(../images/mv_bg.jpg) center center no-repeat;
		background-size: cover;
		*/
	}
	#main #mv h1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		width: calc(550/750*100vw);
	}
	#main #mv img.mv_bg {
		width: 100%;
		height: auto;
	}
	

}

/* =====================================
	content
===================================== */

@media screen and (min-width: 768px) {
#contents {
	width: 1000px;
	margin: 0 auto 0;
	padding: 50px 0 25px;
}
.baloon {
	text-align: center;
	
}
.bnr li {
	margin-bottom: 45px;
	
}
.bnr li a.attention {
	display: block;
	margin: 15px 0 0 0;
	text-align: center;
	color:#ff0000;
	text-decoration: underline;
	font-size: 18px;
}
.bnr li a.attention:hover {
	color:#ff0000;
	text-decoration: underline;
}

p.dl {
	margin-bottom: 30px;
	text-align: center;
	font-size: 18px;
	line-height: 2.0;
	
}
p.dl a {
	text-decoration: underline;
	font-size: 16px;
}
p.dl a:hover {
	color:#777777;
	text-decoration: underline;
}
a.pdf {
	padding-right: 24px;
	background: url(../images/icon_pdf.png) right center no-repeat;	
	background-size: 24px auto;	
}

}

@media screen and (max-width: 767px) {
	#contents {
		padding: calc(50/750*100vw) calc(30/750*100vw) calc(70/750*100vw);
	}
	
	.bnr li {
		margin-bottom: calc(20/750*100vw);
		
	}
	.bnr li a.attention {
		display: block;
		margin: calc(10/750*100vw) 0 0 0;
		text-align: center;
		text-decoration: underline;
		font-size: calc(26/750*100vw);
		color:#ff0000;
		line-height: 1.5;
	}
	.bnr li a.attention:hover {
		color:#ff0000;
		text-decoration: underline;
	}
	p.dl {
		margin: calc(50/750*100vw) 0 calc(30/750*100vw);
		text-align: center;
		font-size: calc(26/750*100vw);
		line-height: 2.0;
		
	}
	p.dl a {
		text-decoration: underline;
		font-size: calc(20/750*100vw);
	}
	p.dl a:hover {
		color:#777777;
		text-decoration: underline;
	}
	a.pdf {
		padding-right: calc(26/750*100vw);
		background: url(../images/icon_pdf.png) right center no-repeat;	
		background-size: calc(26/750*100vw) auto;	
	}
}


/* =====================================
	footer
===================================== */
@media screen and (min-width: 768px) {

footer {
	position: relative;
	box-sizing: border-box;
	height: 166px;
	padding: 118px 0 0 0;
	text-align: center;
	background: url(../images/footer_bg.png) center top no-repeat;
}
.totop {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

}

@media screen and (max-width: 767px) {
	footer {
		position: relative;
		padding: calc(0/750*100vw) 0 calc(150/750*100vw);
		text-align: center;
		background: url(../images/footer_bg.png) center bottom no-repeat;
		background-size: calc(728/750*100vw) auto;
	}
	footer .logo_honshi {
		width: calc(430/750*100vw);
		margin: 0 auto;
	}
	
}