@charset "UTF-8";
.section {
  padding: 3rem 0; }
  .section.section-page {
    background: #F0EEE4; }
  .section .outline {
    padding: 0 1.6rem;
    margin: 0 auto 3rem; }
    .section .outline:last-child {
      margin-bottom: 0; }
  .section p, .section li {
    font-size: 16px; }
  .section img {
    max-width: 100%;
    height: auto; }
  .section a {
    word-break: break-all; }
  .section .pc-only {
    display: none; }

/***************************************
  詳細ページ用見出し
 ***************************************/
.section.section-newsList .outline .header {
  text-align: left;
  margin-bottom: 60px; }
  .section.section-newsList .outline .header h1 {
    border-bottom: solid 1px #CCCCCC; }
    .section.section-newsList .outline .header h1 .day {
      display: block;
      font-size: 16px;
      margin-bottom: 8px;
      letter-spacing: 0; }
    .section.section-newsList .outline .header h1 .title {
      font-size: 26px;
      margin-bottom: 30px;
      letter-spacing: 2.6px; }
      .section.section-newsList .outline .header h1 .title::before {
        content: none; }
.section.section-newsList .outline .footer {
  text-align: center; }
  .section.section-newsList .outline .footer a {
    display: inline-block;
    background: #333333;
    color: #FFFFFF;
    letter-spacing: 0;
    font-size: 16px;
    font-weight: 400;
    padding: 13px 95px;
    text-decoration: none;
    border: solid 1px #333333;
    transition: all .25s; }
    .section.section-newsList .outline .footer a:hover {
      background: #ffffff;
      border: solid 1px #333333;
      color: #333333; }

/*************************************
メインビジュアル
*************************************/
.section-pageVisual {
  padding: 0;
  background: #ffffff;
  overflow: hidden; }
  .section-pageVisual .mainVisualImage {
    margin: 0 auto;
    background-image: url("../assets/images/top-page/mobile/mainvisual-01.jpg");
    background-size: cover;
    background-position: center;
    width: 90%;
    height: 70vw;
    z-index: 2;
    position: relative;
    display: flex;
    align-items: center; }
    .section-pageVisual .mainVisualImage::after {
      content: '';
      background: rgba(119, 119, 119, 0.3);
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; }
    .section-pageVisual .mainVisualImage h1 {
      text-align: center;
      flex-basis: 100%;
      font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
      letter-spacing: 3.6px;
      color: #FFFFFF;
      font-size: 24px;
      font-weight: 600;
      z-index: 2;
      padding: 0 1.6rem;
      margin: 0; }
  .section-pageVisual .breadcrumbs_list {
    z-index: 3;
    position: relative;
    padding: 0 20px;
    width: 100%; }
    .section-pageVisual .breadcrumbs_list li {
      font-size: 13px;
      letter-spacing: 0;
      color: #333333;
      padding: 0 15px 0 0;
      position: relative;
      margin: 0 !important;
      display: inline; }
      .section-pageVisual .breadcrumbs_list li::before {
        display: none !important; }
      .section-pageVisual .breadcrumbs_list li::after {
        content: "\f054";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        font-size: 6px;
        top: 0;
        right: 0; }
      .section-pageVisual .breadcrumbs_list li:last-child::after {
        content: ""; }
      .section-pageVisual .breadcrumbs_list li a {
        color: #333333;
        line-height: 1.6; }
  .section-pageVisual .bottomColor {
    background: #F0EEE4;
    height: 40vw;
    top: -45vw;
    margin-bottom: -45vw;
    z-index: 0;
    position: relative; }

/********************************
 * 見出し
 *******************************/
h1 {
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 2.6px;
  color: #333333;
  margin-bottom: 20px; }
  h1.borderBottom {
    border-bottom: solid 1px #CCCCCC;
    text-align: left;
    padding-bottom: 30px; }
    h1.borderBottom .day {
      display: block;
      font-size: 16px;
      margin-bottom: 8px;
      letter-spacing: 0; }
    h1.borderBottom .title {
      font-size: 26px;
      letter-spacing: 2.6px;
      font-weight: 600;
      color: #333333;
      position: relative;
      display: inline-block; }
      h1.borderBottom .title::before {
        content: none; }

h2 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 1.92px;
  color: #333333;
  margin-bottom: 20px; }

h3 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: #333333;
  margin-bottom: 20px; }

/********************************
 * テキスト・画像
 *******************************/
p {
  letter-spacing: 0;
  color: #444444;
  line-height: 1.8;
  font-size: 16px;
  margin-bottom: 2rem; }
  p:after {
    content: "";
    clear: both;
    display: block;
    margin-bottom: -10px;
    height: 0; }

b {
  font-weight: bold; }

.alignRight {
  margin: 0 0 16px;
  display: block;
  text-align: center; }
  .alignRight img {
    width: calc(100% - 50px);
    height: auto; }
  .alignRight .caption {
    font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.75px;
    color: #777777;
    margin-top: 15px;
    font-weight: 400;
    display: block; }

.alignLeft {
  margin: 0 0 16px;
  display: block;
  text-align: center; }
  .alignLeft img {
    width: calc(100% - 50px);
    height: auto; }
  .alignLeft .caption {
    font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size: 15px;
    letter-spacing: 0.75px;
    color: #777777;
    margin-top: 15px;
    font-weight: 400;
    display: block; }

/***************************************
  ２カラム
 ***************************************/
.column-col2 .col {
  margin-bottom: 1em;
  text-align: center; }
  .column-col2 .col img {
    max-width: 100%;
    height: auto;
    vertical-align: top; }
  .column-col2 .col figcaption {
    font-family: 'Noto Sans CJK JP', 'Noto Sans JP', sans-serif;
    text-align: center;
    letter-spacing: 0.75px;
    color: #777777;
    margin-top: 1em;
    font-weight: 400;
    font-size: 15px; }

/***************************************
  リスト
 ***************************************/
ul {
  margin-bottom: 40px; }
  ul li {
    position: relative;
    padding-left: 30px;
    margin-top: 20px; }
    ul li:first-child {
      margin-top: 0; }
    ul li::before {
      content: '';
      position: absolute;
      top: .7em;
      left: 10px;
      border-radius: 50%;
      width: 7px;
      height: 7px;
      background-color: #333333; }
    ul li ul {
      margin-bottom: 0; }
      ul li ul li:first-child {
        margin-top: 20px; }
      ul li ul li::before {
        content: '';
        position: absolute;
        top: .7em;
        left: 10px;
        border-radius: 50%;
        width: 7px;
        height: 7px;
        background-color: #ffffff;
        border: solid 1px #777777; }
  ul.module_list-notes-01 li {
    letter-spacing: 0.65px;
    font-size: 13px; }
    ul.module_list-notes-01 li::before {
      content: '※';
      position: absolute;
      top: 0;
      left: 10px;
      border-radius: 0;
      width: 0;
      height: 0;
      color: #940067; }

ol {
  margin-bottom: 40px;
  counter-reset: number; }
  ol li {
    position: relative;
    padding-left: 30px;
    margin-top: 20px; }
    ol li:first-child {
      margin-top: 0; }
    ol li::before {
      counter-increment: number;
      content: counter(number) ".";
      left: 15px;
      color: #0B1644;
      font-weight: 700;
      transform: translateX(-50%);
      position: absolute; }

/***************************************
  ボタン・大
 ***************************************/
.button-large {
  font-size: 16px;
  background: #ffffff;
  color: #333333;
  border: solid 1px #333333;
  padding: 13px 60px;
  min-width: 240px;
  display: inline-block;
  letter-spacing: 0;
  text-decoration: none;
  text-align: center;
  position: relative;
  margin: 0 20px 20px 0;
  transition: all .3s; }
  .button-large::after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    color: #333333;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }
  .button-large::before {
    font-size: 16px;
    color: #333333;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }
  .button-large:hover {
    background: #333333;
    border: solid 1px #333333;
    color: #ffffff; }
    .button-large:hover::after, .button-large:hover::before {
      color: #ffffff; }
  .button-large.hoverImage {
    background: #333333;
    border: solid 1px #333333;
    color: #ffffff; }
    .button-large.hoverImage::after {
      color: #ffffff; }
  .button-large.buttonPdf::before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300; }
  .button-large.buttonLink::before {
    content: "\f2d2";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300; }
  .button-large.buttonFile::before {
    content: "\f15b";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300; }

/***************************************
  ボタン・小
 ***************************************/
.button-small {
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding-left: 20px;
  color: #333333;
  margin-bottom: 15px;
  transition: all .3s;
  font-size: 16px;
  margin-right: 20px; }
  .button-small span {
    border-bottom: solid 1px #333333; }
  .button-small::before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    color: #333333;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: all .3s; }
  .button-small::after {
    font-size: 16px;
    color: #333333;
    position: absolute;
    top: 50%;
    right: -22px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transition: all .3s; }
  .button-small.buttonPdf {
    margin-right: 40px; }
    .button-small.buttonPdf::after {
      content: "\f1c1";
      font-family: "Font Awesome 5 Pro";
      font-weight: 300; }
  .button-small.buttonLink {
    margin-right: 40px; }
    .button-small.buttonLink::after {
      content: "\f2d2";
      font-family: "Font Awesome 5 Pro";
      font-weight: 300; }
  .button-small.buttonFile {
    margin-right: 40px; }
    .button-small.buttonFile::after {
      content: "\f15b";
      font-family: "Font Awesome 5 Pro";
      font-weight: 300; }
  .button-small:hover {
    color: #0078E1; }
    .button-small:hover span {
      border-bottom: solid 1px #0078E1; }
    .button-small:hover::after, .button-small:hover::before {
      color: #0078E1; }

/***************************************
  表
 ***************************************/
.table {
  overflow-x: auto;
  margin: 0 auto; }

table {
  border-top: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
  margin-bottom: 50px;
  table-layout: fixed; }
  table tr th, table tr td {
    min-width: 10em; }
  table thead tr th, table thead tr td {
    background: #1A2848;
    color: #ffffff;
    padding: 20px;
    border-bottom: solid 1px #ffffff;
    vertical-align: middle;
    font-size: 16px; }
  table tbody tr th {
    background: #1A2848;
    color: #ffffff;
    padding: 20px;
    border-bottom: solid 1px #ffffff;
    text-align: left;
    vertical-align: middle;
    font-size: 16px; }
    table tbody tr th.backgroundGray {
      background: #CCCCCC;
      color: #333333;
      border-bottom: solid 1px #CCCCCC; }
  table tbody tr td {
    background: #ffffff;
    color: #333333;
    padding: 20px;
    border-right: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    font-size: 16px; }
    table tbody tr td:last-child {
      border-right: none; }

/***************************************
  区切り線
 ***************************************/
.borderLine {
  position: relative;
  display: block;
  padding-bottom: 30px;
  padding-top: 30px; }
  .borderLine::after {
    content: "";
    width: 150px;
    height: 1px;
    background: #CCCCCC;
    position: absolute; }

/*************************************
 著作紹介
*************************************/
.column_auto {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  display: -ms-grid; }
  .column_auto .col_4 {
    margin: 0 0 30px;
    text-align: center; }
    .column_auto .col_4.col_4_1, .column_auto .col_4.col_4_3 {
      margin-right: 30px; }
    .column_auto .col_4.col_4_2, .column_auto .col_4.col_4_4 {
      margin-right: 0; }
    .column_auto .col_4 a {
      color: #333333;
      transition: all .25s;
      text-decoration: none;
      text-align: left; }
      .column_auto .col_4 a:hover {
        opacity: .7;
        text-decoration-color: #E85197; }
        .column_auto .col_4 a:hover span {
          color: #E85197; }
      .column_auto .col_4 a img {
        max-width: 100%;
        height: 185px; }
      .column_auto .col_4 a span {
        margin-top: 10px;
        display: block;
        font-size: 12px;
        color: #333333;
        transition: all .25s; }
        .column_auto .col_4 a span:first-of-type {
          font-size: 14px;
          text-decoration: underline; }

.section-member table, .section-contact table {
  width: 100%; }
  .section-member table th, .section-contact table th {
    width: 25%; }

/*# sourceMappingURL=style.mobile.page.css.map */