@charset "UTF-8";

/*--------------------------------------------------------------------------------
	common
--------------------------------------------------------------------------------*/

#seisaku, #aisatsu, #activity, #profile, #office, #mail {
    margin-top:-100px;
    padding-top:100px;
}

.ebox {
	margin-bottom: 20px;
	padding-top: 0;
	padding-bottom: 0;
}

/*--------------------------------------------------------------------------------
	topimage
--------------------------------------------------------------------------------*/

#topimage {
	z-index: 1;
	position: relative;
	top:-640px;
	background: #dbd6cd url(img/topimage.jpg) no-repeat bottom center;
	height:1440px;
	width:100%;
	-moz-border-radius: 1800px / 720px;
	-webkit-border-radius: 1800px / 720px;
	border-radius: 1800px / 720px;
	margin: 0 0 -600px;
}
#topimage .copy {
	position: relative;
	top: 837px;
	left: 0px;
}
#topimage .name {
	position: relative;
	top: 969px;
	left: 0px;
}


/*--------------------------------------------------------------------------------
	seisaku
--------------------------------------------------------------------------------*/

#seisaku {
	margin: 0 0 40px;
}
#seisaku .container {
	background:url(img/seisaku_bg.jpg) no-repeat top center;
	position:relative;
	height:710px;
}
#seisaku h1 {
	background: url(img/seisaku_ht.png) no-repeat left top;
	background-size: cover;
	width: 60px;
	height: 350px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#seisaku .read {
	width: 220px;
	height: 290px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#seisaku .circul {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/*--------------------------------------------------------------------------------
	oyakusoku
--------------------------------------------------------------------------------*/

#oyakusoku {
	background:#f5a100;
	margin-bottom:70px;
}
#oyakusoku h1 {
	text-align:center;
	margin-bottom:70px;
}
.sankaku{
	width: 0;
	height: 0;
	margin:0 0 -340px;
	border-top: 170px solid #fff;
	border-right: 470px solid transparent;
	border-bottom: 170px solid transparent;
	border-left: 470px solid transparent;
}
#oyakusoku ul {
	margin:0 0 40px 60px;
}
#oyakusoku li {
	font-size: 160%;
	margin-bottom:10px;
}

/*--------------------------------------------------------------------------------
	aisatsu
--------------------------------------------------------------------------------*/
#aisatsu {
	margin: 0 0 40px;
}
#aisatsu h1 {
	background: url(img/aisatsu_ht.png) no-repeat left top;
	background-size: cover;
	width: 60px;
	height: 291px;
	position: absolute;
	top: 0px;
	left: 0px;
}


/*--------------------------------------------------------------------------------
	activity
--------------------------------------------------------------------------------*/

#activity .innerBox {
	background:#f5a100;
	margin-bottom:70px;
	position: relative;
}
#activity h1 {
	text-align:center;
	margin-bottom:70px;
}

/*----------------------------------------
	slick-slide
----------------------------------------*/

#activity .slick-slide {
	position: relative;
	z-index: 1; 
	margin:0 0 40px;
}
#activity .slick-slider div {
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
#activity .slick-slider img {
	width:300px;
	border:5px #fff solid;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#activity .slick-slider p {
	margin-top:10px;
	font-size: 80%;
}

/*----------------------------------------
	photoBox
----------------------------------------*/
#activity #photoBox h1 {
	text-align:center;
	padding:3px;
	background:#fff;
	margin-bottom:0px;
}
#activity #photoBox h2 {
	text-align:center;
	padding:3px;
	background:#f9c766;
	margin-bottom:20px;
}





/*--------------------------------------------------------------------------------
	profile
--------------------------------------------------------------------------------*/
#profile {
	margin: 0 0 40px;
}
#profile h1 {
	background: url(img/profile_ht.png) no-repeat left top;
	background-size: cover;
	width: 60px;
	height: 130px;
	position: absolute;
	top: 0px;
	left: 0px;
}


/*--------------------------------------------------------------------------------
	office
--------------------------------------------------------------------------------*/
#office {
	margin: 0 0 40px;
	background:#ededed;
	padding:40px 0;
}

#office .container {
	background:#fff;
}
#office h1 {
	background:#f5a100;
	padding:20px;
	text-align:center;
}
#office .tel{
	font-size: 200%;
}
#office .add{
	padding:20px;
}
#office .map{
	line-height:0;
}
/*----------------------------------------
	googlemap
----------------------------------------*/

#map_canvas {
	width: 100%;
	height: 300px;
}
#map_canvas img { max-width: none; }

#googlemap {
  position: relative;
  width: 100%;
  height: 0; }

#googlemap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

@media screen and (max-width: 767px) {
  #googlemap { padding-top: 150%; /* 2:3 */ }
}
@media print, screen and (min-width: 768px) {
  #googlemap { padding-top: 300px; }
}


/*--------------------------------------------------------------------------------
	mail
--------------------------------------------------------------------------------*/
#mail .formBtn {
	margin-bottom:20px;
}
#mail .formBtn a:hover {
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	behavior: url(PIE.htc);
}
