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


*{
	margin: 0;
	padding: 0;
}






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

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

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


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

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

.center{text-align:center;
}

#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;


}


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

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




h1{
font-size: 10px;
}


h2{
text-align: center;
font-size:18px;	
font-family: "Sawarabi Mincho", serif;
font-weight: 400;
font-style: normal;
border-left: solid 3px #FF6BA0;
border-right: solid 3px #FF6BA0;
}



.content{
	line-height:1.9em;}

.box{margin-bottom:15%;
margin-top:5%;}

/*-----------------------------
header
-------------------------------*/

#header{padding:2%;
}

#logo{width:30%;
float:left;
margin-top: 2%;}



#tel-top{width:20%;
float:right;
margin-right:1%;}

#mail-top{width:20%;
float:right;
margin-right:11%;
margin-top: 0%;}

#menuButton{width:11%;
float:right;
margin-top: 2%;}



/*-----------------------------
key
-------------------------------*/

#key{margin-top:20%;}

#key02{background: url("../img/tit-bg.png");background-size: 100% 100%;
text-align: center;
margin-top:20%;
padding: 7%;
font-size: 25px;

	
font-family: "Sawarabi Mincho", serif;
font-weight: 400;
font-style: normal;
}


/*-----------------------------
side
-------------------------------*/






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


#footer{border-top: solid 3px #FF6BA0;
margin-top: 10%;}

.foot-left{margin:5% 0%;
font-size: 16px;}


.foot-right{
font-size: 16px;}


.foot-pink{background: #ea5a73;
color: #fff;
text-align: center;
padding: 2% 0%;}

.foot-blue{background: #51b8ea;
color: #fff;
text-align: center;
padding: 2% 0%;}



.foot-logo{width:40%;
	margin: 3% auto;
	display: block;
}






.fmenu01{width:100%;
float:left;
text-align:left;
border-bottom:solid 1px #A6A6A6;
height: 3em;
line-height: 3em;
font-size: 13px;
font-weight: bold;
}


.fmenu02{width:100%;
float:left;
text-align:left;

height: 3em;
line-height: 3em;
font-size: 11px;
}

.foot_menu span img{width:5%;vertical-align: middle;padding-right: 2%;}


nav span img{width:5%;vertical-align: middle;padding-right: 2%;}

.foot_menu a{color:#000;}









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


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







   
/*-------固定戻る---------*/  


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

      /* ▼最初は非表示にしておく */
      display: block;
      background: #fff;
} 



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

      /* ▼最初は非表示にしておく */
      display: none;
	opacity: 0.7
} 


nav{font-size:16px;}


@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:1000px;}
		
h1{margin-bottom:0%;
font-size: 10px;
}
	

h2{
font-size:22px;	
}

/*-----------------------------
header
-------------------------------*/


#header{padding:0% 0% 2% 0%;}	
	
#logo{width:25%;
float:left;
	padding-top: 0%;
	margin-top: 2%;}


#tel-top{width:15%;
float:right;
margin-top:0%;}

#mail-top{width:15%;
float:right;
margin-right:0%;
margin-left:1%;
margin-top:0%;}





/*-----------------------------
gnav
-------------------------------*/
	
	
#key02{
margin-top:0%;
font-size: 30px;
padding: 4%;
}
	
	
#key{margin-top:0%;}
	
	
	
#gnav{background:url(../img/key.png)no-repeat;
background-size: 100% 100%;
	height: 40em;
	margin: 0 auto;
	width:100%;
	}
	
	

#gnav li{width:19.8%;
float:left;
	text-align: center;
	vertical-align: bottom;
	font-size: 14px;
	padding: 0% 0%;
/*	border-left: solid 1px #E2E2E2;*/
	}
	

	
	#gnav02{border-bottom: solid 3px #FF6BA0;
	border-top: solid 3px #FF6BA0;}	

#gnav02 li{width:19.8%;
float:left;
	text-align: center;
	vertical-align: bottom;
	font-size: 14px;
	padding: 0% 0%;
/*	border-left: solid 1px #E2E2E2;*/
	}
	


	

	
	

/*-----------------------------
key
-------------------------------*/
	
	

	

/*-----------------------------
main
-------------------------------*/






/*-----------------------------
footer
-------------------------------*/
	
.foot-logo{width:30%;
	margin: 3% auto;
	display: block;
}	
	

	
	
#footer{
margin-top: 0%;}	
	

	
.foot_menu{border:none;
float:left;
	width: 30%;
	margin-left:2%;
	
}



.foot_menu li{
float:none;
width: 100%;
text-align:left;
margin-top: 0%;
padding:0% 0% 0% 0%;
border:none;}

	.fmenu01{font-size: 16px;}	
	.fmenu02{font-size: 12px;}	
	

.foot-link{width:30%;padding: 6% 0% 0% 24%;}
.foot-contact{width:50%;padding: 2% 0%;
margin: 2% auto;}

.copy{
	}

	
/*-------固定戻る---------*/  
	
	

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

      /* ▼最初は非表示にしておく */
      display: block;
      background: #fff;
} 
	
	
	
	
#topbutton03 {
      /* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 3%;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */
      width: 5em;     /* ←横幅 */

      /* ▼最初は非表示にしておく */
      display: none;
	opacity: 0.7

      
   } 


}