@charset "utf-8";
/* =================================================================
1.reset
=================================================================*/
*{box-sizing: border-box;}
body{background: #FFF; color: #333; line-height: 1.5; font-family: -apple-system, 'Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック Medium','メイリオ',meiryo, sans-serif;/*'游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;*/ word-wrap: break-word; position: relative;font-size: 100%;}

/*  すべてのタグのマージン・パディングの設定をリセット
-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr{margin: 0; padding: 0;}
li{list-style-type: none;}
table{border-collapse: collapse; border-spacing: 0;}
img{border: 0;vertical-align: bottom;}

/*  clear
-------------------------------------------------------------*/
.clear{clear: both;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
:first-child+html .clearfix {zoom: 1; } /* IE7 */

/*  基本のlink color
-------------------------------------------------------------*/
a:link{color: #0066c0;text-decoration: none;}
a:visited{color: #0066c0;text-decoration: none;}
a:hover,a:active{color: #0066c0; text-decoration: underline;}

@media screen and (max-width: 640px) {
	/* iOSでのデフォルトスタイルをリセット
	-------------------------------------------------------------*/
	input[type="submit"],
	input[type="button"] {
	  -webkit-box-sizing: content-box;
	  -webkit-appearance: button;
	  appearance: button;
	  border: none;
	  box-sizing: border-box;
	  cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
	  display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
	  outline-offset: -2px;
	}
}
input::placeholder {
  color: #ddd;
}

/* IE */
input:-ms-input-placeholder {
  color: #ddd;
}

/* Edge */
input::-ms-input-placeholder {
  color:#ddd;
}