@charset "UTF-8";
/* -----------------------------------------------------------
   INTRO
------------------------------------------------------------*/
.Intro #leftBox h2{
	display:block;
	}
.Intro  .inner p{
	font-size:85%;
	line-height:200%;
	padding:0 8px;
	}
.Intro #leftBox .Img{
	height:0;
	overflow:hidden;
	background-image:url(../img/intro_image.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	padding-top:62.06%;
	}
.Intro #leftBox .btn{
	text-align:center;
	}
@media all and (min-width: 768px) {
.Intro #leftBox h1{
	background-image:url(../img/intro_ti.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
.Intro #leftBox h2{
	width:470px;
	height:0;
	overflow:hidden;
	background-image:url(../img/intro_text.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100%;
	padding-top:46.66%;
	margin:0 auto 30px;
	text-indent: 100%;
  	white-space: nowrap;
	}
.Intro #leftBox .Img{
	width:580px;
	margin-bottom:40px;
	}
}
@media all and (max-width: 767px) {

.Intro #leftBox h2{
	font-weight:normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:80%;
	line-height:200%;
	color:#502810;
	text-align:center;
	margin:0 auto 20px;
	text-align:center;
	}
.Intro #leftBox .Img{
	width:100%;
	margin-bottom:20px;
	}
}