@charset "UTF-8";
@import url("base.css");
/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/
/*基本設定*/
/*メイン*/
#top_m {
  margin: 5em auto 0; }
  #top_m #headline {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    #top_m #headline h1 {
      width: 210px; }
    #top_m #headline p {
      width: calc(100% - 250px);
      font-size: 250%;
      font-weight: bold;
      color: #2e3192; }
  #top_m #inner {
    margin: 3em 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-image: url("../img/point/back01.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 322px auto; }
    #top_m #inner p {
      width: 322px;
      line-height: 2; }
    #top_m #inner figure {
      width: calc(100% - 350px); }
  #top_m #page_menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 3em 0 0; }
    #top_m #page_menu li {
      width: 23%; }
      #top_m #page_menu li:nth-child(n+5) {
        margin: 1em 0 0; }
      #top_m #page_menu li a {
        border-radius: 6px;
        display: block;
        color: #fff;
        font-size: 125%;
        font-weight: bold;
        text-decoration: none;
        background-color: #83bbd6;
        padding: 0.5em 0;
        text-align: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all  0.3s ease; }
        #top_m #page_menu li a:hover, #top_m #page_menu li a:active {
          color: #fff;
          text-decoration: none;
          background-color: #9BC8DE; }
    #top_m #page_menu .kantou a {
      background-color: #a5d188; }
      #top_m #page_menu .kantou a:hover, #top_m #page_menu .kantou a:active {
        background-color: #B6DA9F; }
    #top_m #page_menu .chubu a {
      background-color: #f9c586; }
      #top_m #page_menu .chubu a:hover, #top_m #page_menu .chubu a:active {
        background-color: #FAD3A4; }
    #top_m #page_menu .kansai a {
      background-color: #5389c8; }
      #top_m #page_menu .kansai a:hover, #top_m #page_menu .kansai a:active {
        background-color: #6C9AD0; }
    #top_m #page_menu .kyusyu a {
      background-color: #eba3b4; }
      #top_m #page_menu .kyusyu a:hover, #top_m #page_menu .kyusyu a:active {
        background-color: #EFB7C4; }

#touhoku, #kantou, #chubu, #kansai, #kyusyu {
  margin: 5em auto 0; }
  #touhoku h2, #kantou h2, #chubu h2, #kansai h2, #kyusyu h2 {
    font-size: 181%;
    display: flex;
    align-items: center;
    color: #83bbd6; }
    #touhoku h2::before, #touhoku h2::after, #kantou h2::before, #kantou h2::after, #chubu h2::before, #chubu h2::after, #kansai h2::before, #kansai h2::after, #kyusyu h2::before, #kyusyu h2::after {
      content: "";
      height: 2px;
      flex-grow: 1;
      background-color: #83bbd6; }
  #touhoku h2:before, #kantou h2:before, #chubu h2:before, #kansai h2:before, #kyusyu h2:before {
    margin-right: 1rem; }
  #touhoku h2:after, #kantou h2:after, #chubu h2:after, #kansai h2:after, #kyusyu h2:after {
    margin-left: 1rem; }
  #touhoku ul, #kantou ul, #chubu ul, #kansai ul, #kyusyu ul {
    width: 100%; }
    #touhoku ul li:nth-child(n+2), #kantou ul li:nth-child(n+2), #chubu ul li:nth-child(n+2), #kansai ul li:nth-child(n+2), #kyusyu ul li:nth-child(n+2) {
      margin: 3em 0 0; }
    #touhoku ul li h3, #kantou ul li h3, #chubu ul li h3, #kansai ul li h3, #kyusyu ul li h3 {
      font-size: 137%;
      color: #83bbd6; }
    #touhoku ul li p, #kantou ul li p, #chubu ul li p, #kansai ul li p, #kyusyu ul li p {
      text-align: right;
      margin: 0.25em 0 0;
      font-weight: bold; }
    #touhoku ul li .inner, #kantou ul li .inner, #chubu ul li .inner, #kansai ul li .inner, #kyusyu ul li .inner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #touhoku ul li .inner figure, #kantou ul li .inner figure, #chubu ul li .inner figure, #kansai ul li .inner figure, #kyusyu ul li .inner figure {
        width: 48%; }
      #touhoku ul li .inner .ggmap, #kantou ul li .inner .ggmap, #chubu ul li .inner .ggmap, #kansai ul li .inner .ggmap, #kyusyu ul li .inner .ggmap {
        width: 48%;
        position: relative;
        padding-bottom: 23%;
        height: 0;
        overflow: hidden; }
        #touhoku ul li .inner .ggmap .ggmap iframe, #touhoku ul li .inner .ggmap .ggmap object, #touhoku ul li .inner .ggmap .ggmap embed, #kantou ul li .inner .ggmap .ggmap iframe, #kantou ul li .inner .ggmap .ggmap object, #kantou ul li .inner .ggmap .ggmap embed, #chubu ul li .inner .ggmap .ggmap iframe, #chubu ul li .inner .ggmap .ggmap object, #chubu ul li .inner .ggmap .ggmap embed, #kansai ul li .inner .ggmap .ggmap iframe, #kansai ul li .inner .ggmap .ggmap object, #kansai ul li .inner .ggmap .ggmap embed, #kyusyu ul li .inner .ggmap .ggmap iframe, #kyusyu ul li .inner .ggmap .ggmap object, #kyusyu ul li .inner .ggmap .ggmap embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }

#kantou h2 {
  color: #a5d188; }
  #kantou h2::before, #kantou h2::after {
    background-color: #a5d188; }
#kantou ul li h3 {
  color: #a5d188; }

#chubu h2 {
  color: #f9c586; }
  #chubu h2::before, #chubu h2::after {
    background-color: #f9c586; }
#chubu ul li h3 {
  color: #f9c586; }

#kansai h2 {
  color: #5389c8; }
  #kansai h2::before, #kansai h2::after {
    background-color: #5389c8; }
#kansai ul li h3 {
  color: #5389c8; }

#kyusyu h2 {
  color: #eba3b4; }
  #kyusyu h2::before, #kyusyu h2::after {
    background-color: #eba3b4; }
#kyusyu ul li h3 {
  color: #eba3b4; }

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/
/* pc */
@media screen and (min-width: 1100px) {
  /*ヘッダー*/
  /*メイン*/
  #top_m, #touhoku, #kantou, #chubu, #kansai, #kyusyu {
    width: 1000px; }

  /*フッター*/ }
/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1099px) {
  /*ヘッダー*/
  /*メイン*/
  #top_m, #touhoku, #kantou, #chubu, #kansai, #kyusyu {
    width: 90%; }

  /*フッター*/ }
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/
/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1099px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #top_m #headline p {
    font-size: 220%; }
  #top_m #inner {
    margin: 3em 0 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-image: url("../img/point/back01.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 40% auto; }
    #top_m #inner p {
      width: 40%; }
    #top_m #inner figure {
      width: 56%; }

  /*フッター*/ }
/* tablet2  */
@media only screen and (max-width: 767px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  #top_m {
    margin: 2.5em auto 0; }
    #top_m #headline {
      flex-direction: column; }
      #top_m #headline h1 {
        width: 180px;
        margin: 0 auto 0 0; }
      #top_m #headline p {
        width: 100%;
        font-size: 180%; }
    #top_m #inner {
      margin: 1.5em 0 0;
      flex-direction: column;
      background-image: none; }
      #top_m #inner p {
        width: 100%; }
      #top_m #inner figure {
        width: 80%;
        margin: 2em auto 0; }
    #top_m #page_menu {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      margin: 1.5em 0 0; }
      #top_m #page_menu li {
        width: 48%; }
        #top_m #page_menu li:nth-child(n+2) {
          margin: 1em 0 0; }

  #touhoku, #kantou, #chubu, #kansai, #kyusyu {
    margin: 2.5em auto 0; }
    #touhoku h2, #kantou h2, #chubu h2, #kansai h2, #kyusyu h2 {
      font-size: 160%; }
    #touhoku ul, #kantou ul, #chubu ul, #kansai ul, #kyusyu ul {
      width: 100%; }
      #touhoku ul li:nth-child(n+2), #kantou ul li:nth-child(n+2), #chubu ul li:nth-child(n+2), #kansai ul li:nth-child(n+2), #kyusyu ul li:nth-child(n+2) {
        margin: 1.5em 0 0; }
      #touhoku ul li h3, #kantou ul li h3, #chubu ul li h3, #kansai ul li h3, #kyusyu ul li h3 {
        font-size: 115%; }
      #touhoku ul li .inner, #kantou ul li .inner, #chubu ul li .inner, #kansai ul li .inner, #kyusyu ul li .inner {
        flex-direction: column; }
        #touhoku ul li .inner figure, #kantou ul li .inner figure, #chubu ul li .inner figure, #kansai ul li .inner figure, #kyusyu ul li .inner figure {
          width: 100%;
          margin: 0 0 1em; }
        #touhoku ul li .inner .ggmap, #kantou ul li .inner .ggmap, #chubu ul li .inner .ggmap, #kansai ul li .inner .ggmap, #kyusyu ul li .inner .ggmap {
          width: 100%;
          padding-bottom: 56.25%; } }
/* smartPhone1 */
@media only screen and (max-width: 499px) {
  /*基本設定*/
  /*ヘッダー*/
  /*メイン*/
  /*フッター*/ }