@charset "UTF-8";
.toppage {
  /*キービジュアル*/
  /*メニュー*/ }
  .toppage .keyvisual {
    width: 100%; }
  .toppage .keyvisual-inner {
    position: relative; }
    @media only screen and (min-width: 751px) {
      .toppage .keyvisual-inner {
        width: 100%;
        display: flex;
        flex-wrap: nowrap; } }
  .toppage .keyvisual-photo {
    width: 100%; }
    @media only screen and (min-width: 751px) {
      .toppage .keyvisual-photo {
        order: 2;
        width: calc(797 / 1280 *100vw); } }
  .toppage .keyvisual-copy {
    position: relative; }
    @media only screen and (min-width: 751px) {
      .toppage .keyvisual-copy {
        order: 1;
        width: calc(483 / 1280 *100vw); } }
    .toppage .keyvisual-copy .keyvisual-catch {
      margin: -3.7rem auto 0 1.6rem;
      width: 29.8rem; }
      @media only screen and (min-width: 751px) {
        .toppage .keyvisual-copy .keyvisual-catch {
          margin: calc(88 / 1280 *100vw) calc(-90 / 1280 *100vw) 0 auto;
          width: calc(474 / 1280 *100vw); } }
    .toppage .keyvisual-copy .keyvisual-lead {
      margin: 3rem auto 0 3rem;
      font-size: 1.4rem;
      font-weight: 600;
      line-height: 1.85; }
      @media only screen and (min-width: 751px) {
        .toppage .keyvisual-copy .keyvisual-lead {
          margin: calc(75 / 1280 *100vw) auto 0 calc(90 / 1280 *100vw);
          font-size: calc(16 / 1280 *100vw);
          line-height: 1.85; } }
  .toppage .top-menu {
    width: 100%;
    background-color: #f3f0eb;
    margin: 4.2rem auto 0;
    padding-bottom: 3rem; }
    @media only screen and (min-width: 751px) {
      .toppage .top-menu {
        margin: 0 auto;
        padding-bottom: 5rem; } }
  .toppage .top-menu-inner {
    width: 34.5rem;
    margin: 0 auto;
    padding: 3.5rem 0; }
    @media only screen and (min-width: 751px) {
      .toppage .top-menu-inner {
        width: 76rem;
        padding: 9.2rem 0 3rem; } }
  .toppage .top-menu-subtitle {
    width: 22.7rem;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .toppage .top-menu-subtitle {
        width: 29.1rem; } }
  .toppage .top-menu-index {
    width: 34.5rem;
    margin: 0 auto; }
    @media only screen and (min-width: 751px) {
      .toppage .top-menu-index {
        display: flex;
        justify-content: space-between;
        width: 76rem;
        margin: 2.8rem auto 0; } }
    .toppage .top-menu-index li {
      margin-top: 3.8rem; }
      @media only screen and (min-width: 751px) {
        .toppage .top-menu-index li {
          width: 34.4rem;
          margin: 0; } }
    .toppage .top-menu-index a {
      color: #4d4d4d; }
      .toppage .top-menu-index a:hover {
        text-decoration: none; }
    .toppage .top-menu-index .text {
      font-size: 1.6rem;
      font-weight: 600;
      padding: 0 0 0 1.8rem;
      margin-top: 1.5rem;
      background-image: url("../img/cmn/link_arrow.svg");
      background-size: 1.4rem auto;
      background-position: top left;
      background-repeat: no-repeat; }