@charset "utf-8";
/*=============================================
 * #key
 *=============================================*/
#header {
	background: url(../img/index/h_bg.png) no-repeat top center/cover;
	height: 1135px;
}
#sec1 {
	margin-top: -30px;
	background: url(../img/index/sec1_bg1.png) no-repeat top center, url(../img/index/sec1_bg2.png) no-repeat top center;
	position: relative;
	padding-bottom: 40px;
}
#sec1 h2 {
	text-align: center;
}
#sec1 .deco1 {
	position: absolute;
	top: -135px;
	right: -192px;
	pointer-events: none;
}
#sec1 .deco2 {
	position: absolute;
	top: 130px;
	right: -198px;
	pointer-events: none;
}
#sec1 .deco3 {
	position: absolute;
	top: -68px;
	right: -109px;
	pointer-events: none;
}
#sec1 .photo {
	position: absolute;
	top: 130px;
	left: -210px;
}
#sec1 .deco4 {
	z-index: 1;
	position: absolute;
	top: 697px;
	left: -265px;
	pointer-events: none;
}
#sec1 .txt {
	padding: 28px 0 25px 293px;
	font-size: 15px;
	line-height: 32px;
	color: #4b4a4a;
	width: 740px;
	text-align: left;
}
#sec1 .btn {
	
	text-align: center;
}
#sec2 {
	background: url(../img/index/sec2_bg1.png) no-repeat top center, url(../img/index/sec2_bg.png) repeat-x top center;
	position: relative;
	min-height: 1443px;
}
#sec2 h2 {
	position:relative;
	z-index:1;
	text-align: center;
	padding-top: 39px;
}
#sec2 h3 {
z-index: 1;
position: absolute;
top: 378px;
right: 138px;
}
#sec2 .deco {
	position: absolute;
	top: 671px;
	left: -181px;
	pointer-events: none;
}
#sec2 .txt {
	position:relative;
	z-index:1;
	padding-left: 76px;
	padding-top: 40px;
	font-size: 15px;
	line-height: 30px;
	color: #4b4a4a;
	width: 508px;
	height: 445px;
}
#sec2 .txt p {
	position:relative;
	z-index:1;
	padding-left: 31px;
	float: right;
}
#sec2 .photo {
	top: 318px;
	right: -274px;
	position: absolute;
	z-index:0;
}
#sec2 .box {
	position:relative;
	z-index:1;
	padding-top: 83px;
	width: 420px;
}
#sec2 .box .txt1 {
	padding: 4px 0 0 32px;
	width: 310px;
}
#sec2 .box .drink {
	margin-left: -25px;
	margin-top: -14px;
}
#banner {
	background: url(../img/index/baner_bg_on.png) no-repeat top -89px center;
}
#banner h2 {
	padding: 44px 0 21px;
	text-align: center;
}
#banner .box {
	margin-left: -35px;
	padding-bottom: 60px;
}
#banner dl {
	width: 310px;
	padding-left: 35px;
	float: left;
}
#banner dl dd:last-child {
	padding-top: 20px;
}
#gmap {
	height: 460px;
	width: 100%;
}
#gmap iframe {
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
.oshirase {
	padding:14px; 
	width:1000px; 
	border:3px #000000 solid; 
	background-color:hsla(51,59%,93%,0.40); 
	margin:20px auto;
}
.oshirase h3 {
	 margin-bottom:10px; 
	border-bottom:2px #000000 dotted; 
	padding-bottom:5px;  
	text-align:center; 
	font-size:16px; 
	font-weight:bold; 
	color:#000000; 
	font-size: 20px;
	font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif'; 
	letter-spacing: 1px;
}
.oshirase p {
	 margin:10px 0; 
	padding-top: 20px; 
	line-height:1.4em;
	text-align: center;
}
/*20220502追記*/
.oshirase2 {
	padding:14px; 
	width:1000px; 
	border:3px #72ADB9 solid; 
	background-color:#fff; 
	margin:20px auto;
}

.oshirase2 p {
	 margin:10px 0; 
	padding-top: 20px; 
	line-height:1.8;
	font-size:18px;
	text-align: center;
}
.oshirase2 .ttl {
	 margin-bottom:10px; 
	border-bottom:2px #72ADB9 dotted; 
	padding-bottom:5px;
	padding-top: 0 !important; 
	text-align:center; 

	font-weight:bold; 
	color:#000000; 
	font-size: 120%;
	font-family:'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'serif'; 
	letter-spacing: 1px;
}