body {
  background-image: url(../img/manabiya/bgbody.jpg);
  background-position: center top;
  background-repeat: repeat; }

main {
  overflow: inherit; }

section {
  background-image: url(../img/manabiya/bgbody.jpg);
  background-position: center top;
  background-repeat: repeat;
  position: relative;
  z-index: 1;
  overflow: hidden; }

.sticky {
  position: sticky !important;
  top: 0; }

@media screen and (max-width: 767px) {
  section img {
    width: 100%; } }
#header {
  background: #658964;
  width: 100%;
  z-index: 0;
  overflow: hidden; }
  #header h1 {
    position: static;
    padding: 3vw 4% 0px;
    opacity: 1;
    color: #f7f0de;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 0;
    box-sizing: border-box;
    z-index: 1; }
  #header .inner {
    position: relative;
    z-index: 1;
    box-sizing: border-box; }
  #header .bg-ttl {
    background-image: url(../img/manabiya/kv_bg_deco.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    position: absolute;
    z-index: 1;
    top: -5vw;
    left: 5%;
    width: 47vw;
    height: 43vw;
    padding-top: 5vw; }
  #header h2 {
    font-size: 8vw;
    letter-spacing: 0;
    color: #708866;
    font-weight: 900;
    line-height: 1.26; }
    #header h2 small {
      font-size: 2.4vw;
      line-height: 1.7;
      margin: 2vw 0px 0px 5%; }
  #header .link-btn {
    position: absolute;
    font-weight: 500;
    color: #708866;
    background: #f7f0de;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0;
    z-index: 1;
    transition: all 0.4s;
    width: 16vw;
    height: 16vw;
    font-size: 4vw; }
    #header .link-btn small {
      font-size: 3vw; }
  #header .col-left {
    width: 97%;
    margin: 9vw 0px 0px -1%; }
  #header .col-right {
    width: 90%;
    margin: 1vw auto 0px; }
  #header [class^="kv-btn"] {
    width: 50%;
    position: relative; }
    #header [class^="kv-btn"]:hover .link-btn {
      color: #edebe3;
      background: #827875; }
    #header [class^="kv-btn"]:hover .kv-img {
      transform: scale(1.1); }
  #header .kv-img {
    transition: all 0.4s; }
  #header .kv-btn1 .link-btn {
    left: 3%;
    bottom: -6vw; }
  #header .kv-btn2 {
    margin: -12vw 0px 0px auto; }
    #header .kv-btn2 .link-btn {
      right: 3%;
      bottom: -4vw; }
  #header .kv-btn3 {
    margin: -12vw 0px 0px 5%; }
    #header .kv-btn3 .link-btn {
      right: -3%;
      bottom: -2vw; }
  @media screen and (max-width: 767px) {
    #header:before {
      content: "";
      position: absolute;
      top: 10vw;
      left: 0px;
      right: 0px;
      bottom: 0px;
      background-image: url(../img/manabiya/kv_deco_01.png);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 100% auto; }
    #header:after {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      background-image: url(../img/manabiya/kv_deco_02.png);
      background-position: center bottom;
      background-repeat: no-repeat;
      background-size: 100% auto; }
    #header .inner {
      padding-bottom: 5vw; } }
  @media screen and (min-width: 768px) {
    #header:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      background-image: url(../img/manabiya/kv_deco.png);
      height: 850px;
      background-position: center top;
      background-repeat: no-repeat; }
    #header h1 {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      font-size: 12px;
      max-width: 1500px;
      margin: 0px auto;
      padding: 5px 0px 5px 9px; }
    #header .inner {
      max-width: 1500px;
      margin: 0px auto; }
    #header .bg-ttl {
      width: 365px;
      height: 330px;
      top: 70px;
      left: 60px;
      padding-top: 23px; }
    #header h2 {
      font-size: 60px; }
      #header h2 small {
        font-size: 18px;
        margin: 8px 0px 0px 15px; }
    #header .col-left {
      width: 845px; }
    #header .col-right {
      width: 619px;
      margin: 20px 27px 0px 0px; }
    #header .link-btn {
      width: 145px;
      height: 145px;
      font-size: 32px; }
      #header .link-btn small {
        font-size: 24px; }
    #header [class^="kv-btn"] {
      width: 365px; }
    #header .kv-img {
      width: 365px;
      height: auto; }
    #header .kv-btn1 .link-btn {
      left: 17px;
      bottom: -52px; }
    #header .kv-btn2 {
      margin: -35px 0px 0px auto; }
      #header .kv-btn2 .link-btn {
        right: 25px;
        bottom: -35px; }
    #header .kv-btn3 {
      margin: -27px 0px 0px 37px; }
      #header .kv-btn3 .link-btn {
        right: -20px;
        bottom: -11px; } }
  @media screen and (min-width: 768px) and (max-width: 1482px) {
    #header .inner {
      max-width: 1000px;
      align-items: center;
      padding-bottom: 20px; }
    #header .bg-ttl {
      width: 265px;
      height: 230px;
      top: 50px;
      left: 20px; }
    #header h2 {
      font-size: 40px; }
      #header h2 small {
        font-size: 14px; }
    #header .col-left {
      width: 500px; }
    #header .col-right {
      width: 500px; }
    #header [class^="kv-btn"] {
      width: 270px; }
    #header .link-btn {
      width: 100px;
      height: 100px;
      font-size: 22px; }
      #header .link-btn small {
        font-size: 14px; } }

.photo-rss {
  border-radius: 10px;
  overflow: hidden; }
  .photo-rss span {
    width: 100% !important;
    height: 100% !important; }
  .photo-rss span:hover {
    opacity: 0.8; }

.tit-rss {
  line-height: 1.7;
  letter-spacing: 0.025em; }

.txt-rss {
  line-height: 1.7;
  letter-spacing: 0.025em; }

#news {
  padding-top: 18vw;
  color: #4c4c4c; }
  #news .wrap:before {
    content: "";
    position: absolute;
    top: -2vw;
    left: 75%;
    right: -20%;
    bottom: 0px;
    background-image: url(../img/manabiya/news_deco.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: -1; }
  #news h3 {
    line-height: 1.6; }
  #news #feed-news {
    margin: 8vw -2% 0px;
    flex-wrap: wrap;
    row-gap: 4vw; }
  #news .item {
    width: calc((100% / 3) - 4%);
    margin: 0px 2%; }
  #news .date {
    letter-spacing: 0px;
    font-weight: 500; }
  #news .txt-rss {
    font-size: 4.53vw;
    margin-top: 4vw; }
  #news .news-btn {
    margin-top: 6vw; }
  #news .btn-radius:not(:hover) {
    background: #827875; }
  @media screen and (max-width: 767px) {
    #news .photo-rss {
      width: 100%;
      height: 48vw; } }
  @media screen and (min-width: 768px) {
    #news {
      padding-top: 135px; }
      #news .wrap:before {
        top: -28px;
        left: -134px;
        background-size: auto;
        width: 400px;
        height: 365px; }
      #news #feed-news {
        margin: 34px 38px 0px;
        row-gap: 40px;
        justify-content: center; }
      #news .item {
        width: calc((100% / 3) - 40px);
        margin: 0px 20px; }
      #news .photo-rss {
        width: 100%;
        max-width: 268px;
        height: 170px; }
      #news .txt-rss {
        font-size: 19px;
        margin-top: 15px; }
      #news .news-btn {
        margin-top: 40px; }
      #news .btn-radius {
        max-width: 228px;
        padding: 3.5px 0px; } }

#about {
  margin-top: 12vw;
  padding: 14vw 0px 0px;
  background-image: url(../img/manabiya/about_deco.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 120% auto;
  color: #708866; }
  #about [class^="text"] {
    font-weight: 600;
    letter-spacing: 0.025em; }
  #about [class^="text"]:not(.text1) {
    line-height: 1.75; }
  #about .inner1 h3 {
    display: flex;
    align-items: center;
    flex-direction: column; }
    #about .inner1 h3 .ttl-style52 {
      line-height: 1.48;
      letter-spacing: 0;
      margin-top: 4vw; }
  #about .inner1 .about-tit {
    font-size: 6.13vw;
    letter-spacing: 0;
    line-height: 1.75;
    font-weight: 500; }
  #about .inner1 .col-right {
    margin-top: 6vw; }
  #about .inner1 .text1 {
    margin-top: 3vw; }
  #about .inner2 {
    margin-top: 10vw; }
    #about .inner2 [class^="col"] {
      position: relative; }
    #about .inner2 .text2 {
      margin-top: 6vw; }
  #about .about-btn {
    position: relative; }
    #about .about-btn a {
      display: block; }
    #about .about-btn .about-ttl {
      font-size: 7.46vw;
      line-height: 1.4;
      letter-spacing: 0;
      color: #edebe3;
      position: absolute;
      top: 50%;
      left: 0px;
      right: 0px;
      transform: translateY(-50%);
      z-index: 1; }
      #about .about-btn .about-ttl small {
        font-size: 6.4vw; }
    #about .about-btn .link-btn {
      position: absolute;
      bottom: 0px;
      right: 0px;
      z-index: 1;
      font-size: 3.6vw;
      letter-spacing: -0.025em;
      line-height: 1;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 18vw;
      height: 18vw;
      background: #708866;
      color: #edebe3; }
      #about .about-btn .link-btn:after {
        content: "";
        position: static;
        display: block;
        background-image: url(../img/manabiya/arrow_right.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 6px;
        height: 12px;
        margin: 6px auto 0px; }
    #about .about-btn .about-img {
      transition: all 0.4s; }
    #about .about-btn:hover .link-btn {
      background: #827875; }
    #about .about-btn:hover .about-img {
      transform: scale(1.1); }
  #about .inner3 {
    margin-top: 10vw; }
    #about .inner3 h4 {
      font-size: 7.46vw;
      letter-spacing: 0.1em;
      line-height: 1.375;
      font-weight: 700; }
    #about .inner3 .col-left {
      position: relative; }
    #about .inner3 .col-right {
      margin: 10vw 0px 0px; }
    #about .inner3 .text3 {
      margin-top: 4vw; }
  #about .about-img4 {
    border-radius: 10px;
    overflow: hidden; }
  #about .about-btn4 {
    position: absolute;
    right: -5%;
    bottom: -5vw;
    width: 30%; }
    #about .about-btn4 a {
      display: block;
      position: relative;
      background: url("../img/manabiya/about_btn4_on.png") no-repeat center/100% auto; }
      #about .about-btn4 a img {
        transition: ease 0.3s; }
      #about .about-btn4 a:hover img {
        opacity: 0; }
  @media screen and (max-width: 767px) {
    #about .inner1 h3 {
      margin: 0px auto; }
    #about .inner2 [class^="col"] + [class^="col"] {
      margin-top: 8vw; } }
  @media screen and (min-width: 768px) {
    #about {
      margin-top: 87px;
      padding: 83px 0px 0px;
      background-size: auto; }
      #about .inner1 .col-right {
        width: 549px;
        margin: 0px 55px 0px 0px; }
      #about .inner1 h3 {
        margin: 12px 0px 0px 90px; }
        #about .inner1 h3 .ttl-style52 {
          margin-top: 18px; }
      #about .inner1 .about-tit {
        font-size: 22px; }
      #about .inner1 .text1 {
        margin-top: 7px;
        letter-spacing: 0.025em; }
      #about .inner2 {
        margin: 42px -80px 0px; }
        #about .inner2 [class^="col"] {
          width: 365px; }
        #about .inner2 .col1 .text2 {
          width: 268px; }
        #about .inner2 .text2 {
          width: 289px;
          margin: 27px auto 0px; }
      #about .about-btn .about-ttl {
        font-size: 32px; }
        #about .about-btn .about-ttl small {
          font-size: 24px; }
      #about .about-btn .link-btn {
        font-size: 12px;
        width: 58px;
        height: 58px;
        right: 8px;
        bottom: 15px; }
        #about .about-btn .link-btn:after {
          width: 6px;
          height: 12px;
          margin-top: 6px; }
      #about .inner3 {
        margin-top: 48px; }
        #about .inner3 h4 {
          font-size: 32px; }
        #about .inner3 .col-left {
          width: 432px;
          margin: 10px 0px 0px 53px; }
        #about .inner3 .col-right {
          width: 336px;
          margin: 0px 71px 0px 0px; }
        #about .inner3 .text3 {
          margin-top: 13px; }
      #about .about-btn4 {
        width: 149px;
        bottom: -23px;
        right: -64px; } }
  @media screen and (min-width: 768px) and (max-width: 1160px) {
    #about .inner2 {
      margin: 0px; }
      #about .inner2 [class^="col"] {
        width: 300px; } }

#event {
  margin-top: 25vw;
  color: #9d7b3f; }
  #event .ttl-en {
    margin-top: 2vw; }
  #event .wrap:before {
    content: "";
    position: absolute;
    top: -2vw;
    left: 75%;
    right: -20%;
    bottom: 0px;
    background-image: url(../img/manabiya/event_deco.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: -1; }
  #event #feed-event {
    margin: 8vw -2% 0px;
    flex-wrap: wrap;
    row-gap: 6vw; }
  #event .item {
    width: calc((100% / 3) - 4%);
    margin: 0px 2%; }
  #event .txt-rss {
    font-size: 4.4vw;
    margin-top: 3vw; }
  #event .event-btn {
    margin-top: 6vw; }
  #event .btn-radius:not(:hover) {
    background: #9d7b3f; }
  @media screen and (max-width: 767px) {
    #event .photo-rss {
      width: 100%;
      height: 48vw; }
    #event .item:nth-child(4), #event .item:nth-child(5), #event .item:nth-child(6), #event .item:nth-child(7), #event .item:nth-child(8) {
      display: none; } }
  @media screen and (min-width: 768px) {
    #event {
      margin-top: 187px; }
      #event .ttl-en {
        margin-top: 9px; }
      #event .wrap::before {
        top: -25px;
        left: auto;
        right: -218px;
        background-size: auto;
        width: 472px;
        height: 333px; }
      #event #feed-event {
        margin: 31px -13px 0px;
        row-gap: 50px; }
      #event .item {
        width: calc((100% / 4) - 26px);
        margin: 0px 13px; }
      #event .photo-rss {
        width: 100%;
        max-width: 230px;
        height: 146px; }
      #event .txt-rss {
        font-size: 18px;
        margin-top: 12px; }
      #event .event-btn {
        margin-top: 39px; } }

#idea {
  margin-top: 13vw;
  color: #a07676; }
  #idea .wrap:before {
    content: "";
    position: absolute;
    top: 0px;
    left: -20%;
    right: 65%;
    bottom: 0px;
    background-image: url(../img/manabiya/idea_deco.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: -1; }
  #idea #feed-idea {
    margin-top: 8vw;
    font-weight: 500; }
  #idea .slick-arrow {
    width: 50px;
    height: 50px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
    #idea .slick-arrow:hover {
      opacity: 0.8; }
  #idea .slick-prev {
    background-image: url(../img/manabiya/prev.png);
    left: 0px; }
  #idea .slick-next {
    background-image: url(../img/manabiya/next.png);
    right: 0px; }
  #idea .txt-rss {
    font-size: 4.4vw;
    margin-top: 2vw; }
  #idea .idea-btn {
    margin-top: 6vw; }
  #idea .btn-radius:not(:hover) {
    background: #9d656c; }
  @media screen and (max-width: 767px) {
    #idea .wrap {
      padding-left: 0px;
      padding-right: 0px; }
    #idea .slick-arrow {
      top: calc(32vw - 40px);
      width: 40px;
      height: 40px; }
    #idea .slick-prev {
      left: 2%; }
    #idea .slick-next {
      right: 2%; }
    #idea .slick-slide {
      margin: 0px 10px; }
    #idea .photo-rss {
      width: 100%;
      height: 50vw; } }
  @media screen and (min-width: 768px) {
    #idea {
      margin-top: 104px; }
      #idea .wrap:before {
        top: -28px;
        left: -276px;
        background-size: auto;
        width: 495px;
        height: 495px; }
      #idea #feed-idea {
        margin-top: 35px; }
      #idea .slick-arrow {
        top: calc(50% - 60px); }
      #idea .slick-prev {
        left: -20px; }
      #idea .slick-next {
        right: -20px; }
      #idea .slick-list {
        margin: 0px -25px; }
      #idea .slick-track {
        display: flex;
        justify-content: space-between; }
      #idea .slick-slide {
        margin: 0px 25px; }
      #idea .photo-rss {
        width: 100%;
        max-width: 300px;
        height: 192px; }
      #idea .txt-rss {
        font-size: 18px;
        margin-top: 6px; }
      #idea .idea-btn {
        margin-top: 27px; } }
  @media screen and (min-width: 768px) and (max-width: 1050px) {
    #idea .slick-prev {
      left: 0px; }
    #idea .slick-next {
      right: 0px; } }

#project {
  margin-top: 25vw;
  color: #506780; }
  #project .wrap:before {
    content: "";
    position: absolute;
    top: 10vw;
    left: 75%;
    right: -10%;
    bottom: 0px;
    background-image: url(../img/manabiya/project_deco.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: -1; }
  #project #feed-project {
    margin: 10vw -2% 0px;
    font-weight: 500;
    flex-wrap: wrap;
    row-gap: 6vw; }
  #project .item {
    width: calc((100% / 2) - 4%);
    margin: 0px 2%; }
  #project .tit-rss {
    font-size: 5.2vw;
    margin-top: 4vw; }
  #project .txt-rss {
    font-size: 4.4vw;
    margin-top: 2vw; }
  #project .btn-radius:not(:hover) {
    background: #506780; }
  #project .project-btn {
    margin-top: 8vw; }
  @media screen and (max-width: 767px) {
    #project .photo-rss {
      width: 100%;
      height: 48vw; }
    #project .txt-rss {
      display: none; } }
  @media screen and (min-width: 768px) {
    #project {
      margin-top: 190px; }
      #project .wrap:before {
        top: -6px;
        left: auto;
        right: -189px;
        background-size: auto;
        width: 388px;
        height: 388px; }
      #project #feed-project {
        margin: 39px -28px 0px;
        row-gap: 58px; }
      #project .item {
        width: calc((100% / 2) - 56px);
        max-width: 472px;
        margin: 0px 28px; }
      #project .photo-rss {
        width: 100%;
        max-width: 472px;
        height: 280px; }
      #project .tit-rss {
        font-size: 24px;
        margin-top: 7px; }
      #project .txt-rss {
        font-size: 18px;
        margin-top: 11px; }
      #project .project-btn {
        margin-top: 53px; } }

#host {
  margin-top: 24vw;
  color: #708866;
  position: relative; }
  #host:before {
    content: "";
    position: absolute;
    top: 5vw;
    left: 5%;
    right: 5%;
    bottom: 0px;
    background-image: url(../img/manabiya/host_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: -1; }
  #host h3 small {
    margin-left: 2%; }
  #host .col-right {
    margin-top: 6vw; }
  #host h4 {
    font-size: 7.2vw;
    line-height: 1.4;
    letter-spacing: 0.1em;
    font-weight: 700; }
    #host h4 small {
      display: block;
      font-size: 2.93vw;
      text-align: center;
      font-weight: 500;
      letter-spacing: 0.1em; }
  #host .text {
    margin-top: 3vw;
    font-weight: 600;
    letter-spacing: 0.025em; }
  #host .host-img {
    border-radius: 50%;
    overflow: hidden;
    width: 65vw;
    height: 65vw;
    margin: 4vw auto 0px; }
  #host .host-btn {
    margin-top: 4vw; }
  #host .btn-radius:not(:hover) {
    background: #708866; }
  @media screen and (min-width: 768px) {
    #host {
      max-width: 670px;
      margin: 178px auto 0px;
      padding-top: 14px; }
      #host:before {
        background-size: auto;
        width: 500px;
        height: 337px;
        margin: 0px auto; }
      #host .col-left {
        width: 274px; }
      #host h3 small {
        margin-left: 10px; }
      #host .host-img {
        margin: 11px 0px 0px;
        width: 246px;
        height: 246px; }
      #host .col-right {
        width: 300px;
        margin: 30px 80px 0px 0px; }
      #host h4 {
        font-size: 30px;
        display: inline-block; }
        #host h4 small {
          font-size: 12px; }
      #host .text {
        margin-top: 15px;
        width: 295px; }
      #host .host-btn {
        margin-top: 15px; } }

#access {
  margin-top: 15vw;
  color: #708866; }
  #access .ggmap {
    margin-top: 6vw;
    height: 350px;
    filter: grayscale(1); }
  #access .inner {
    margin-top: 4vw;
    line-height: 1.42;
    letter-spacing: 0.025em;
    font-size: 14px; }
  #access .txt-address {
    font-size: 11px; }
  #access .vcard dl dt {
    font-weight: 700; }
  #access .vcard small {
    font-size: 11px; }
  @media screen and (max-width: 767px) {
    #access .vcard {
      margin-top: 4vw; }
      #access .vcard dl dd {
        margin-top: 2vw; }
      #access .vcard dl + dl {
        margin-top: 4vw; } }
  @media screen and (min-width: 768px) {
    #access {
      margin-top: 115px; }
      #access .inner {
        margin-top: 11px; }
      #access .ggmap {
        margin-top: 44px; }
      #access .txt-address {
        font-size: 11px; }
      #access .vcard dl dt {
        width: 115px; }
      #access .vcard dl dd {
        margin-left: 10px;
        width: 395px; }
      #access .vcard dl + dl {
        margin-top: 12px; }
      #access .vcard small {
        font-size: 12px; } }

#support {
  color: #f9f6ec;
  position: relative;
  margin-top: 13vw;
  padding: 24vw 0px 13vw; }
  #support:before {
    content: "";
    position: absolute;
    top: 18vw;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-image: url(../img/manabiya/bg_green.jpg);
    background-position: center top;
    background-repeat: repeat;
    background-size: 20% auto;
    z-index: -2; }
  #support:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-image: url(../img/manabiya/support_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    z-index: -1;
    height: 20vw; }
  #support .col-left {
    margin: 8vw 0px 0px; }
  #support h3 {
    color: #f7f0de; }
    #support h3 span {
      font-size: 8.26vw;
      line-height: 1.7; }
  #support .text {
    margin-top: 4vw;
    letter-spacing: 0.025em;
    font-weight: 600; }
  #support .support-btn {
    margin-top: 6vw; }
  #support .btn-radius {
    font-size: 20px;
    padding: 15px 0px;
    border-radius: 45px;
    max-width: 360px; }
    #support .btn-radius:not(:hover) {
      color: #708866;
      background: #f7f0de; }
    #support .btn-radius:hover {
      color: #edebe3;
      background: #232323; }
  #support .support-img {
    border-radius: 20px;
    overflow: hidden; }
  @media screen and (min-width: 768px) {
    #support {
      margin-top: 107px;
      padding: 181px 0px 101px; }
      #support:before {
        top: 299px;
        background-size: auto; }
      #support:after {
        background-size: 100% 300px;
        height: 300px; }
      #support .wrap {
        flex-direction: row-reverse; }
      #support .col-left {
        width: 430px;
        margin-top: 7px; }
      #support h3 {
        display: inline-block; }
        #support h3 span {
          font-size: 42px;
          letter-spacing: 0.1em; }
      #support .text {
        width: 370px;
        margin-top: 22px; }
      #support .support-img {
        margin: 0px -255px 0px 0px;
        width: 755px; }
      #support .support-btn {
        margin-top: 47px; }
      #support .btn-radius {
        font-size: 24px;
        margin: 0px 0px 0px;
        padding: 21px 0px; } }

#bnr {
  margin: 17vw 0px 13vw; }
  @media screen and (min-width: 768px) {
    #bnr {
      margin: 133px 0px 103px; } }

footer {
  background-image: url(../img/manabiya/bg_green.jpg);
  background-position: center top;
  background-repeat: repeat;
  color: var(--color1);
  border-top: 2px solid;
  font-weight: 600;
  position: relative;
  z-index: 1; }
  footer .wrap {
    padding: 0 7%; }
  footer nav a {
    display: block; }
  footer nav a:not(.ins-link) {
    position: relative; }
    footer nav a:not(.ins-link):after {
      content: "";
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0px;
      border-bottom: 2px solid; }
  footer nav a + a {
    margin-left: 15px; }
  footer nav .ins-link {
    width: 27px;
    height: 27px; }
  footer .map-link {
    position: relative;
    display: inline-block; }
    footer .map-link:after {
      content: "";
      position: absolute;
      left: 0px;
      right: 0px;
      bottom: 0px;
      border-bottom: 2px solid; }
  footer .menu-group-pc {
    margin-top: 6vw; }
  footer .footer-index-btn {
    position: absolute;
    left: 0px;
    bottom: 60px;
    z-index: 3;
    width: 100px; }
    footer .footer-index-btn .show {
      opacity: 0;
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px; }
    footer .footer-index-btn:hover {
      opacity: 1; }
      footer .footer-index-btn:hover .show {
        opacity: 1 !important; }
      footer .footer-index-btn:hover .hide {
        opacity: 0 !important; }
  footer .footer-info {
    margin-top: 5vw; }
  footer .btn-link {
    font-family: "Noto Sans JP";
    font-weight: 600;
    margin-top: 1vw; }
  footer .tel {
    text-align: center;
    font-size: 12px;
    line-height: 1.4; }
    footer .tel .tel-time {
      justify-content: center;
      align-items: center;
      font-size: 15px; }
    footer .tel .tel-num {
      font-size: 24px;
      display: block;
      margin-right: 13px; }
  footer .cookie-link {
    margin-left: 10px; }
  footer .footer-bottom {
    margin: 22vw 0px 0px 0px;
    font-weight: 400; }
  @media screen and (max-width: 767px) {
    footer {
      padding: 10vw 0px calc(10vw + 60px); }
      footer nav {
        justify-content: center; }
      footer .footer-info {
        text-align: center; } }
  @media screen and (min-width: 768px) {
    footer {
      padding: 43px 0px 5px 0px; }
      footer nav a + a {
        margin-left: 35px; }
      footer .footer-top {
        flex-direction: row-reverse; }
      footer .menu-group-pc {
        /* width: 470px; */
        margin: 0px 30px; }
      footer .footer-right {
        width: 500px;
        margin-top: 17px; }
      footer .footer-index-btn {
        width: 138px;
        bottom: 0px; }
      footer .footer-info {
        margin-top: 34px; }
      footer .btn-link {
        max-width: 308px;
        margin: 3px auto 0px; }
      footer .tel {
        margin-top: 16px; }
        footer .tel .tel-time {
          margin-bottom: 6px;
          line-height: 29px; }
        footer .tel .tel-num {
          font-size: 32px; }
      footer .footer-info {
        margin-top: 20px; }
      footer .footer-bottom {
        margin-top: 45px; }
      footer .tel-note {
        font-size:10px;
        font-weight: 300;
      }
       }
  @media screen and (min-width: 768px) and (max-width: 1080px) {
    footer .footer-index-btn {
      width: 100px; } }

#ft-fixed {
  background: #708866;
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  justify-content: space-around;
  padding: 15px 0px; }
  #ft-fixed a img {
    width: 40px; }

@media only screen and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  footer:after {
    content: "";
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    background: #708866;
    z-index: 8; }

  #ft-fixed {
    bottom: calc(env(safe-area-inset-bottom) - 0px); }

  .footer-index-btn {
    bottom: calc(env(safe-area-inset-bottom) + 60px); } }
/* iPhone XR */
@media only screen and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  footer:after {
    content: "";
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    background: #708866;
    z-index: 8; }

  #ft-fixed {
    bottom: calc(env(safe-area-inset-bottom) - 0px); }

  .footer-index-btn {
    bottom: calc(env(safe-area-inset-bottom) + 60px); } }
/* iPhone 11 */
@media only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min--moz-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3 / 1), only screen and (min-device-pixel-ratio: 3), only screen and (min-resolution: 458dpi), only screen and (min-resolution: 3dppx) {
  footer:after {
    content: "";
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36px;
    background: #708866;
    z-index: 8; }

  #ft-fixed {
    bottom: calc(env(safe-area-inset-bottom) - 0px); }

  .footer-index-btn {
    bottom: calc(env(safe-area-inset-bottom) + 60px); } }
@media only screen and (min-width: 768px) {
  footer:after {
    display: none; } }
@media only screen and (max-width: 767px) {
  #header {
    position: relative !important;
    padding-bottom: 15vw; }
    #header.header_fix {
      position: sticky !important; }

  #news #feed-news, #event #feed-event, #project #feed-project {
    display: block; }

  #news .item, #event .item, #project .item {
    width: 100%;
    margin: 0 0 10vw 0; } }