@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

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

/*↑の出力例
.foo {
  color: blue;
  @include mq() { // 引数を省略（初期値はmdの768px）
    color: yellow;
  }
  @include mq(lg) { // 引数を個別に指定
    color: red;
  }
}
*/
/*

ボックス項目の大きさ・行間関連
KAI-YOU
見出し：20px x1.5
見出し（インデックス限定小さいとこ）：17px x1.64
見出し（サイドバーとかの関連系）：17px x1.4
見出し（サイドバーとかの関連系）：16px x1.5
見出し（サイドバーとかの関連系・小）：13px x1.5

wantedly
見出し：22px x30.8
見出し（インデックス限定小さいとこ）：20px x1.4
見出し（サイドバーとかの関連系）：16px x1.4
見出し（サイドバーとかの関連系）：15px x1.4
見出し（サイドバーとかの関連系・小）：14px x1.44

cinra net
見出し：20px x1.6
見出し（インデックス限定小さいとこ）：20px x1.6
見出し（サイドバーとかの関連系）：17px x1.4
見出し（サイドバーとかの関連系）：16px x1.6
見出し（サイドバーとかの関連系・小）：15px x1.3

*/
/* 
	BULMA側のボタンの大きさは
	is-small(.75em)、is-medium(1.25em)、is-large(1.4em) の三種しかないので、
	もう少し細かい設定を入れる
	
	フォントのデフォルトサイズはoolongでは、14px=1emに設定
 */
/* ボタン、columnのpadding */
/* フォントサイズ 再定義 */
/* 行間 再定義 */
html {
  /*TBUDRGothic Std R*/
  font-family: tbudrgothic-std, sans-serif;
  font-weight: 400;
  font-style: normal; }
  @media screen and (min-width: 769px) {
    html {
      font-size: 14px;
      line-height: 1.44; } }

b, strong, .bold {
  font-weight: 600; }

.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
  padding: calc(.25em - 1px) 0.66em;
  font-size: 1.25em; }

.button.is-x-small {
  border-radius: 2px;
  font-size: 0.75em; }
.button.is-smaller {
  border-radius: 3px;
  font-size: 1em; }
.button.is-larger {
  border-radius: 4px;
  font-size: 1.3em; }

.title {
  line-height: 1.28; }

.subtitle {
  line-height: 1.28; }

.is-size-1 {
  font-size: 2.85714em !important; }

.is-size-2 {
  font-size: 2.28571em !important; }

.is-size-3 {
  font-size: 1.71429em !important; }

.is-size-4 {
  font-size: 1.28571em !important; }

.is-size-5 {
  font-size: 1.14286em !important; }

.is-size-6 {
  font-size: 1em !important; }

.is-size-7 {
  font-size: 0.92857em !important; }

.is-size-8 {
  font-size: 0.85714em !important; }

.is-size-9 {
  font-size: 0.825em !important; }

/* フォーム */
.label {
  font-size: 1.25em; }

.help {
  font-size: 0.85em; }

/* デモページ用 */
.bd-notification {
  background-color: #f5f5f5;
  border-radius: 4px;
  color: #7a7a7a;
  font-weight: 600;
  padding: 1.25rem 0;
  position: relative;
  text-align: center; }
  .bd-notification code {
    background-color: #f5f5f5;
    color: #ff3860;
    font-size: .875em;
    font-weight: 400;
    padding: .25em .5em .25em; }
  .bd-notification code,
  .bd-notification pre {
    background-color: rgba(10, 10, 10, 0.2);
    border-radius: 4px;
    color: #fff; }