@charset "UTF-8";
/* --------------------
RESET CSS
-------------------- */
*,
::before,
::after { box-sizing: border-box; border-style: solid; border-width: 0; min-width: 0}
html { line-height: 1}
body { margin: 0}
p, table, blockquote, address, pre, iframe, form, figure, dl { margin: 0}
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0}
ul, ol { margin: 0; padding: 0; list-style: none}
dt {font-weight: bold}
dd {margin-left: 0}
i { font-style: normal}
hr {box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px; margin: 0; clear: both; color: inherit}
pre { font-family: monospace, monospace; font-size: inherit}
address { font-style: inherit}
a { color: inherit; text-decoration: none; background-color: transparent}
b, strong { font-weight: bolder}
code, kbd, samp { font-family: monospace, monospace; font-size: inherit}
small { font-size: 100%}
big { font-size: inherit}
sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0}
sub { bottom: -0.25em}
sup { top: -0.5em}
svg, img, embed, object, iframe { vertical-align: bottom}
table { border-color: inherit; border-collapse: collapse}
caption { text-align: left}
td, th { vertical-align: top; padding: 0}
th { text-align: left; font-weight: bold}
/* --------------------
COMMON STYLE
-------------------- */
body { overflow-x: hidden; color: #47495b; font-weight: 300; font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; background: #f9efef; font-size: 16px}
p, table, blockquote, address, pre, iframe, form, figure, dl,
h1, h2, h3, h4, h5, h6 { line-height: 1.8}
img { max-width: 100%; height: auto}

main { width: 100vw; height: 100vh; padding: 20px; display: flex; justify-content: center; align-items: center}
h1 { text-align: center}
h1 big { font-size: 120%}
h1 img { margin-top: 20px}
.co-pink { color: #f86d65}
a:hover { opacity: .7}
@media screen and (max-width: 600px) {
  h1 img { width: 90%}
}
@media screen and (min-width: 601px) {
  h1 { font-size: 30px}
  h1 img { margin-top: 30px}
}

.open { margin-top: 40px; font-size: 20px; text-align: center}
.company { margin-top: 60px; text-align: center}
.company img { margin-top: 10px}
@media screen and (max-width: 600px) {
  .company img { width: auto; height: 30px}
}
@media screen and (min-width: 601px) {
  .open { font-size: 26px}
  .company { font-size: 20px}
}