@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Lato);

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

html {
  line-height: 1.4;
  overflow-y: scroll;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
}

body {
  height: 100%;
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
  color: #393939;
}

strong,
b {
  font-weight: bold;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

input,
textarea {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  font-size: 0;
  letter-spacing: 0;
}

ol li,
ul li {
  font-size: 1rem;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
}

a:focus {
  outline: none;
}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/
  /*/
	height: auto;
	overflow: hidden;
	/**/
}

.both {
  clear: both;
}

img {
  max-width: 100%;
  height: auto;
}

/*IE10以降に適用されるCSSハック（一応）*/

/*IE11だけに適用されるCSSハック*/

table {
  width: 100%;
}

input[type="text"],
input[type="email"],
input[type="submit"],
input[type="number"],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

input,
textarea,
select,
button {
  border: 0;
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
  font-size: 1.2rem;
  line-height: 1.8;
  letter-spacing: 1px;
}

button {
  cursor: pointer;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 1.1rem;
  line-height: normal;
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
  line-height: 1.8;
  letter-spacing: 3px;
}

:-moz-placeholder {
  color: #ccc;
  font-size: 1.1rem;
  line-height: normal;
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
  line-height: 1.8;
  letter-spacing: 3px;
}

::-moz-placeholder {
  color: #ccc;
  font-size: 1.1rem;
  line-height: normal;
  font-family: "Noto Sans JP", YuGothic, "Yu Gothic", 游ゴシック体, 游ゴシック, "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS ゴシック", "MS Gothic", sans-serif;
  line-height: 1.8;
  letter-spacing: 3px;
}

:focus {
  outline: none;
}

::selection {
  background: #333;
  color: #fff;
}

::-moz-selection {
  background: #333;
  color: #fff;
}

@media only screen and (min-width: 1001px) {
  input,
  textarea,
  select,
  button {
    letter-spacing: 3px;
  }
}

@media all and (-ms-high-contrast: none) {
  img {
    max-width: 100%;
    height: auto;
  }

  img:not(:target) {
    max-width: 100%;
    height: auto;
  }
}