@charset "utf-8";
html, button, input, select, textarea {
	color: #333;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {resize: vertical;}
img, object, embed, video {
	max-width: 100%;
	height: auto;
	border: none;
}
.ie6 img {width: 100%;}
a:link, a:active, a:hover, a:visited {
	outline: 0 none;
	text-decoration: none;
}
a{
	color:#1c6abe;
	text-decoration: underline!important;
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0
}
h1, h2, h3, h4, h5, h6, p {margin: 0}
em {font-style: normal;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*clearfix*/
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}


/* ==========================================================================
   placeholder属性のテキストカラーを変更
   ========================================================================== */


/* placeholder属性のテキストカラーを変更*/
:placeholder-shown{color: #ACACAC;}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder{color: #ACACAC;}

/* Firefox 18- */
:-moz-placeholder{color: #ACACAC; opacity: 1;}

/* Firefox 19+ */
::-moz-placeholder{color: #ACACAC; opacity: 1;}

/* IE 10+ */
:-ms-input-placeholder{color: #ACACAC;}

.placeholder {color: #ACACAC;}
input, textarea, select {color: #000000;}

input, select {border: 1px solid #DADADA;}


/* com-foot
--------------------------------------------------------- */
.com-foot {
  margin-top: 15px;
  border-top: 1px solid #d6d6d6;
  box-shadow: inset 0 2px #ededed;
}
.com-foot .com-foot__copy {
  text-align: center;
}

.com-foot img {
   text-align: left;
   margin: 30px;
}

@media (min-width: 768px) {
  .com-foot .com-foot__copy {
    font-size: 0.875rem;
    margin: -65px 0;
  }
}

@media (max-width: 767px) {
  .com-foot {
     text-align: center;
  }
}

@media (min-width: 992px) {
  .com-foot {
    margin-top: 40px;
  }
  .com-foot .com-foot__copy {
    font-size: 0.875rem;
    margin: -60px 0;
  }
}
