@charset "UTF-8";
.bace-width, main section.page-wrap p.link-txt01, main section.page-wrap ul.movie-list,  main section.page-wrap ul.movie-list2, main section.page-wrap h3.communication_subtitle, main section.page-wrap dl.communication, main section.page-wrap ul.communication_list-top, main section.page-wrap ul.communication_imglist, main section.page-wrap dl.pastforums, main section.page-wrap div.adobepdf-box, main section.page-wrap dl.communication_document_list dd ul, main section.page-wrap div.wholecountry_box01, main section.page-wrap div.wholecountry_box02, main section.page-wrap ul.qa-list, main section.page-wrap ul.history-link-list, main section.page-wrap h3.history-sub-title, main section.page-wrap div.history-box, main section.page-wrap figure.nagashima-image01, main section.page-wrap div.nagashima-box, main section.page-wrap div.nagashima-box02, main section.page-wrap div.nagashima-box03 {
  width: 90%;
  margin: 0 auto; }

main {
  /*h２*/
  /*ul.bread_list*/
  /***トピックス****/
  /*article*/
  /*****トピックス*****/
  /*****コミュニケーション記事*****/
  /*コミュニケーション記事ここまで*/
  /*section*/ }
  main img {
    max-width: 100%; }
  main h2.page_title {
    position: relative;
    width: 100%;
    margin-top: 20px; }
    main h2.page_title img {
      width: 100%; }
    main h2.page_title span {
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); }
      main h2.page_title span.topics-title {
        width: 142px; }
      main h2.page_title span.link-title {
        width: 172px; }
      main h2.page_title span.movie-title {
        width: 72px; }
      main h2.page_title span.communication-title {
        width: 282px; }
      main h2.page_title span.history-title {
        width: 74px; }
      main h2.page_title span.nagashima-title {
        width: 186px; }
      main h2.page_title span.qa-title {
        width: 96px; }
  main ul.bread_list {
    display: flex;
    margin-bottom: 30px; }
    main ul.bread_list li {
      font-size: 11px;
      color: #173a84;
      display: flex;
      align-items: center;
      padding-right: 10px;
      line-height: 1.5em; }
      main ul.bread_list li a {
        color: #808080; }
      main ul.bread_list li::after {
        content: " | ";
        display: block;
        padding-left: 10px; }
      main ul.bread_list li:last-child::after {
        display: none; }
  main article.topics_box {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px; }
    main article.topics_box h1 {
      font-size: 16px;
      color: #173a84;
      border-bottom: dotted 1px #173a84;
      padding-bottom: 8px;
      margin-bottom: 20px; }
    main article.topics_box p {
      margin-bottom: 30px; }
    main article.topics_box dl dt {
      font-weight: bold; }
    main article.topics_box figure {
      width: 100%;
      margin-bottom: 30px; }
  main a#topics_more_btn {
    display: block;
    background: #173a84;
    color: #FFF;
    padding: 10px;
    text-align: center;
    width: 140px;
    margin: 0 auto;
    margin-bottom: 60px; }
  main article.communication_article {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 50px; }
    main article.communication_article h1 {
      font-size: 16px;
      color: #173a84;
      border-bottom: solid 1px #173a84;
      padding-bottom: 8px; }
    main article.communication_article figure {
      margin: 0 auto; }
      main article.communication_article figure.communication_article-img01 {
        margin-top: 30px;
        width: 47.2%;
        max-width: 460px; }
      main article.communication_article figure.communication_article-img02 {
        margin-top: 30px;
        width: 35.2%;
        max-width: 345px; }
    main article.communication_article p {
      margin-top: 30px; }
    main article.communication_article ul.communication_pdflist {
      width: 90%;
      margin: 0 auto;
      margin-top: 20px;
      /* 208行目に　section ul.communication_pdflist有り */ }
      main article.communication_article ul.communication_pdflist li {
        margin-bottom: 10px; }
        main article.communication_article ul.communication_pdflist li a {
          display: block;
          position: relative;
          text-indent: 0em;
          padding-top: 5px;
          padding-left: 2.8em;
          margin-left: -1em;
          color: #173a84;
          text-decoration: underline; }
          main article.communication_article ul.communication_pdflist li a::before {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            content: " ";
            background: url("../img/page/communication/PDF_32.png") no-repeat center center;
            width: 32px;
            height: 32px; }
  main a#communication_backbtn {
    display: block;
    width: 40%;
    margin: 0 auto;
    margin-bottom: 40px;
    margin-top: 60px;
    color: #FFF;
    background: #173a84;
    text-align: center;
    padding: 10px 20px; }
  main section {
    /*page-wrap*/ }
    main section.page-wrap {
      margin-bottom: 60px;
      /*関連リンクページ*/
      /*関連リンクページここまで*/
      /*動画ここから*/
      /*ul*/
      /*動画ここまで*/
      /*コミュニケーション*/
      /*h3.communication_subtitle*/
      /**/
      /*dl.communication_list01*/
      /*pastforums 過去のフォーラム*/
      /*資料集*/
      /*資料集*/
      /*全国の療養所*/
      /*div.wholecountry_box01*/
      /*コミュニケーション*/
      /*QA*/
      /*歴史*/
      /*歴史*/
      /*長島*/
      /**/
      /*div.nagashima-box02*/
      /*div.nagashima-box03*/ }
      main section.page-wrap p.link-txt01 {
        margin-bottom: 30px; }
      main section.page-wrap ul.link_banner {
        width: 80%;
        margin: 0 auto; }
        main section.page-wrap ul.link_banner li {
          width: 100%;
          margin-bottom: 20px; }
          main section.page-wrap ul.link_banner li a img {
            width: 100%; }
      main section.page-wrap h2.link_sub_title {
        color: #FFF;
        background: #173a84;
        padding: 10px 0 20px 20px; }
        main section.page-wrap h2.link_sub_title span {
          display: block; }
          main section.page-wrap h2.link_sub_title span.links_subtit01 {
            width: 90px; }
          main section.page-wrap h2.link_sub_title span.links_subtit02 {
            width: 90px; }
          main section.page-wrap h2.link_sub_title span.links_subtit03 {
            width: 157px; }
          main section.page-wrap h2.link_sub_title span.links_subtit03 {
            width: 157px; }
      main section.page-wrap ul.link_box li {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 30px; }
        main section.page-wrap ul.link_box li dl dt {
          color: #173a84;
          font-weight: bold; }
        main section.page-wrap ul.link_box li dl dd a {
          display: block;
          color: #173a84;
          text-decoration: underline;
          margin-bottom: 20px; }
      main section.page-wrap h3.movie_subtitle {
        background: #173a84;
        padding: 10px 0; }
        main section.page-wrap h3.movie_subtitle img {
          display: block;
          height: 18px;
          margin: 0 auto; }
      main section.page-wrap ul.movie-list,
		main section.page-wrap ul.movie-list2 {
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
        /*li*/ }
        main section.page-wrap ul.movie-list li {
          width: 46%;
          margin-bottom: 20px; }
          main section.page-wrap ul.movie-list li:nth-child(odd) {
            margin-right: 8%; }
          main section.page-wrap ul.movie-list li dl {
            padding-top: 4px; }
            main section.page-wrap ul.movie-list li dl dd {
              border-top: solid 1px #a2b0ce;
              line-height: 1.5em;
              font-size: 0.9em;
              padding-top: 3px; }

        main section.page-wrap ul.movie-list2 li {
          margin-bottom: 20px; }

      main section.page-wrap h3.communication_subtitle {
        font-size: 16px;
        color: #173a84;
        border-bottom: solid 1px #173a84;
        padding-bottom: 8px;
        margin-bottom: 20px; }
      main section.page-wrap dl.communication_list01 dt {
        color: #173a84;
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 15px; }
      main section.page-wrap dl.communication_list01 dd {
        font-weight: bold;
        margin-bottom: 10px;
        text-indent: -0.5em;
        margin-left: 1em; }
        main section.page-wrap dl.communication_list01 dd a {
          text-decoration: underline; }
          main section.page-wrap dl.communication_list01 dd a span {
            display: inline-block;
            text-decoration: underline;
            color: #1965bc; }
      main section.page-wrap ul.communication_list-top {
        margin-top: 30px; }
        main section.page-wrap ul.communication_list-top li {
          margin-bottom: 30px; }
          main section.page-wrap ul.communication_list-top li a {
            line-height: 1.2em;
            color: #173a84; }
            main section.page-wrap ul.communication_list-top li a span {
              display: block;
              color: #ff1d25; }
      main section.page-wrap ul.communication_imglist {
        margin-top: 30px; }
        main section.page-wrap ul.communication_imglist li {
          margin-bottom: 20px; }
      main section.page-wrap ul.communication_pdflist li {
        margin-bottom: 10px; }
        main section.page-wrap ul.communication_pdflist li a {
          display: block;
          position: relative;
          text-indent: 0em;
          padding-top: 5px;
          padding-left: 2.8em;
          margin-left: -1em;
          color: #173a84;
          text-decoration: underline; }
          main section.page-wrap ul.communication_pdflist li a::before {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            content: " ";
            background: url("../img/page/communication/PDF_32.png") no-repeat center center;
            width: 32px;
            height: 32px; }
      main section.page-wrap ul.commnicatioin2003-pdf {
        width: 88%;
        margin: 0 auto; }
      main section.page-wrap dl.pastforums {
        /*過去のフォーラム*/ }
        main section.page-wrap dl.pastforums dt {
          color: #173a84; }
        main section.page-wrap dl.pastforums dd {
          margin-bottom: 20px; }
          main section.page-wrap dl.pastforums dd a {
            font-weight: bold;
            text-decoration: underline; }
      main section.page-wrap p.communication_document_txt {
        width: 88%;
        margin: 0 auto;
        text-align: justify; }
      main section.page-wrap div.adobepdf-box {
        margin-top: 30px; }
        main section.page-wrap div.adobepdf-box p {
          margin-top: 10px;
          text-align: justify;
          line-height: 1.5em; }
          main section.page-wrap div.adobepdf-box p a {
            color: #173a84;
            text-decoration: underline; }
      main section.page-wrap dl.communication_document_list {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px; }
        main section.page-wrap dl.communication_document_list dt {
          background: #173a84;
          color: #FFF;
          padding: 5px 0 5px 10px; }
        main section.page-wrap dl.communication_document_list dd {
          margin-top: 20px; }
      main section.page-wrap figure.communication_document_image {
        width: 80%;
        margin-left: 5%; }
      main section.page-wrap div.wholecountry_box01 {
        overflow-x: scroll; }
        main section.page-wrap div.wholecountry_box01 p {
          width: 562px;
          text-align: right;
          color: #173a84; }
        main section.page-wrap div.wholecountry_box01 table.wholecountry_table01 {
          width: 562px; }
          main section.page-wrap div.wholecountry_box01 table.wholecountry_table01 th {
            background: #d5dce9;
            border-right: solid 2px #FFF;
            color: #173a84;
            text-align: center; }
            main section.page-wrap div.wholecountry_box01 table.wholecountry_table01 th.shisetsu {
              width: 110px; }
            main section.page-wrap div.wholecountry_box01 table.wholecountry_table01 th.nyukyo {
              width: 80px; }
            main section.page-wrap div.wholecountry_box01 table.wholecountry_table01 th.syozai {
              width: 250px; }
            main section.page-wrap div.wholecountry_box01 table.wholecountry_table01 th.denwa {
              width: 116px; }
        main section.page-wrap div.wholecountry_box01 dl {
          width: 562px; }
          main section.page-wrap div.wholecountry_box01 dl dt {
            color: #173a84;
            margin-top: 20px;
            font-weight: bold; }
          main section.page-wrap div.wholecountry_box01 dl dd {
            /**/ }
            main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table02, main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table03 {
              width: 100%; }
              main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table02 th, main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table03 th {
                width: 110px;
                background: #dadfeb;
                border-right: solid 2px #FFF;
                border-bottom: solid 2px #FFF; }
                main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table02 th a, main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table03 th a {
                  color: #173a84;
                  text-decoration: underline; }
              main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table02 td, main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table03 td {
                background: #eceff5;
                border-right: solid 2px #FFF;
                color: #173a84;
                border-bottom: solid 2px #FFF; }
                main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table02 td.nyukyo, main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table03 td.nyukyo {
                  width: 80px;
                  text-align: center; }
                main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table02 td.syozai, main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table03 td.syozai {
                  width: 238px;
                  padding-left: 12px; }
                main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table02 td.denwa, main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table03 td.denwa {
                  width: 104px;
                  padding-left: 12px; }
            main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table03 th, main section.page-wrap div.wholecountry_box01 dl dd table.wholecountry_table03 td {
              background: #f2f2f2; }
      main section.page-wrap div.wholecountry_box02 {
        margin-top: 40px; }
        main section.page-wrap div.wholecountry_box02 dl:last-of-type {
          margin-top: 20px; }
        main section.page-wrap div.wholecountry_box02 dl dt {
          color: #173a84;
          font-weight: bold; }
          main section.page-wrap div.wholecountry_box02 dl dt span {
            font-weight: normal;
            font-size: 0.8em; }
        main section.page-wrap div.wholecountry_box02 dl dd {
          display: flex;
/*          width: 48%;*/
          justify-content: space-between;
          color: #173a84; }
/*          main section.page-wrap div.wholecountry_box02 dl dd:first-of-type {
            border-bottom: solid 1px #173a84; }*/
          main section.page-wrap div.wholecountry_box02 .underline {
            border-bottom: solid 1px #173a84; }
          main section.page-wrap div.wholecountry_box02 dl dd span {
            display: block; }
      main section.page-wrap ul.qa-list {
        margin: 0 auto;
        /*li*/ }
        main section.page-wrap ul.qa-list li {
          margin-bottom: 20px;
          /*dd*/ }
          main section.page-wrap ul.qa-list li dt {
            background: #173a84;
            padding: 10px 0 10px 10px;
            color: #FFF; }
            main section.page-wrap ul.qa-list li dt.accordion {
              position: relative; }
              main section.page-wrap ul.qa-list li dt.accordion::after {
                display: block;
                position: absolute;
                right: 22px;
                top: 50%;
                transform: translate(0%, -50%);
                -webkit-transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%);
                content: " ";
                width: 12px;
                height: 8px;
                background: url("../img/page/qa/open.svg") no-repeat center center; }
            main section.page-wrap ul.qa-list li dt.open::after {
              display: block;
              position: absolute;
              right: 22px;
              top: 50%;
              transform: translate(0%, -50%);
              -webkit-transform: translate(0%, -50%);
              -ms-transform: translate(0%, -50%);
              content: " ";
              width: 12px;
              height: 8px;
              background: url("../img/page/qa/close.svg") no-repeat center center; }
          main section.page-wrap ul.qa-list li dd {
            border: solid 1px #173a84;
            box-sizing: border-box;
            width: 100%;
            padding: 15px 2% 15px 2%;
            text-align: justify;
            display: none;
            /*div.qa-answer01*/ }
            main section.page-wrap ul.qa-list li dd span.arrow {
              display: block;
              margin-left: 10px;
              margin-bottom: 5px; }
            main section.page-wrap ul.qa-list li dd dl {
              margin-top: 20px; }
              main section.page-wrap ul.qa-list li dd dl dt {
                padding: 0;
                display: inline;
                background: #ffff95;
                color: #000; }
                main section.page-wrap ul.qa-list li dd dl dt.qa-irregular-subtitle {
                  display: block;
                  background: none;
                  color: #173a84; }
                main section.page-wrap ul.qa-list li dd dl dt.red {
                  color: #ff0000; }
              main section.page-wrap ul.qa-list li dd dl dd {
                border: none;
                padding: 0;
                display: block; }
              main section.page-wrap ul.qa-list li dd dl.q05_yellowbox {
                margin-bottom: 20px; }
                main section.page-wrap ul.qa-list li dd dl.q05_yellowbox dt {
                  display: block;
                  text-align: center; }
                main section.page-wrap ul.qa-list li dd dl.q05_yellowbox dd {
                  border: solid 1px #ffff95;
                  padding: 15px; }
              main section.page-wrap ul.qa-list li dd dl.qa-irregular dd dl {
                margin-top: 0; }
            main section.page-wrap ul.qa-list li dd div.qa-answer01 {
              display: flex;
              /*div.qa-left*/ }
              main section.page-wrap ul.qa-list li dd div.qa-answer01 div.qa-left {
                width: 30%; }
                main section.page-wrap ul.qa-list li dd div.qa-answer01 div.qa-left figure {
                  margin-bottom: 10px; }
                  main section.page-wrap ul.qa-list li dd div.qa-answer01 div.qa-left figure figcaption {
                    font-size: 11px;
                    text-align: right;
                    line-height: 1em; }
              main section.page-wrap ul.qa-list li dd div.qa-answer01 div.qa-right {
                width: 63%;
                margin-left: 5%; }
                main section.page-wrap ul.qa-list li dd div.qa-answer01 div.qa-right p:nth-of-type(2) {
                  margin: 20px 0; }
      main section.page-wrap ul.history-link-list li {
        background: #173a84;
        color: #FFF;
        padding: 10px;
        position: relative;
        margin-bottom: 20px;
        /*					&::after{
        						position: absolute;
        						display: block;
        						content: " ";
        						width: 28px;
        						height: 100%;
        						background: url("../img/page/hisatory/arrow.svg") no-repeat center center #122b6b;
        						background-size: 12px;
        						right: 0;
        						top: 0;
        					}*/ }
        main section.page-wrap ul.history-link-list li dl {
          width: 80%;
          margin: 5%; }
          main section.page-wrap ul.history-link-list li dl dt {
            font-size: 17px;
            font-weight: bold;
            border-bottom: solid 1px #FFF;
            margin-bottom: 10px; }
          main section.page-wrap ul.history-link-list li dl dd {
            font-size: 12px;
            line-height: 1.5em; }
            main section.page-wrap ul.history-link-list li dl dd div figure {
              width: 60%;
              margin: 0 auto;
              padding: 0 0 10px 0; }
        main section.page-wrap ul.history-link-list li a {
          display: block;
          position: absolute;
          width: 28px;
          height: 100%;
          right: 0;
          top: 0;
          background: #122b6b; }
          main section.page-wrap ul.history-link-list li a img {
            display: block;
            position: absolute;
            width: 12px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%); }
      main section.page-wrap h3.history-sub-title {
        background: #173a84;
        color: #FFF;
        text-align: center;
        line-height: 1.4em;
        padding: 10px 0;
        margin-bottom: 30px; }
        main section.page-wrap h3.history-sub-title span {
          font-size: 0.9em; }
      main section.page-wrap div.history-box {
        padding: 20px 0;
        margin-bottom: 30px; }
        main section.page-wrap div.history-box dl {
          width: 90%;
          margin: 0 auto; }
          main section.page-wrap div.history-box dl dt {
            display: flex;
            padding: 10px;
            color: #FFF; }
            main section.page-wrap div.history-box dl dt span {
              display: block; }
              main section.page-wrap div.history-box dl dt span.icon01 {
                width: 14px;
                height: 22px; }
              main section.page-wrap div.history-box dl dt span.icon02 {
                width: 18px;
                height: 22px; }
              main section.page-wrap div.history-box dl dt span.title {
                font-size: 1.2em;
                font-weight: bold;
                padding-top: 0.1em;
                padding-left: 5px; }
              main section.page-wrap div.history-box dl dt span.age {
                font-size: 0.9em;
                padding-top: 0.2em;
                padding-left: 5px; }
          main section.page-wrap div.history-box dl dd {
            padding-top: 20px; }
            main section.page-wrap div.history-box dl dd.colum02 div {
              width: 100%;
              margin-top: 20px; }
              main section.page-wrap div.history-box dl dd.colum02 div figure {
                margin-bottom: 20px;
                text-align: center; }
            main section.page-wrap div.history-box dl dd.colum02 p {
              width: 100%;
              margin-left: 2%; }
            main section.page-wrap div.history-box dl dd.colum02-irregular div div {
              width: 100%;
              display: block; }
              main section.page-wrap div.history-box dl dd.colum02-irregular div div figure {
                margin-bottom: 20px;
                text-align: center; }
            main section.page-wrap div.history-box dl dd.colum02-irregular div p {
              width: 100%;
              margin-left: 0; }
      main section.page-wrap div.history-blue {
        background: #e3e7f0; }
        main section.page-wrap div.history-blue dl dt {
          background: #7ea9d9; }
      main section.page-wrap div.history-purple {
        background: #e0d9ea; }
        main section.page-wrap div.history-purple dl dt {
          background: #593286; }
      main section.page-wrap div.history-pink {
        background: #f0dbe3; }
        main section.page-wrap div.history-pink dl dt {
          background: #c32a7a; }
      main section.page-wrap figure.nagashima-image01 {
        max-width: 726px; }
      main section.page-wrap div.nagashima-box {
        margin-bottom: 30px;
        /*ul.smp-block{*/ }
        main section.page-wrap div.nagashima-box h3 {
          width: 80%;
          margin: 0 auto;
          margin-top: 20px;
          margin-bottom: 20px; }
        main section.page-wrap div.nagashima-box dl {
          margin-top: 60px; }
        main section.page-wrap div.nagashima-box div.modal-map {
          width: 100%;
          position: relative; }
          main section.page-wrap div.nagashima-box div.modal-map a {
            display: block;
            position: absolute; }
            main section.page-wrap div.nagashima-box div.modal-map a#no000 {
              width: 2%;
              height: 4%;
              left: 23%;
              top: 58%; }
            main section.page-wrap div.nagashima-box div.modal-map a#no00 {
              width: 18%;
              left: 12%;
              top: 48.6%; }
            main section.page-wrap div.nagashima-box div.modal-map a#no01 {
              width: 3.8%;
              right: 29.6%;
              top: 45.8%; }
            main section.page-wrap div.nagashima-box div.modal-map a#no02 {
              width: 3.8%;
              right: 33.6%;
              top: 35.8%; }
            main section.page-wrap div.nagashima-box div.modal-map a#no03 {
              width: 3.8%;
              right: 20.8%;
              top: 41.2%; }
            main section.page-wrap div.nagashima-box div.modal-map a#no04 {
              width: 3.8%;
              right: 29.6%;
              top: 28.6%; }
            main section.page-wrap div.nagashima-box div.modal-map a#no05 {
              width: 3.8%;
              left: 30.6%;
              top: 58.6%; }
            main section.page-wrap div.nagashima-box div.modal-map a#no06 {
              width: 3.8%;
              left: 26.6%;
              top: 53%; }
            main section.page-wrap div.nagashima-box div.modal-map a#no07 {
              width: 3.8%;
              left: 36.6%;
              top: 64.8%; }
            main section.page-wrap div.nagashima-box div.modal-map a#no08 {
              width: 3.8%;
              left: 29.2%;
              top: 75.2%; }
        main section.page-wrap div.nagashima-box ul.smp-block {
          margin-top: 10px; }
          main section.page-wrap div.nagashima-box ul.smp-block li a span {
            display: inline-block;
            width: 20px;
            height: 20px;
            color: #FFF;
            border-radius: 50%;
            text-align: center;
            line-height: 20px;
            margin-right: 10px; }
            main section.page-wrap div.nagashima-box ul.smp-block li a span.circle-blue {
              background: #173a84; }
            main section.page-wrap div.nagashima-box ul.smp-block li a span.circle-orange {
              background: #ea5532; }
          main section.page-wrap div.nagashima-box ul.smp-block li a.blue {
            color: #173a84; }
          main section.page-wrap div.nagashima-box ul.smp-block li a.orange {
            color: #ea5532; }
      main section.page-wrap div.nagashima-box02 {
        margin-bottom: 30px;
        /*div.content.show*/ }
        main section.page-wrap div.nagashima-box02 div.tab-area {
          width: 100%;
          display: flex;
          margin-top: 20px;
          margin-bottom: 20px; }
          main section.page-wrap div.nagashima-box02 div.tab-area div.tab {
            width: 50%;
            padding: 5px 0;
            box-sizing: border-box;
            text-align: center;
            position: relative;
            margin-bottom: 10px; }
            main section.page-wrap div.nagashima-box02 div.tab-area div.tab:first-child {
              border: solid 1px #ea5532;
              color: #ea5532; }
            main section.page-wrap div.nagashima-box02 div.tab-area div.tab:last-child {
              border: solid 1px #173a84;
              color: #173a84; }
            main section.page-wrap div.nagashima-box02 div.tab-area div.tab::before {
              display: none;
              position: absolute;
              /*絶対配置*/
              content: '';
              /*空に*/
              border-top: 10px solid #EFEFEF;
              /*三角を作る*/
              border-right: 10px solid transparent;
              border-left: 10px solid transparent;
              top: 100%;
              /*下にフィット*/
              left: 50%;
              /*中央配置*/
              transform: translateX(-50%);
              /*一応ズレを補正*/ }
          main section.page-wrap div.nagashima-box02 div.tab-area div.ayumi01.active {
            background: #ea5532;
            color: #FFF; }
            main section.page-wrap div.nagashima-box02 div.tab-area div.ayumi01.active::before {
              display: block;
              border-top: 10px solid #ea5532;
              /*三角を作る*/ }
          main section.page-wrap div.nagashima-box02 div.tab-area div.ayumi02.active {
            background: #173a84;
            color: #FFF; }
            main section.page-wrap div.nagashima-box02 div.tab-area div.ayumi02.active::before {
              display: block;
              border-top: 10px solid #173a84;
              /*三角を作る*/ }
        main section.page-wrap div.nagashima-box02 div.content {
          display: none; }
        main section.page-wrap div.nagashima-box02 div.content.show {
          display: block;
          /*ul*/ }
          main section.page-wrap div.nagashima-box02 div.content.show ul li {
            padding-bottom: 10px;
            margin-bottom: 10px; }
            main section.page-wrap div.nagashima-box02 div.content.show ul li dl dt {
              font-weight: bold; }
            main section.page-wrap div.nagashima-box02 div.content.show ul li dl dd {
              margin-left: 1em; }
          main section.page-wrap div.nagashima-box02 div.content.show ul.ayumi-list01 li {
            border-bottom: dotted 1px #ea5532; }
            main section.page-wrap div.nagashima-box02 div.content.show ul.ayumi-list01 li dl dt {
              color: #ea5532; }
          main section.page-wrap div.nagashima-box02 div.content.show ul.ayumi-list02 li {
            border-bottom: dotted 1px #173a84; }
            main section.page-wrap div.nagashima-box02 div.content.show ul.ayumi-list02 li dl dt {
              color: #173a84; }
      main section.page-wrap div.nagashima-box03 {
        margin-bottom: 30px; }
        main section.page-wrap div.nagashima-box03 div#nagashima-access-map {
          width: 100%;
          padding-top: 50%; }
        main section.page-wrap div.nagashima-box03 dl {
          margin-top: 20px; }
          main section.page-wrap div.nagashima-box03 dl dt {
            display: inline-block;
            padding: 5px 10px 5px 10px;
            width: 3.2em;
            text-align: center;
            background: #173a84;
            color: #FFF;
            font-weight: bold; }
          main section.page-wrap div.nagashima-box03 dl dd span {
            font-weight: bold; }
          main section.page-wrap div.nagashima-box03 dl dd ul li {
            margin-top: 10px; }

div#modal-page {
  /*長島モーダルページ*/
  width: 90%;
  margin: 0 auto;
  margin-top: 20px; }
  div#modal-page h1 {
    text-align: center;
    font-size: 18px;
    color: #173a84;
    border-bottom: dotted 1px #173a84; }
  div#modal-page h2 {
    text-align: center;
    font-size: 16px;
    color: #173a84;
    margin-top: 20px;
    margin-bottom: 20px; }
    div#modal-page h2 span {
      display: inline-block;
      width: 26px;
      height: 26px;
      color: #FFF;
      border-radius: 50%;
      text-align: center;
      line-height: 26px; }
      div#modal-page h2 span.circle-blue {
        background: #173a84; }
      div#modal-page h2 span.circle-orange {
        background: #ea5532; }
    div#modal-page h2.orange {
      color: #ea5532; }
  div#modal-page dl dt {
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px; }
  div#modal-page dl dd {
    width: 80%;
    margin: 0 auto;
    text-align: justify; }
    div#modal-page dl dd figure {
      margin-bottom: 10px; }
  div#modal-page div#closebtn {
    width: 33px;
    margin: 0 auto;
    margin-top: 50px; }

/*div#modal-page*/
@media screen and (min-width: 500px) {
  main section.page-wrap div.nagashima-box div.modal-map a#no01 {
    top: 50%; }

  main section.page-wrap div.nagashima-box div.modal-map a#no02 {
    top: 40%; }

  main section.page-wrap div.nagashima-box div.modal-map a#no03 {
    top: 46%; }

  main section.page-wrap div.nagashima-box div.modal-map a#no04 {
    top: 33%; }

  main section.page-wrap div.nagashima-box div.modal-map a#no05 {
    top: 64.4%; }

  main section.page-wrap div.nagashima-box div.modal-map a#no06 {
    top: 59.2%; }

  main section.page-wrap div.nagashima-box div.modal-map a#no07 {
    top: 70.6%; }

  main section.page-wrap div.nagashima-box div.modal-map a#no08 {
    top: 80.6%; } }