@charset "UTF-8";
/* テンプレート
------------------------*/
.template {
  background-color: #eee;
  width: 100%;
  height: 50px; }
  @media screen and (max-width: 640px) {
    .template {
      /*--  640px --*/
      width: 100%;
      height: 25px;
      background-color: #999; } }

/*------------------------------------*/
.wrap--m {
  width: 100%;
  margin: auto;
  max-width: 980px; }

.headline {
  height: auto; }
  .headline .headline__inner {
    width: 100%;
    position: relative; }
    .headline .headline__inner img {
      padding: 1rem;
      margin-bottom: 1rem; }

.height {
  height: 82px; }

.main1 {
  background-image: url("../../img/kashiwa/surroundingmap/kashiwa_back.jpg");
  background-repeat: repeat;
  width: 100%;
  position: relative;
  overflow: hidden; }
  .main1 .icon {
    position: absolute;
    left: -30%;
    top: 135%; }
    @media screen and (max-width: 640px) {
      .main1 .icon {
        display: none; } }
  .main1 .icon2 {
    position: absolute;
    right: -28%;
    top: 162%; }
    @media screen and (max-width: 640px) {
      .main1 .icon2 {
        display: none; } }
  @media screen and (max-width: 640px) {
    .main1 .section01 {
      margin: 0 3%; } }
  .main1 .section01__bace {
    text-align: center;
    margin-top: 4%;
    padding-bottom: 6.3%; }
    @media screen and (max-width: 640px) {
      .main1 .section01__bace .title {
        width: 40%; } }
    .main1 .section01__bace--map {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      font-size: 1.5rem;
      line-height: 21px;
      letter-spacing: 1px;
      color: #ec7600;
      margin-top: 8rem;
      width: 100%;
      height: 100%; }
      @media screen and (max-width: 640px) {
        .main1 .section01__bace--map {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          margin-top: 4%; } }
      .main1 .section01__bace--map .map {
        height: auto; }
      .main1 .section01__bace--map__comment {
        width: 37%;
        text-align: right; }
        @media screen and (max-width: 640px) {
          .main1 .section01__bace--map__comment {
            width: 100%;
            margin: auto;
            text-align: center;
            margin-top: 1rem; } }
        .main1 .section01__bace--map__comment--imgp {
          max-width: 330px;
          text-align: right;
          padding-left: 8%; }
          @media screen and (max-width: 640px) {
            .main1 .section01__bace--map__comment--imgp {
              width: 100%;
              text-align: center;
              padding-left: 0;
              margin: auto; } }
          @media screen and (max-width: 640px) {
            .main1 .section01__bace--map__comment--imgp img {
              margin-bottom: 1rem; } }
          .main1 .section01__bace--map__comment--imgp p {
            margin-top: 1rem;
            text-align: left; }
            @media screen and (max-width: 640px) {
              .main1 .section01__bace--map__comment--imgp p {
                margin: auto; } }

.main2 {
  background-image: url("../../img/kashiwa/surroundingmap/okinawa_back.jpg");
  background-repeat: repeat;
  width: 100%; }
  .main2 .okinawa {
    text-align: center; }
    @media screen and (max-width: 640px) {
      .main2 .okinawa {
        text-align: center;
        width: 40%;
        margin: auto; } }
  @media screen and (max-width: 640px) {
    .main2 .section03 {
      margin: 0 3%; } }
  .main2 .section03__bace {
    margin-top: 4.1%;
    margin-bottom: 2%; }
    .main2 .section03__bace img {
      width: 100%; }
    .main2 .section03__bace--text {
      color: #67b72d;
      margin-top: 1.5rem;
      font-size: 1.5rem;
      letter-spacing: 1px; }
  .main2 .section04 {
    padding-bottom: 10rem;
    /* 仮　*/ }
    @media screen and (max-width: 640px) {
      .main2 .section04 {
        margin: 0 3%; } }
    .main2 .section04 .flex {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .main2 .section04 .flex_text {
        padding-left: 1.1%;
        line-height: 12px !important; }
      .main2 .section04 .flex p {
        width: 50%;
        padding-left: 1.1%;
        line-height: 14px; }
    .main2 .section04__bace {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .main2 .section04__bace .section04__bace--textbox {
        padding: 0.5rem 1rem 1rem 1rem;
        width: 290px;
        height: auto;
        background-color: white;
        margin-top: 1rem;
        margin-bottom: 1rem; }
        .main2 .section04__bace .section04__bace--textbox img {
          width: 50.5%; }
        .main2 .section04__bace .section04__bace--textbox--font {
          height: 39px;
          width: auto !important; }
        .main2 .section04__bace .section04__bace--textbox__tenpo_image {
          width: 50% !important;
          height: auto; }
        .main2 .section04__bace .section04__bace--textbox__text {
          font-size: 1.15rem;
          font-weight: bold; }
        .main2 .section04__bace .section04__bace--textbox .flex p {
          font-size: 1.1rem;
          padding-left: 2%; }
      .main2 .section04__bace .section04__bace--imagebox {
        width: 290px;
        height: auto;
        margin-top: 1rem;
        margin-bottom: 1rem; }
      .main2 .section04__bace .section04__bace--textbox:nth-child(1), .main2 .section04__bace .section04__bace--textbox:nth-child(2),
      .main2 .section04__bace .section04__bace--textbox:nth-child(4), .main2 .section04__bace .section04__bace--textbox:nth-child(5) {
        margin-right: 2.5%; }
        @media screen and (max-width: 640px) {
          .main2 .section04__bace .section04__bace--textbox:nth-child(1), .main2 .section04__bace .section04__bace--textbox:nth-child(2),
          .main2 .section04__bace .section04__bace--textbox:nth-child(4), .main2 .section04__bace .section04__bace--textbox:nth-child(5) {
            margin-right: 0; } }

@media only screen and (max-width: 978px) {
  .section04__bace .section04__bace--textbox:nth-child(2),
  .section04__bace .section04__bace--textbox:nth-child(4),
  .section04__bace .section04__bace--textbox:nth-child(6) {
    margin-right: 0 !important; }
  .section04__bace .section04__bace--textbox:nth-child(3),
  .section04__bace .section04__bace--textbox:nth-child(5) {
    margin-right: 2.5%; } }
  @media only screen and (max-width: 978px) and (max-width: 640px) {
    .section04__bace .section04__bace--textbox:nth-child(3),
    .section04__bace .section04__bace--textbox:nth-child(5) {
      margin-right: 0; } }