@charset "utf-8";
/*ごあいさつ-greeting*/

#section01 {
	margin-bottom:40px;
}

#section01 .cf .imgL {
	float: left;
	width: 21.86%;
}
#section01 .cf .txtR {
	float: right;
	width: 77%;
}
#section01 .cf .txtR .ttl01 {
	background-color: #f4ebe2;
	height: 50px;
	padding-top: 30px;
	padding-left: 20px;
	margin-bottom:20px;
}
#section01 .cf .txtR .txt01 {
	font-size: 86.66%;
	letter-spacing: 3px;
	text-align: right;
	margin-bottom: 20px;
}
#section01 .cf .txtR .txt01 span {
	font-size: 123.07%;
}
#section01 .ttl02 {
	background-color: #f4ebe2;
	height: 30px;
	margin-bottom: 10px;
	padding-top: 10px;
}
#section01 .ttl02 img {
	display:block;
	margin:auto;
}

#section01 .txtBox01 {
	width: 405px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#section02 #sasakino,#section02 #minamiyanome,#section02 #shinwa {
	font-size: 133.33%;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ed5f55;
	font-weight: bold;
}

.sec #section02 .contentsBox01 .contentsBox03 {
	width: 100%;
	float:left;
}


.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .txtL {
	float: left;
	padding-top: 10px;
	width: 300px;
}
.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .imgR {
	margin-left: 310px;
}
.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .imgR img {
	float: right;
	width:100%;
	max-width:256px;
}


.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .txtL2 {
	float: left;
	padding-top: 10px;
	width: 240px;
}
.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .imgR2 {
	margin-left: 250px;
}
#section02 .contentsBox01 .cf .imgR2_sp{
	display:none;
}

.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .imgR2 img {
	float: right;
	width:100%;
	max-width:500px;
}



#section02 .contentsBox01{
	margin-bottom:30px;
}
#section02 .contentsBox01 ul {
	font-size:0;
}
#section02 .contentsBox01 .contentsBox02 li{
	width: 32%;
	margin-right: 0.65%;
	margin-left: 0.65%;
	margin-bottom: 10px;
	display: inline-block;
  font-size: 15px;
  vertical-align: top;
	height:auto;
}
#section02 .contentsBox01 .contentsBox02 li:nth-child(odd) {
	background-color: #fbdfdd;
	border-radius: 10px;
}
#section02 .contentsBox01 .contentsBox02 li:nth-child(even) {
	background-color: #fdefee;
	border-radius: 10px;
}

#section02 .contentsBox01 .contentsBox02 li img {
	width: 100%;
	display:block;
}
#section02 .contentsBox01 .cf.mb20 .txtL span {
	color: #cc0023;
}

.ggmap {
position: relative;
padding-bottom: 35%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



@media only screen and (max-width:640px) {
#section01 .cf .imgL {
	display:none;
}
#section01 .cf .txtR {
	float: none;
	width: 100%;
}

#section01 .cf .txtR .ttl01 {
	background-color: #f4ebe2;
	height: 30px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left:0px;
}


#section01 .cf .txtR .ttl01 img {
	display:block;
	margin:auto;
}

#section01 .txtBox01 {
	width:100%;
	margin: 0 auto 20px;
}




.sec #section02 .contentsBox01 .contentsBox03 {
	width: 100%;
	float:none;
}


.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .txtL {
	float:none;
	padding-top: 10px;
	width: 100%;
}

.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .imgR {
	margin-left: 0;
}
.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .imgR img {
	float: none;
	width:100%;
	max-width:initial; /* 初期状態にリセット */
}


.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .txtL2 {
	float: none;
	padding-top: 10px;
	width: 100%;
}
.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .imgR2{
	display:none;
}

.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .imgR2_sp{
	max-width:initial; /* 初期状態にリセット */
	display:block;
	width:100%;
}
.sec #section02 .contentsBox01 .cf.mb20 .contentsBox03 .imgR2_sp img{
width:100%;
}


#section02 .contentsBox01 .contentsBox02 li {
	width: 48%;
	margin:0 1% 10px;
}

.sec #section01 .ta-c.mb30 .spNone {
	display: none;
}

}
.sec #section01 .txtBox01 li {
	padding-left: 2em;
	text-indent: -2em;
}

.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 0 20px 0;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}