@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	変数設定

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*
/* color */
/* trans */
/* breakpoint */
/* margin */
/* freebox */
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

	freebox

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.freeBlock_anchor_nav {
  margin-bottom: 60px; }
  .freeBlock_anchor_nav ul li {
    display: inline-block; }
    .freeBlock_anchor_nav ul li a {
      position: relative;
      display: inline-block;
      padding: 5px 25px; }
    .freeBlock_anchor_nav ul li a::before {
      position: absolute;
      content: '';
      top: 8px;
      left: 0;
      width: 20px;
      height: 20px;
      border-radius: 2px;
      background: url("../common/img/arrow_down_freebox.svg") center no-repeat #ccc;
      background-size: 10px; }

section.freeBlock + section.freeBlock {
  margin-top: 120px; }

section.freeBlock.tl {
  margin-top: 0 !important; }

section.freeBlock.tl ul.freebox_list_type {
  margin-top: 0; }

section.freeBlock.tl ul.freebox_box_type ul.img_list {
  margin-top: 0; }

section.freeBlock + .post_text_block {
  margin-top: 120px; }

section.freeBlock {
  overflow: hidden; }
  section.freeBlock .img_box {
    text-align: center; }
    section.freeBlock .img_box img {
      max-width: 100%;
      max-height: 100%;
      width: auto; }
  section.freeBlock h1.freebox_title {
    position: relative;
    font-size: 1.6rem;
    line-height: 1.6;
    border-bottom: 2px solid #ccc;
    /*margin-bottom:20px;*/
    padding: 0px 10px 20px 10px; }
  section.freeBlock h1.freebox_title::before {
    position: absolute;
    content: '';
    bottom: -2px;
    left: 0;
    width: 20%;
    border-bottom: 2px solid #000; }
  section.freeBlock p.freebox_lead {
    padding: 0 10px;
    margin-top: 20px;
    /*margin-bottom:($block_margin/2);*/ }
  section.freeBlock ul.freebox_list_type {
    overflow: hidden;
    margin-top: 20px; }
    section.freeBlock ul.freebox_list_type li {
      border-bottom: 1px dotted #ccc;
      padding-bottom: 20px;
      margin-bottom: 0px;
      overflow: hidden; }
      section.freeBlock ul.freebox_list_type li * {
        padding: 20px 10px 0 10px;
        float: left; }
      section.freeBlock ul.freebox_list_type li p.list_headline {
        width: 20%; }
      section.freeBlock ul.freebox_list_type li p.list_summary,
      section.freeBlock ul.freebox_list_type li div.list_summary {
        width: 80%; }
  section.freeBlock .freebox_lead + ul.freebox_list_type {
    border-top: 1px dotted #ccc; }
  section.freeBlock ul.list_1column p.list_summary {
    position: relative;
    padding-left: 1.5rem;
    width: 100% !important; }
  section.freeBlock ul.list_1column p.list_summary::before {
    position: absolute;
    content: '';
    top: calc(20px + 0.7rem);
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ccc; }
  section.freeBlock ul.list_2column .list_headline.single,
  section.freeBlock ul.list_2column .list_summary.single {
    width: 100%; }
  section.freeBlock ul.list_3column .list_headline {
    width: 20% !important; }
  section.freeBlock ul.list_3column .list_summary_l {
    width: 30%;
    float: left; }
  section.freeBlock ul.list_3column .list_summary_r {
    width: 50%;
    float: left; }
  section.freeBlock ul.list_2block.list_l {
    width: calc(50% - 20px);
    float: left; }
  section.freeBlock ul.list_2block.list_r {
    width: calc(50% - 20px);
    float: right; }
  section.freeBlock .freebox_lead + ul.freebox_list_type.list_l + ul.freebox_list_type.list_r {
    border-top: 1px dotted #ccc; }
  section.freeBlock ul.list_2block.list_l .list_headline.single,
  section.freeBlock ul.list_2block.list_l .list_summary.single,
  section.freeBlock ul.list_2block.list_r .list_headline.single,
  section.freeBlock ul.list_2block.list_r .list_summary.single {
    width: 100%; }
  section.freeBlock ul.list_2column_link .list_summary * {
    padding: 0;
    float: none; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a {
    padding: 3px 0 3px 25px;
    margin-right: 1rem;
    min-height: 1rem; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a.icon_pdf {
    background: url("../common/img/icon_pdf.svg") top 2px left no-repeat;
    background-size: 18px; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a.icon_page {
    background: url("../common/img/icon_external_link.svg") top 2px left no-repeat; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a.icon_youtube {
    background: url("../common/img/icon_youtube.svg") top 2px left no-repeat; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a.icon_dot {
    background: url("../common/img/icon_dot.svg") top 2px left no-repeat; }
  section.freeBlock ul.list_2column_link .list_summary .mt {
    margin-top: 10px; }
  section.freeBlock ul.list_2column_link .list_headline.single,
  section.freeBlock ul.list_2column_link .list_summary.single {
    width: 100%; }
  section.freeBlock ul.list_3column_link .list_headline {
    width: 20% !important; }
  section.freeBlock ul.list_3column_link .list_summary_l {
    width: 30%;
    float: left; }
  section.freeBlock ul.list_3column_link .list_summary_r {
    width: 50%;
    float: left; }
    section.freeBlock ul.list_3column_link .list_summary_r * {
      padding: 0;
      float: none; }
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a {
      padding: 3px 0 3px 25px;
      margin-right: 1rem;
      min-height: 1rem; }
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a.icon_pdf {
      background: url("../common/img/icon_pdf.svg") top 2px left no-repeat;
      background-size: 18px; }
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a.icon_page {
      background: url("../common/img/icon_external_link.svg") top 2px left no-repeat; }
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a.icon_youtube {
      background: url("../common/img/icon_youtube.svg") top 2px left no-repeat; }
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a.icon_dot {
      background: url("../common/img/icon_dot.svg") top 2px left no-repeat; }
    section.freeBlock ul.list_3column_link .list_summary_r .mt {
      margin-top: 10px; }
  section.freeBlock ul.freebox_box_type {
    margin-top: 20px; }
    section.freeBlock ul.freebox_box_type li {
      /*margin-bottom:($block_margin/2);*/
      overflow: hidden; }
      section.freeBlock ul.freebox_box_type li h2.box_title {
        position: relative;
        font-size: 1.4rem;
        padding-left: 1rem;
        margin-top: 20px; }
      section.freeBlock ul.freebox_box_type li h2.box_title::before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: #999; }
      section.freeBlock ul.freebox_box_type li p.box_lead {
        margin-top: 20px; }
      section.freeBlock ul.freebox_box_type li p.caption {
        font-size: 0.85rem;
        text-align: center;
        color: #333;
        margin-top: 10px; }
  section.freeBlock ul.freebox_box_type.box_1block ul.img_list {
    margin-top: 20px;
    overflow: hidden; }
    section.freeBlock ul.freebox_box_type.box_1block ul.img_list li {
      margin: 0 20px 20px 0;
      float: left; }
      section.freeBlock ul.freebox_box_type.box_1block ul.img_list li p.description {
        margin-top: 10px; }
    section.freeBlock ul.freebox_box_type.box_1block ul.img_list li:last-child {
      margin-right: 0; }
  section.freeBlock ul.freebox_box_type.box_1block ul.img_list.column_4 li {
    width: calc((100% - 20px*3)/4); }
  section.freeBlock ul.freebox_box_type.box_1block ul.img_list.column_3 li {
    width: calc((100% - 20px*2)/3); }
  section.freeBlock ul.freebox_box_type.box_1block ul.img_list.column_2 li {
    width: calc((100% - 20px)/2); }
  section.freeBlock ul.freebox_box_type.box_2block li {
    margin-top: 40px; }
    section.freeBlock ul.freebox_box_type.box_2block li div.column_l {
      width: 70%; }
      section.freeBlock ul.freebox_box_type.box_2block li div.column_l h2.box_title {
        margin-top: 0; }
    section.freeBlock ul.freebox_box_type.box_2block li div.column_r {
      width: calc(30% - 40px); }
      section.freeBlock ul.freebox_box_type.box_2block li div.column_r p.caption {
        font-size: 0.85rem;
        color: #333;
        margin-top: 10px; }
  section.freeBlock ul.freebox_box_type.box_2block li:first-child {
    margin-top: 0; }

@media screen and (max-width: 768px) {
  .freeBlock_anchor_nav {
    margin-bottom: 30px; }
    .freeBlock_anchor_nav ul li {
      display: block;
      border-bottom: 1px dotted #ccc; }
      .freeBlock_anchor_nav ul li a {
        display: block;
        padding: 10px 0 10px 25px; }
      .freeBlock_anchor_nav ul li a::before {
        top: 10px; }
    .freeBlock_anchor_nav ul li:first-child {
      border-top: 1px dotted #ccc; }

  section.freeBlock + section.freeBlock {
    margin-top: 60px; }

  section.freeBlock h1.freebox_title {
    font-size: 1.25rem;
    line-height: 1.4; }
  section.freeBlock p.freebox_lead {
    margin-bottom: 30px; }
  section.freeBlock ul.freebox_list_type li {
    padding-bottom: 10px; }
    section.freeBlock ul.freebox_list_type li * {
      padding: 10px 10px 0 10px; }
    section.freeBlock ul.freebox_list_type li p.list_headline {
      width: 100px; }
    section.freeBlock ul.freebox_list_type li p.list_summary,
    section.freeBlock ul.freebox_list_type li div.list_summary {
      width: calc(100% - 100px); }
  section.freeBlock ul.list_1column p.list_summary::before {
    top: calc(10px + 0.6rem); }
  section.freeBlock ul.list_3column .list_headline {
    width: 100px !important; }
  section.freeBlock ul.list_3column .list_summary_l,
  section.freeBlock ul.list_3column .list_summary_r {
    width: calc(100% - 100px);
    float: right; }
  section.freeBlock ul.list_2block.list_l,
  section.freeBlock ul.list_2block.list_r {
    width: 100%;
    float: none; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a {
    padding: 0px 0 6px 25px;
    margin-right: 0;
    min-height: 2rem;
    display: block; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a.icon_pdf {
    background-position: top left; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a.icon_page {
    background-position: top -1px left; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a.icon_youtube {
    background-position: top -1px left; }
  section.freeBlock ul.list_2column_link .list_summary .link_box a.icon_dot {
    background-position: top 1px left; }
  section.freeBlock ul.list_3column_link .list_headline {
    width: 80px !important; }
  section.freeBlock ul.list_3column_link .list_summary_l,
  section.freeBlock ul.list_3column_link .list_summary_r {
    width: calc(100% - 80px);
    float: right; }
    section.freeBlock ul.list_3column_link .list_summary_l .link_box a,
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a {
      padding: 0px 0 6px 25px;
      margin-right: 0;
      min-height: 2rem;
      display: block; }
    section.freeBlock ul.list_3column_link .list_summary_l .link_box a.icon_pdf,
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a.icon_pdf {
      background-position: top left; }
    section.freeBlock ul.list_3column_link .list_summary_l .link_box a.icon_page,
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a.icon_page {
      background-position: top -1px left; }
    section.freeBlock ul.list_3column_link .list_summary_l .link_box a.icon_youtube,
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a.icon_youtube {
      background-position: top -1px left; }
    section.freeBlock ul.list_3column_link .list_summary_l .link_box a.icon_dot,
    section.freeBlock ul.list_3column_link .list_summary_r .link_box a.icon_dot {
      background-position: top 1px left; }
  section.freeBlock ul.freebox_box_type li h2.box_title {
    font-size: 1.15rem; }
  section.freeBlock ul.freebox_box_type li p.box_lead {
    margin-bottom: 10px; }
  section.freeBlock ul.freebox_box_type li p.caption {
    text-align: left;
    margin-top: 5px; }
  section.freeBlock ul.freebox_box_type.box_1block ul.img_list li {
    margin-right: 0;
    float: none; }
  section.freeBlock ul.freebox_box_type.box_1block ul.img_list.column_4 li {
    width: 100%; }
  section.freeBlock ul.freebox_box_type.box_1block ul.img_list.column_3 li {
    width: 100%; }
  section.freeBlock ul.freebox_box_type.box_1block ul.img_list.column_2 li {
    width: 100%; }
  section.freeBlock ul.freebox_box_type.box_2block li div.column_l {
    width: 100%; }
  section.freeBlock ul.freebox_box_type.box_2block li div.column_r {
    width: 100%; }
    section.freeBlock ul.freebox_box_type.box_2block li div.column_r p.caption {
      margin-top: 5px; } }