@charset "utf-8";
/* CSS Document */
/* ▼はテンプレート部分 */
/* 
------------------------------
リセットCSS
------------------------------
*/
html{
font-size: 62.5%;/* ルートのフォントサイズ10px */
} 
body{
font-size:14px;
font-size:1.4em;/* 14px*/
line-height:1.5;
}
body{
width:100%;
margin:0;
padding:0;
letter-spacing:0.05em;
color:#999;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
/*スマホで勝手に文字が大きくなる対策*/
-webkit-text-size-adjust: 100%; 
} 
body img{border:0;}
/* ウィンドウサイズに合わせて画像サイズを自動で伸縮させる */
img,iframe{
max-width:100%;
height:auto;
}
/* ウィンドウサイズに合わせて画像サイズを自動で伸縮させる */
ul,ol{
list-style:none;
margin:0;
padding:0;
}





p{
margin: 0 2% 2% 2%;
padding:0;
line-height: 1.5em
}

p.indent{
padding-left:1em;
text-indent:-1em;
}
/*リンク画像透明*/
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha(opacity=70 )";
background:#FFF;
}

/*リンク画像透明*/
/*リンク下線有り*/
a{text-decoration:underline;}
/*リンク下線有り*/
/*リンク色*/
a:link{color:#0033cc;/*デフォルト*/}
/*リンク色*/
/*リンクhover時下線*/
a:hover{text-decoration:none !important;} 
/*リンクhover時下線*/
/* ---ClearFix--- */ 
.clearfix:after{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden; 
} 
.clearfix{
display: inline-block;
} 
/* Hides from IE Mac \*/ 
* html .clearfix{
height: 1px; 
} 
.clearfix{
  display: block;
} 
/* ---ClearFix--- */
/*float解除*/
.clear{
clear:both;
font-size: 1.0rem;
line-height: 0;
}  
/*float解除*/
.bold{font-weight:bold;}
.red{color:#F00;}
.blue{color:#00F;}
.green{color:#0C0;}
.yellow{color:#FF0;}
.underline{text-decoration: underline;}
/*width*/
.width-98{
width: 98% !important;
margin: auto;
}
.width-96{
width: 96% !important;
margin: auto;
}
.width-95{
width: 95% !important;
margin: auto;
}
.width-94{
width: 94% !important;
margin: auto;
}
.width-92{
width: 92% !important;
margin: auto;
}
.width-90{
width: 90% !important;
margin: auto;
}
.width-88{
width: 88% !important;
margin: auto;
}
.width-85{
width: 85% !important;
margin: auto;
}
.width-84{
width: 84% !important;
margin: auto;
}
.width-80{
width: 80% !important;
margin: auto;
}
/*width*/

/*下margin*/
.margin-bottom1{
margin-bottom:1% !important;
}
.margin-bottom2{
margin-bottom:2% !important;
}
.margin-bottom3{
margin-bottom:3% !important;
}
.margin-bottom4{
margin-bottom:4% !important;
}
.margin-bottom5{
margin-bottom:5% !important;
}
/*下margin*/
/*上margin*/
.margin-top-1{
margin-top:-1% !important;
}
.margin-top-2{
margin-top:-2% !important;
}
.margin-top-3{
margin-top:-3% !important;
}
.margin-top-4{
margin-top:-4% !important;
}
/*上margin*/
/* 
------------------------------

リセットCSS

------------------------------
*/


/* ▼ヘッダー▼ */
h1{
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 1.0rem;
}
/* ▲ヘッダー▲ */


/* ▼メインコンテンツ▼ */
main{
clear: both;
width: 95%;
margin: 0 auto 10% auto;
padding: 0;
}

/* ▼h2▼ */
h2{
background-color: #FFCCFF;
margin: 2% 0 2% 0;
padding: 2% 2% 2% 2%;
font-size: 1.4rem;
line-height: 1.0em;
text-align: left;
color: #FFF;
}
/* ▲h2▲ */

#blogo{	
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0;
}
#blogo p{	
	width: 80%;
	margin: 0 auto 0 auto;
	padding: 0;
}
#blogo address{	
	width: 80%;
	margin: 0 0 0 20%;
	padding: 0;
	font-style: normal;
}

#binailmap{
	position: relative;
	width: 90%;
	margin: 0 auto 2% auto;
	padding-top: 60%;
}
#binailmap iframe{
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
}

ul#insta1{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 5% 0;
	padding: 0;
}
ul#insta1 li{
  width: 50%;
  margin: 0;
	padding: 0;
  text-align: center;
}

#history {
  background: #FDFDFD;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
  width: 92%;
  margin: 0 auto 4% auto;
  padding: 0 0 2% 0;
}
#history-title {
  margin: 0 0 3% 0;
  font-size: 1.5rem;
  background: #FFCCFF;
  padding: 4px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#history p {
  margin: 10px 20px 10px 20px;
  padding: 0;
}
#history p.headline{
  margin: 5px 20px 5px 15px;
  padding: 0;
  font-weight: bold;
}
ul.service-list{
  margin: 10px 20px 10px 25px;
  padding: 0;
  font-weight: bold;
  color: #7B7B7B;
}
/* ▲メインコンテンツ▲ */


/* ▼フッター▼ */
footer{
	font-size: 14px;
	margin-top: 200px;
}

.footer1{
	width: 100%;
	background-color: #C5BAAC;
	color: #968375;
	padding: 30px 0;
}

.footer1 a, .footer2 a{color: #968375;}


.footer1 div:first-child{
	width: 90%;
	max-width: 500px;
	margin: 0 auto 20px auto;
	background: #fff no-repeat left 10px top 10px url(../images/footer/footer2.png);
	background-size: 60px 60px;
	padding: 10px 10px 10px 90px;
}

.footer1 div:first-child p:last-child{
	text-align: center;
	background-color: #ff9eff;
	border-radius: 5px;
	margin-top: 10px;
	line-height: 1.1;
}

.footer1 div:first-child p:last-child a{
	color: #fff;
}

.footer1 div:first-child p:last-child:before{
	content: "";
	display: inline-block;
	background: no-repeat left top url(../img/footer1.png);
	width: 15px;
	height: 15px;
}

.footer1 div:nth-child(2){
	margin-bottom: 20px;
}


.footer1 div:nth-child(2),
.footer1 div:last-child{
	text-align: center;
}

.footer1 ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 750px;
	margin: 0 auto;
	padding: 0;
}

.footer1 ul li{
	border-right: 1px solid #968375;
	padding: 0 7px;
}


.footer2{
	width: 100%;
	background-color: #B39C7F;
	color: #FFFFFF;
	padding: 20px 0;
}
.footer2 a{
	color: #FFFFFF;
}

.footer2 ul{
	display: flex;
	justify-content: center;
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

.footer2 ul li{
	border-right: 1px solid #968375;
	padding: 0 7px;
}

.footer2 p{
	text-align: center;
}


	.footer1 div:first-child{
		width: 90%;
		max-width: 500px;
		margin: 0 auto 20px auto;
		background: #fff no-repeat center top 10px url(../images/footer/footer2.png);
		background-size: 60px 60px;
		padding: 70px 10px 10px 10px;
	}



	.footer1 div:first-child{
		width: 90%;
		max-width: 500px;
		margin: 0 auto 20px auto;
		background: #fff no-repeat center top 10px url(../img/footer2.png);
		background-size: 60px 60px;
		padding: 70px 10px 10px 10px;
	}
	
	.footer1 ul{
		width: 95%;
		margin-top: 15px;
	}
	
	.footer2 ul{
		width: 95%;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}

p#copyright{
clear:both;
width: 100%;
margin:0;
padding:0;
text-align:center;
font-size:1.0rem;
line-height:1.5em;
}
/* ▲フッター▲ */




/* 

------------------------------

------------------------------

▼320px～350px用の記述▼

------------------------------

------------------------------

*/

 @media screen and (min-width: 320px) and (max-width: 350px){




}
/* 

------------------------------

------------------------------

▲320px～350px用の記述▲

------------------------------

------------------------------

*/


/* 

------------------------------

------------------------------

▼768px以上用（タブレット／PC用）の記述▼
------------------------------
------------------------------
*/

 @media screen and (min-width : 768px ){



/* 

------------------------------

リセットCSS

------------------------------

*/

html{
font-size: 62.5%;/* ルートのフォントサイズ10px */
} 

body{
font-size:1.4em;/* 14px*/
line-height:1.5;
}

body{
width:780px;
margin:0 auto 0 auto;
padding:0;
letter-spacing:0.1em;
color:#666;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/*リンク下線無し*/

a{text-decoration:none;}

/*リンク下線無し*/



/*リンクhover時下線*/

a:hover{text-decoration:underline !important;} 

/*リンクhover時下線*/

/* 

------------------------------

リセットCSS

------------------------------

*/





/* ▼ヘッダー▼ */
header {
  width:780px;
  margin: 0 auto 0 auto;
}
h1{
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 1.4rem;
}
/* ▲ヘッダー▲ */


/* ▼メインコンテンツ▼ */
main{
clear: both;
width: 780px;
margin: 0 auto 10% auto;
padding: 0;
}

/* ▼h2▼ */
h2{
background-color: deeppink;
margin: 2% 0 2% 0;
padding: 1% 2% 1% 2%;
font-size: 1.4rem;
text-align: left;
color: #FFFFFF;
}
/* ▲h2▲ */

#blogo{	
	width: 100%;
	display: flex;
	margin: 0;
	padding: 0;
	align-items: center;
}
#blogo p{	
	width: 50%;
	margin: 0;
	padding: 0;
}
#blogo address{	
	width: 50%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-style: normal;
}

ul#insta1{
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: 0 auto 5% auto;
	padding: 0;
}
ul#insta1 li{
  width: 33%;
  margin: 0;
	padding: 0;
  text-align: center;
}
/* ▲メインコンテンツ▲ */


/* ▼フッター▼ */ 
footer{
	font-size: 14px;
	margin-top: 200px;
}

.footer1{
	width: 100%;
	background-color: #C5BAAC;
	color: #968375;
	padding: 30px 0;
}

.footer1 a, .footer2 a{color: #968375;}


.footer1 div:first-child{
	width: 90%;
	max-width: 500px;
	margin: 0 auto 20px auto;
	background: #fff no-repeat left 10px top 10px url(../images/footer/footer2.png);
	background-size: 60px 60px;
	padding: 10px 10px 10px 90px;
}

.footer1 div:first-child p:last-child{
	text-align: center;
	background-color: #ff9eff;
	border-radius: 5px;
	margin-top: 10px;
	line-height: 1.1;
}

.footer1 div:first-child p:last-child a{
	color: #fff;
}

.footer1 div:first-child p:last-child:before{
	content: "";
	display: inline-block;
	background: no-repeat left top url(../img/footer1.png);
	width: 15px;
	height: 15px;
}

.footer1 div:nth-child(2){
	margin-bottom: 20px;
}


.footer1 div:nth-child(2),
.footer1 div:last-child{
	text-align: center;
}

.footer1 ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 750px;
	margin: 0 auto;
	padding: 0;
}

.footer1 ul li{
	border-right: 1px solid #968375;
	padding: 0 7px;
}


.footer2{
	width: 100%;
	background-color: #B39C7F;
	color: #FFFFFF;
	padding: 20px 0;
}
.footer2 a{
	color: #FFFFFF;
}

.footer2 ul{
	display: flex;
	justify-content: center;
	width: 900px;
	margin: 0 auto;
	padding: 0;
}

.footer2 ul li{
	border-right: 1px solid #968375;
	padding: 0 7px;
}

.footer2 p{
	text-align: center;
}


	.footer1 div:first-child{
		width: 90%;
		max-width: 500px;
		margin: 0 auto 20px auto;
		background: #fff no-repeat center top 10px url(../images/footer/footer2.png);
		background-size: 60px 60px;
		padding: 70px 10px 10px 10px;
	}



	.footer1 div:first-child{
		width: 90%;
		max-width: 500px;
		margin: 0 auto 20px auto;
		background: #fff no-repeat center top 10px url(../img/footer2.png);
		background-size: 60px 60px;
		padding: 70px 10px 10px 10px;
	}
	
	.footer1 ul{
		width: 95%;
		margin-top: 15px;
	}
	
	.footer2 ul{
		width: 95%;
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
/* ▲フッター▲ */ 




}

/* 

------------------------------

------------------------------

▲768px以上用（タブレット／PC用）の記述▲

------------------------------

------------------------------

*/