@charset "UTF-8";
/* 

*** Adobefont - 遅延対策
*** media queries
*** layout
*** animation

*/
/*==================================================

*** iphone - 表示崩れ対策
==================================================*/
html {
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
}

/*==================================================

*** Adobefont - 遅延対策
==================================================*/
html {
  visibility: hidden;
}

html.wf-active {
  visibility: visible;
}

/*==================================================

*** media queries
==================================================*/
/*==================================================

*** layout
==================================================*/
body {
  position: relative;
}

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 4rem;
}
@media (max-width: 480px) {
  .container {
    /* < 480px */
    padding: 0 3rem;
  }
}

.inb {
  display: inline-block;
}

/*==================================================

*** animation
==================================================*/
.fadein {
  animation: fadein 2s forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*==================================================

sectioning
==================================================*/
/*	outline	*/
html {
  font-size: 62.5%;
  /* 10px */
}

html,
body {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 100%;
}

body {
  font-family: "brandon-grotesque", "source-han-sans-japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  /* デザインに合わせて変更する */
  color: #222;
  line-height: 180%;
  letter-spacing: 0.01rem;
}
@media (max-width: 768px) {
  body {
    /* < 768px */
    font-size: 1.4rem;
  }
}

* {
  box-sizing: border-box;
}

div,
p,
blockquote,
address,
small,
dt,
dd,
li,
th,
td,
td,
span {
  line-height: 180%;
  /* デザインに合わせて変更する */
}

/*	heading	*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-weight: normal;
  font-size: 100%;
  line-height: 150%;
  /* デザインに合わせて変更する */
}

/*==================================================

link
==================================================*/
a {
  color: inherit;
  text-decoration: inherit;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  /* デザインに合わせて変更する */
}

/*==================================================

content
==================================================*/
/*	text	*/
p,
blockquote {
  margin: 0;
}

address {
  font-style: normal;
}

/*	list	*/
ol,
ul,
dl,
dd {
  margin: 0;
}

ol,
ul {
  padding: 0;
  list-style: none;
}

/*	table	*/
table {
  border-collapse: collapse;
}

th,
td {
  padding: 0;
}

th {
  font-weight: normal;
}

/*	embed	*/
img {
  vertical-align: bottom;
  border: 0;
}

figure {
  margin: 0;
  padding: 0;
}

/*	semantics	*/
ruby,
rt,
mark,
menu {
  margin: 0;
  padding: 0;
}

small {
  font-size: 100%;
}

em,
cite,
dfn,
i {
  font-style: normal;
}

strong,
b {
  font-weight: normal;
}

ins,
del {
  text-decoration: none;
}

q {
  quotes: none;
}

sup,
sub {
  vertical-align: baseline;
}

ruby,
rt,
mark {
  line-height: 100%;
}

mark {
  background: none;
}

/*==================================================

form
==================================================*/