body {
	margin:0;
	padding:0;
	font-family: "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:95%;
	font-weight:400;
	line-height:180%;
	color:#222;
	min-width:1055px;
	-webkit-text-size-adjust: 100% ;
    overflow-x: hidden;
}
img {
	border:none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin:0;
	padding:0;
	font-size: 100%;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); 
}
a:link {color:#06F; outline:none; }
a:visited {color:#06F; }
a:hover {color:#333; }
a:hover img { opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }

#wrapper {}
#base {}

.pc { display:block; }
.sm { display:none!important; }

/*====================================================================================================
  SNS
====================================================================================================*/

#sns ul.sns { position: fixed; padding: 10px; top: 50%; right: 10px; background: rgba(255,255,255,0.30); border-radius: 5px; z-index: 99999999;}
#sns ul.sns::after { }
#sns ul.sns li { margin-bottom: 5px; }


/*====================================================================================================
  HEADER
====================================================================================================*/

#header { clear:both; max-width:1000px; margin:30px auto auto; }
#header::after { display:block; clear:both; content:"";}
#header a { text-decoration:none; display:block; }

/*** LOGO ******************************************************************/
#header h1,
#header h1 a { display: block; width:470px; height:59px; }
#header h1 { float:left;}
#header h1 a {
	text-indent: -9999px;
	background: url(../image/logo.png) no-repeat;
}

/*** H BOX *****************************************************************/
#header .h_box { float:right; margin-bottom:25px; width:500px;}
#header .tel { float:right; position: relative;}
#header .tel a { 
	display: block;
	width:310px;
	height:60px; 
	border-radius:50px; 
	text-indent: -9999px;
	background:#7abf91 url("../image/tel.png") no-repeat center center;
}
#header .tel a::before {
	clear:both; content:""; display:block;
	width:105px;
	height:76px;
	position:absolute;
	bottom:-7px;
	left:-3px;
	background:url(../image/tel_bg.png) no-repeat;
	z-index:9999999999;
}
#header a:hover { opacity:0.7; }


/*** NAVIGATION ************************************************************/
#Nav ul { clear:both; width:100%; border-top:1px solid rgba(55,65,79,.1); }
#Nav ul::after { display:block; clear:both; content:"";}
#Nav ul li { float:left; position: relative; }
#Nav ul li p a {
	display: block;
	padding:20px 31.4px;
	color: #212a37;
	font-size: 113%;
	font-weight:500;
	text-align: center;
	text-decoration: none;
	line-height: 130%;
	box-sizing: border-box;
}
#Nav ul li ul { 
	width:272px; 
	padding:0 20px;
	background: #7abf91;
	border:4px solid #fff; 
	z-index:100;
	border-radius:5px;
	position:relative;
	box-shadow:0px 0px 3px 1px rgba(0,0,0,.2);
	position: absolute;
	top:63px; 
	left:-41px;
	height:0; 
	overflow: hidden;
	opacity: 0;
	transition: all 0.3s;
}
#Nav ul li ul li { float:none; width:100%; border-left:none; }
#Nav ul li ul li+li { border-top:1px solid rgba(255,255,255,.5); }
#Nav ul li ul li a { padding:15px 6px; color:#fff; font-size:100%; }

/* HOVER */
#Nav ul li:hover p a,
#Nav ul li.active p a { color:#70b285;}
#Nav ul li:hover ul { display: block; height: auto; opacity: 10; z-index: 999;}
#Nav ul li ul li:hover a { opacity:0.7; }
#Nav ul li#nav2:hover::before,
#Nav ul li#nav2:hover::after,
#Nav ul li#nav3:hover::before,
#Nav ul li#nav3:hover::after{
	clear: both;
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-style:solid;
    left:0;
    right:0;
    margin:auto;
    z-index:999;

}
#Nav ul li#nav2:hover::before,
#Nav ul li#nav3:hover::before{
	top:53px;
    border-width: 0 24px 14px 24px;
    border-color: transparent transparent #fff transparent;
}
#Nav ul li#nav2:hover::after,
#Nav ul li#nav3:hover::after{
    top:57px;
    border-width: 0 15px 10px 15px;
    border-color: transparent transparent #7abf91 transparent;
}
#Nav ul li#nav8,
#Nav ul li#nav9 { display: none;}


/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; position:relative; width:100%; }



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { clear:both; color:#FFF; background:#212A37;}
#footer .box_main { margin:0 auto; max-width:1000px;  position:relative; }
#footer .box_main::before {
	content:"";
	position:absolute;
	top:-130px;
	right:145px;
	z-index:99;
	width:163px;
	height:206px;
	background:url(../image/img_dog.png) no-repeat;
}
#footer .box_main ul::after { display:block; clear:both; content:""; }
#footer .box_main ul li a { text-decoration:none; color:#FFF; }

/* ADDRESS and SNS */
#footer ul.f_info { padding:40px 0; border-bottom:1px solid rgba(255,255,255,.5);}
#footer ul.f_info li.logo { float: left; margin-top: 5px; width:485px; height:60px; text-indent:-9999px; background:url(../image/f_logo.png) no-repeat left center; }
#footer ul.f_info li.add { float: left; margin-left: 100px; font-size:100%;}

/*
#footer ul.f_info li.logo { float: none; margin-bottom: 20px; width:485px; height:60px; text-indent:-9999px; background:url(../image/f_logo.png) no-repeat left center; }
#footer ul.f_info li.add { display: block; margin-bottom: 5px; font-size:100%;}
#footer ul.f_info li.sns ul li { margin:0 10px; }
#footer ul.f_info li.sns { float: right; margin:20px 0 15px; }
*/

/* FOOTER　NAV */
#footer ul.f_nav { padding:40px 0; }
#footer ul.f_nav li { float:left;}
#footer ul.f_nav li+li { margin-left:70px; }
#footer ul.f_nav li p::before { content:"-"; padding-right:10px }
#footer ul.f_nav li p:hover a { color:#7ABF91; }
#footer ul.f_nav li p:hover::before { color:#7ABF91; }
#footer ul.f_nav li ul li { float:none; line-height:150%; margin-left:10px; }
#footer ul.f_nav li ul li::before { content:"・"; padding-right:5px }
#footer ul.f_nav li ul li:hover::before { color:#7ABF91; }
#footer ul.f_nav li ul li:hover a { color:#7ABF91; }

/* COPYRIGHT */
#footer .copy { float:right; margin-top:-10%; font-size:100%; font-weight:normal; color:rgba(255,255,255,.5); }



/*====================================================================================================
  PHONE FIX NAVIGATION
====================================================================================================*/
#fix_nav { display:block; position:fixed; bottom:0; left:0; width:100%; background:#7abf91; z-index:999999; box-shadow:0 -1px 5px rgba(0,0,0,.5); }
#fix_nav::after { display:block; clear:both; content:""; position:absolute; top:-13px; left:0; width:100%; height:13px; }
#fix_nav ul {}
#fix_nav ul::after { display:block; clear:both; content:""; }
#fix_nav ul li { float:left; width:20%; font-size:13px; padding-top:10px; }
#fix_nav ul li+li { border-left:1px solid rgba(255,255,255,.2); }
#fix_nav ul li a { display:block; padding-top:40px; font-family:"Noto Sans JP"; font-size:75%; font-weight:500; text-align:center; color:#fff; text-decoration:none; }
#fix_nav ul li:nth-child(1) a { background:url(../image/sns_blog-wh.png) no-repeat center 10px; background-size: 30px auto;}
#fix_nav ul li:nth-child(2) a { background:url(../image/sns_yt-wh.png) no-repeat center 10px; background-size: 26px auto;}
#fix_nav ul li:nth-child(3) a { background:url(../image/sns_fb-wh.png) no-repeat center 10px; background-size: 17px auto;}
#fix_nav ul li:nth-child(4) a { background:url("../image/sns_insta-wh.png") no-repeat center 10px; background-size: 30px auto;}
#fix_nav ul li:nth-child(5) a { background:url(../image/icon_tel-wh.png) no-repeat center 10px; background-size: 29px auto;}


/*====================================================================================================
  PAGE [No Touch]
====================================================================================================*/
#page,
#page a { display:block; width:60px; height:110px;}
#page { position: fixed; bottom:60px; right: 40px; }
#page a {
	text-indent: -9999px;
	background:url(../image/page_top.png) no-repeat;
    background-size: contain;
}


/*====================================================================================================
  COLOR eto.. [No Touch]
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}