@charset 'UTF-8';
.freepage .freepage_content {
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .freepage .freepage_content {
    padding: 0 5.3333333333vw;
  }
}

.freepage .freepage_content .inner {
  margin: 2rem auto 0;
  max-width: 1000px;
  width: 100%;
}

body#tinymce.wp-editor {
  font-feature-settings: "palt" on;
  background: #fff;
  color: #504848;
  font-family: Roboto, Noto Sans JP, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.375;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.freepage .freepage_content .inner,
body#tinymce.wp-editor {
  & p, & ul,  & ol, & dl, & blockquote, & img & hr {
	  margin: 1.5em 0 0;
  }
  & h1, & h2, & h3, & h4, & h5, & h6 {
    margin: 2em 0 0.8em;
    line-height: 1.6;
    font-weight: 700;
  }
  & > :first-child {
	  margin-top: 0;
  }
  & > :last-child {
	  margin-bottom: 0;
  }
  /*----------------
  見出し
  -----------------*/
  & h1 {
    font-size: 2rem;
  }
  & h2 {
    font-size: 1.75rem;
  }
  & h3 {
    font-size: 1.5rem;
  }
  & h4 {
    font-size: 1.25rem;
  }
  & h5 {
  	font-size: 1.1rem;
  }
  & h6 {
    font-size: 1rem;
  }
  /*----------------
  段落・インライン要素
  -----------------*/
  & p {
    line-height: 1.75;
  }
  & strong, & b {
    font-weight: 700;
  }
  & em, & i {
    font-style: italic;
  }
  & u {
    text-decoration: underline;
    text-underline-offset: 0.12em;
  }
  small {
    font-size: 0.875em;
  }
  /*----------------
  リンク
  -----------------*/
  & a {
    color: #0066cc;
    text-decoration: underline;
    text-underline-offset: 0.12em;
    word-break: break-word;
    &:hover, &:focus {
      color: #004c99;
    }
  }
  /*----------------
  リスト
  -----------------*/
  & ul, & ol {
    padding-left: 1.6em;
  }
  & ul {
  	list-style: disc;
    & li {
      list-style: inherit;
    }
  }
  & ol {
    list-style: decimal;
    & li {
      list-style: inherit;
    }
  }
  & li {
    margin: 0.35em 0;
  }
  & li > ul, & li > ol {
    margin-top: 0.5em;
  	margin-bottom: 0.5em;
  }
  & ul ul {
    list-style: circle;
  }
  & ul ul ul {
    list-style: square;
  }
  & ol ol {
    list-style: lower-alpha;
  }
  & ol ol ol {
    list-style: lower-roman;
  }
  /*----------------
  引用
  -----------------*/
  & blockquote {
    padding: 1em 1.25em;
    border-left: 4px solid #ccc;
    background: #f8f8f8;
    color: #444;
  }
  & blockquote > :first-child {
    margin-top: 0;
  }
  & cite {
    display: inline-block;
    margin-top: 0.5em;
    font-size: 0.9em;
    color: #666;
    font-style: normal;
  }
  /*----------------
  区切り線
  -----------------*/
  & hr {
    border: 0;
    border-top: 1px solid #ddd;
  }
  /*----------------
  コード / 整形済みテキスト
  -----------------*/
  & code, & kbd, & samp {
    font-family: Consolas, Monaco, "Courier New", monospace;
    font-size: 0.95em;
  }
  & code {
    padding: 0.15em 0.35em;
    background: #f3f5f7;
    border: 1px solid #e2e5e8;
    border-radius: 4px;
  }
  & pre {
    padding: 1em 1.2em;
    background: #f7f7f7;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    overflow-x: auto;
    line-height: 1.7;
  }
  & pre code {
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
  }
  /*----------------
  画像
  -----------------*/
  & img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: 0;
    vertical-align: bottom;
  }
  & figure {
    max-width: 100%;
  }
  & figcaption {
    margin-top: 0.5em;
    font-size: 0.9em;
  }
  & .alignnone, & .alignleft, & .alignright, & .aligncenter {
    width: auto;
    max-width: 100%;
    float: none;
    display: block;
  }
  & .alignnone {
  }
  & .alignleft {
    margin: 0 auto 0 0;
  }
  & .alignright {
    margin: 0 0 0 auto;
  }
  & .aligncenter {
    margin: 0 auto;
  }



  /*----------------
  その他
  -----------------*/
  & iframe, & video {
    max-width: 100%;
  }
  & div {
    max-width: 100%;
  }




}