@charset "UTF-8";
body {
  overflow-x: hidden;
  background-color: #B3F1FF; }

/********************************************************/
.archive_single {
  max-width: 1000px;
  width: calc(100% - 40px);
  margin: 0 auto;
  position: relative;
  z-index: 10; }
  .archive_single .no_single {
    font: 3.0rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 700; }

.content .archive_single ~ .archive_single {
  margin: 150px auto 0; }
  .content .archive_single ~ .archive_single:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-top: 2px dotted #0596CC;
    top: -75px;
    left: 0; }

.single_ttl {
  width: 100%;
  margin: 0 auto 70px; }
  .single_ttl h3 {
    font: 3.0rem / 1.5em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 45px 0 0;
    color: #00418C;
    margin: 0 0 50px; }
    .single_ttl h3:before {
      position: absolute;
      content: "";
      display: block;
      background: url("../images/common/list-mark.svg") center center no-repeat;
      background-size: contain;
      width: 85px;
      height: 33px;
      top: 0; }

.section {
  font: 1.6rem/2.4em 'Noto Sans JP', sans-serif;
  font-weight: 400;
  margin: 0 auto 100px; }
  .section img {
    margin: 0 auto 30px;
    max-width: 100%;
    width: object-fit;
    height: auto;
    display: block; }
  .section p {
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 0 30px; }
  .section a {
    font-weight: 500;
    color: #00418C; }
    .section a:hover {
      text-decoration: underline; }
  .section h1 {
    font: 200%/1.4em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 0 10px;
    color: #00418C;
    padding: 0; }
  .section h2 {
    font: 180%/1.6em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 0 10px;
    color: #00418C;
    padding: 0; }
  .section h3 {
    font: 160%/1.6em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 0 10px;
    color: #00418C;
    padding: 0; }
  .section h4 {
    font: 140%/1.8em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 0 10px;
    color: #00418C;
    padding: 0; }
  .section h5 {
    font: 120%/1.8em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 0 10px;
    color: #00418C;
    padding: 0; }
  .section h6 {
    font: 100%/2.0em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    text-align: justify;
    text-justify: inter-ideograph;
    margin: 0 0 10px;
    color: #00418C;
    padding: 0; }

@media (max-width: 1280px) {
  .archive_single {
    width: calc(100% - 40px); } }
/*max-width:1280px*/
@media (max-width: 1024px) {
  .archive_single {
    width: calc(100% - 40px); } }
/*max-width:1024px*/
@media (max-width: 768px) {
  .single_ttl h3 {
    font: 2.2rem / 1.0em 'Noto Sans JP', sans-serif;
    font-weight: 700;
    display: block;
    padding: 50px 0 0;
    color: #00418C;
    margin: 0 0 50px;
    text-align: center; }
    .single_ttl h3 small {
      font: 1.5rem/1.0em 'Noto Sans JP', sans-serif;
      font-weight: 500;
      padding: 8px 0 0;
      display: block; }
    .single_ttl h3:before {
      top: 0%;
      left: 50%;
      -webkit-transform: translate(-50%, 0%);
      /* Safari用 */
      transform: translate(-50%, 0%); }

  .section {
    font: 1.5rem/1.8em 'Noto Sans JP', sans-serif;
    font-weight: 400;
    min-height: auto;
    max-width: 480px;
    margin: 0 auto 50px; }
    .section h1 {
      font: 190%/1.4em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      text-align: justify;
      text-justify: inter-ideograph;
      margin: 0 0 10px;
      color: #00418C; }
    .section h2 {
      font: 170%/1.6em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      text-align: justify;
      text-justify: inter-ideograph;
      margin: 0 0 10px;
      color: #00418C; }
    .section h3 {
      font: 150%/1.6em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      text-align: justify;
      text-justify: inter-ideograph;
      margin: 0 0 10px;
      color: #00418C; }
    .section h4 {
      font: 130%/1.8em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      text-align: justify;
      text-justify: inter-ideograph;
      margin: 0 0 10px;
      color: #00418C; }
    .section h5 {
      font: 110%/1.8em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      text-align: justify;
      text-justify: inter-ideograph;
      margin: 0 0 10px;
      color: #00418C; }
    .section h6 {
      font: 100%/2.0em 'Noto Sans JP', sans-serif;
      font-weight: 700;
      text-align: justify;
      text-justify: inter-ideograph;
      margin: 0 0 10px;
      color: #00418C; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .archive_single .no_single {
    font: 2.5rem/1.0em 'Noto Sans JP', sans-serif;
    font-weight: 700; } }
/*max-width:480px*/