@charset "UTF-8";
/* =========================================================
reset
========================================================= */
/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

img {
  vertical-align: bottom; }

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

nav ul, ul li, ol {
  list-style: none; }

ol ol {
  list-style: decimal inside; }

blockquote, q {
  quotes: none; }

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

textarea {
  resize: vertical; }

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

body {
  font-family: "Noto Sans Japanese", Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000; }

a {
  color: #0075bf;
  text-decoration: none; }

a:link {
  color: #0075bf;
  text-decoration: none; }

a:visited {
  color: #0075bf;
  text-decoration: none; }

a:hover {
  color: #000;
  text-decoration: none; }

a:active {
  color: #000;
  text-decoration: none; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/* =========================================================
content_style
========================================================= */
.article_content, #tinymce {
  margin-top: 2em; }
  .article_content p, #tinymce p {
    margin-top: 1em; }
  .article_content h2, .article_content .headline1, #tinymce h2, #tinymce .headline1 {
    font-size: 2rem;
    border-bottom: 1px solid #DDD;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    margin-top: 3em;
    background: #EEE; }
  .article_content h3, #tinymce h3 {
    font-size: 1.8rem;
    border-left: 1px solid #0075bf;
    padding-left: 10px;
    line-height: 1.4;
    margin-bottom: 1em;
    margin-top: 2em;
    color: #0075bf; }
  .article_content h4, #tinymce h4 {
    margin-top: 1.5em;
    font-size: 1.6rem;
    margin-bottom: 1em; }
  .article_content ul li, #tinymce ul li {
    margin-left: 1em;
    text-indent: -1em; }
    .article_content ul li:before, #tinymce ul li:before {
      content: "・";
      color: #0075bf; }
  .article_content table, #tinymce table {
    border: 1px solid #DDD; }
    .article_content table th, .article_content table td, #tinymce table th, #tinymce table td {
      padding: 10px;
      border: 1px solid #DDD; }
    .article_content table th, #tinymce table th {
      background: #EEE; }