@charset "utf-8";
/* CSS Document */


*{
	margin: 0;
	padding: 0;
}



@font-face {
  font-family: "shs_regular";
  src: url("../font/SourceHanSansJP-Regular.eot?")  format('eot'),
       url("../font/SourceHanSansJP-Regular.woff")  format('woff');
	
	
	
}


/* -----------------------------------------------------------
 フォントサイズ基本
----------------------------------------------------------- */

html {
  font-size: 18px;
  font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow-y:auto;
}

	
ul{list-style:none;
padding-left:0;}	


.in{margin-left:auto;
margin-right:auto;
width:100%;
   }	

a{text-decoration:none;}
		
img{border:0;
    width:100%;}		


#top a:hover img{opacity:0.7;
           filter: alpha(opacity=70);
}

		
.cf:after {  
  content: ".";   
  display: block;   
  height: 0;   
 clear: both;   
  visibility: hidden;
	font-size: 0.1em;} 	
	
.center{text-align:center;
margin-left:auto;
margin-right:auto;}

body{
	color:#595757;
	word-wrap: break-word;
	line-height: 2em;
	


}


.only-pc{display:none;}/*-----sp----*/
.only-sp{display:block;}/*-----sp----*/	

#main{width:100%;
margin-left:auto;
margin-right:auto;}




h1{
font-size: 10px;
}



.content{
	line-height:1.9em;}

.box{margin-bottom:15%;}


/*-----------------------------
content
-------------------------------*/

.bnr-bg{background:url("../img-double/bnr-bg.png") repeat;}

.tit01{background:url("../img-double/titbg01.png") repeat;}

.bg-g{background:#CFE7D3;}

.bg-b{background:#F2F7FB;}


.tit02{background:url("../img-double/titbg02.png") repeat-x;}

.menu-bg{background:url("../img-double/menu-bg.png") repeat;
padding: 2% 2% 15% 2%;}

.bg-be{background:#FAF5F2;
padding: 3%;}

.bg-dr{background:#AEA594;}

.setumei{padding-top: 5%;}

/*-----------------------------
footer
-------------------------------*/




#footer{padding-bottom:15%;
margin-top: 10%;
padding-top: 3%;
font-size:14px;}

#footer a{color: #5A5A5A;}


.f-menu{margin-bottom: 5%;}
.f-menu li{float: left;padding: 0% 2%;}
.f-big{font-size:18px;}

.go-top{width:10%;
float: right;
padding: 2%;}


.copy{
font-size: 10px;
padding-top:10%;
	text-align: center;
}






   
/*-------固定戻る---------*/   
#topbutton03 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 0%;   /* ←下端からの距離 */
      right: 0px;    /* ←右端からの距離 */
      width:100%;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
	background:#F1F8F2;
	padding: 1% 0%;
	

      
   } 



.contact-b{wmargin: 2% auto;}



.contact-b li{width:33.1%;
float: left;
margin-right: 0.1%;
margin-left: 0.1%;}



	

	
	

/*-------アコーディオン---------*/ 

.acd-check{
  display: none;
}
.acd-label{
  
  color: #fff;
  display: block;
  margin-top: 5%;
 
}
.acd-content{
 
  height: 0;
  opacity: 0;
  padding: 0 0px;
  transition: .5s;
  visibility: hidden;
	background: #fff;
	padding-top: 3%;
}
.acd-check:checked + .acd-label + .acd-content{
  height: 650px;
  opacity: 1;
  padding: 0px;
  visibility: visible;
}





.acd-check02{
  display: none;
}
.acd-label02{
  
  color: #fff;
  display: block;
  margin-top: 5%;
 
}
.acd-content02{
 
  height: 0;
  opacity: 0;
  padding: 0 0px;
  transition: .5s;
  visibility: hidden;
	background: #fff;
	padding-top: 3%;
}
.acd-check02:checked + .acd-label02 + .acd-content02{
  height: 300px;
  opacity: 1;
  padding: 0px;
  visibility: visible;
}




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

	
html {
    font-size: 20px;
    overflow-y: scroll;
    font-family: "游ゴシック", "Yu Gothic", "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}	
	
	
.only-pc{display:block;}/*-----pc----*/
.only-sp{display:none;}/*-----pc----*/	


.in{margin-left:auto;
    margin-right:auto;
    max-width:850px;}
		

	

	
	
	

/*-------アコーディオン---------*/ 

.acd-check{
  display: none;
}
.acd-label{
  
  color: #fff;
  display: block;
  margin-top: 5%;
 
}
.acd-content{
 
  height: 0;
  opacity: 0;
  padding: 0 0px;
  transition: .5s;
  visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
  height: 1000px;
  opacity: 1;
  padding: 0px;
  visibility: visible;
}





.acd-check02{
  display: none;
}
.acd-label02{
  
  color: #fff;
  display: block;
  margin-top: 5%;
 
}
.acd-content02{
 
  height: 0;
  opacity: 0;
  padding: 0 0px;
  transition: .5s;
  visibility: hidden;
}
.acd-check02:checked + .acd-label02 + .acd-content02{
  height: 400px;
  opacity: 1;
  padding: 0px;
  visibility: visible;
}



}