@charset "UTF-8";
/*
Theme Name: hicom-water
Author:
Version: 1.0
Description:
 */


html{
	font-size: 62.5%;
}
body{
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-family:YuGothic,'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' , 'ＭＳ Ｐゴシック', sans-serif;
	color:#333;
}
div,p,span,object,iframe,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video,
table,tr,td,th,tbody,tfoot,thead{
	font-size:14px;
	font-size:1.4rem;
	line-height:1;
	margin: 0;
}
body,div,dl,dt,dd,ul,ol,li,p,img,
h1,h2,h3,h4,h5,h6,p,th,td{
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6,p,th,td{
	font-weight: normal;
}
img{
	max-width:100%;
	/*width:auto;*/
	height:auto;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
}
a img{
	border:none;
}
a img:hover{
	filter:progid:DXImageTransform.Microsoft.Alpha(0.06);
	opacity:0.6;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}
a:link{/* 未訪問のリンク */
	color:#333;
	text-decoration:none;
}
a:visited{/* 訪問済みのリンク */
	color:#333;
	text-decoration:none;
}
a:hover{/* ポイント時のリンク */
	filter:progid:DXImageTransform.Microsoft.Alpha(0.06);
	opacity:0.6;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}
a:active{/* 選択中のリンク */
	color:#333;
	text-decoration:none;
}

/*****************************************************
　clearfix　
*****************************************************/
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	margin: 0;
	padding: 0;
}

/* responsive
------------------------------------------------- */

.pc{
  display: block;
  margin: auto;
}
.smp{
  display: none;
}

@media screen and (max-width: 768px){
  .pc{
    display: none;
  }
  .sp {
      display: block;
  }
  .smp{
    width: 100%!important;
    display: block;
  }
}

.plan_box{
	width: 100%;
	padding: 10px 0;
}
.plan_box img{
	width: 100%;
}



.koukn_sub{
	background-color: #f6f6f6;
	padding: 5px 10px;
}