@charset "UTF-8";
#wrapper {
  /* collaboration*/ }
  #wrapper.senior {
    padding-top: 140px;
    padding-bottom: 0;
    /*============================
    #senior to
    ============================*/
    /*============================
    #header
    ============================*/
    /*============================
    TOP : .searchWrp
    ============================*/
    		/*============================
    classroom_map.php ： #resultarea
    ============================*/ }
    @media screen and (max-width: 768px) {
      #wrapper.senior {
        padding-top: 100px; } }
    #wrapper.senior .header {
      position: fixed;
      top: 0;
      z-index: 100;
      width: 100%;
      z-index: 99999;
      left: 0;
      right: 0; }
      #wrapper.senior .header img {
        max-width: 100%;
        height: auto; }
    #wrapper.senior .header-top {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      background-color: #fff;
      border-bottom: 1px solid #d0d9dc; }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-top {
          height: 35px; } }
    #wrapper.senior .header-top__logo-kumon {
      margin-right: 26px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-top__logo-kumon {
          margin-right: 22px;
          width: 80px; } }
    @media screen and (max-width: 768px) {
      #wrapper.senior .header-top__logo-lil {
        width: 74px; } }
    #wrapper.senior .header-content {
      background-color: #fff;
      height: 100px;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-content {
          height: 65px; } }
    #wrapper.senior .header-content__inner {
      position: relative;
      max-width: 1180px;
      width: 100%;
      margin: auto;
      display: flex;
      align-items: center;
      padding-left: 40px;
      padding-right: 40px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-content__inner {
          padding-left: 15px;
          padding-right: 15px; } }
    @media screen and (max-width: 768px) {
      #wrapper.senior .header-logo {
        width: 108px; } }
    #wrapper.senior .header-menu {
      position: absolute;
      right: 0;
      cursor: pointer; }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-menu {
          width: 65px; } }
      #wrapper.senior .header-menu .header-menu-close {
        opacity: 0; }
      #wrapper.senior .header-menu.is-active .header-menu-close {
        opacity: 1; }
    #wrapper.senior .header-menu-close {
      position: absolute;
      right: 0; }
    #wrapper.senior .header-content__btns {
      position: absolute;
      right: 120px;
      display: flex; }
      @media screen and (max-width: 850px) {
        #wrapper.senior .header-content__btns {
          display: none; } }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-content__btns {
          display: none; } }
    #wrapper.senior .header-content__btn {
      display: block; }
      #wrapper.senior .header-content__btn + .header-content__btn {
        margin-left: 20px; }
      @media print, screen and (min-width: 769px) {
        #wrapper.senior .header-content__btn:hover {
          opacity: .8; } }
    #wrapper.senior .header-nav {
      position: absolute;
      background-color: #ecf7fe;
      border-radius: 0 0 8px 8px;
      right: 50%;
      margin-right: -580px;
      width: 450px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.2s ease 0s; }
      #wrapper.senior .header-nav.is-show {
        opacity: 1;
        visibility: inherit; }
      @media screen and (max-width: 1180px) {
        #wrapper.senior .header-nav {
          right: 0;
          margin-right: 0; } }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-nav {
          width: 100%;
          height: calc(100svh - 100px);
          overflow-y: auto; } }
    #wrapper.senior .header-nav__inner {
      padding: 20px 25px 45px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-nav__inner {
          padding: 20px 15px 45px; } }
    #wrapper.senior .header-nav-btns {
      display: none; }
      @media screen and (max-width: 850px) {
        #wrapper.senior .header-nav-btns {
          display: block;
          margin: 0 auto 15px;
          max-width: 345px; } }
    #wrapper.senior .header-nav-btns__link {
      display: block; }
      #wrapper.senior .header-nav-btns__link + .header-nav-btns__link {
        margin-top: 15px; }
    #wrapper.senior .header-nav-link__item {
      border-bottom: 1px solid #d2e1ea; }
    #wrapper.senior .header-nav-link__link {
      font-size: 2.2rem;
      min-height: 70px;
      letter-spacing: 0.05em;
      display: flex;
      align-items: center;
      padding: 10px 25px 10px 25px; }
      #wrapper.senior .header-nav-link__link::after {
        position: absolute;
        content: "";
        right: 32px;
        width: 16px;
        height: 13px;
        background-image: url(/lil/assets/images/senior/ico_arrow.png);
        background-size: 100%;
        background-repeat: no-repeat; }
        @media screen and (max-width: 768px) {
          #wrapper.senior .header-nav-link__link::after {
            width: 13px;
            height: 10px; } }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-nav-link__link {
          font-size: 2rem;
          min-height: 50px;
          padding: 10px 15px 10px 15px; } }
      @media print, screen and (min-width: 769px) {
        #wrapper.senior .header-nav-link__link:hover {
          opacity: .8; } }
    #wrapper.senior .header-nav-other {
      margin-top: 25px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media screen and (max-width: 768px) {
        #wrapper.senior .header-nav-other {
          max-width: 345px;
          margin: 20px auto 0; } }
    @media screen and (max-width: 768px) {
      #wrapper.senior .header-nav-other__btn {
        max-width: 170px;
        width: calc(50% - 3px);
        margin-bottom: 8px; }
        #wrapper.senior .header-nav-other__btn:nth-child(3) {
          width: 100%;
          max-width: inherit; } }
    @media print, screen and (min-width: 769px) {
      #wrapper.senior .header-nav-other__btn {
        margin-bottom: 8px; }
        #wrapper.senior .header-nav-other__btn:hover {
          opacity: .8; } }
    #wrapper.senior.top {
      font-size: 1.6rem;
      line-height: 1.8;
      color: #222222;
      /* top */ }
      #wrapper.senior.top p {
        font-size: 1.6rem;
        font-weight: 300;
        font-style: normal; }
      #wrapper.senior.top h2 {
        text-align: center;
        margin-bottom: 30px; }
      #wrapper.senior.top .underline_blue {
        position: relative; }
        #wrapper.senior.top .underline_blue::after {
          content: "";
          width: 100%;
          position: absolute;
          bottom: -3px;
          left: 0;
          border-bottom: #42b7e7 solid 2px; }
      #wrapper.senior.top .inside {
        width: 1000px;
        margin: 0 auto; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .inside {
            padding-right: 15px;
            padding-left: 15px;
            width: 100%; } }
      #wrapper.senior.top .mv {
        box-shadow: 0px 0px 16px rgba(133, 123, 110, 0.14);
        margin-bottom: 60px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .mv {
            margin-bottom: 25px; } }
      #wrapper.senior.top .mv_content {
        margin: 0 auto;
        background-image: url("../images/senior/mv_bg.jpg");
        background-position: center center;
        background-repeat: no-repeat; }
        @media screen and (max-width: 1200px) {
          #wrapper.senior.top .mv_content {
            width: 100%;
            background-size: contain; } }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .mv_content {
            width: 100%;
            background-image: none; } }
        #wrapper.senior.top .mv_content h1 {
          margin: 0 auto;
          text-align: center; }
          @media print, screen and (min-width: 769px) {
            #wrapper.senior.top .mv_content h1 {
              padding-top: 65px;
              padding-bottom: 70px; } }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .mv_content h1 img {
              width: 100%;
              margin-top: 0; } }
      #wrapper.senior.top .head_btn {
        display: flex;
        justify-content: space-between;
        width: 840px;
        margin: 0 auto 60px; }
        #wrapper.senior.top .head_btn a:hover {
          opacity: 0.6;
          transition: .5s; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .head_btn {
            display: block;
            width: 345px;
            margin: 0 auto 40px; } }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .head_btn .btn_search {
            display: block;
            margin-bottom: 15px; } }
      #wrapper.senior.top .sec_lead {
        padding-bottom: 100px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec_lead {
            padding-bottom: 13.3vw; } }
      #wrapper.senior.top .lead {
        width: 1000px;
        margin: 0 auto;
        background-color: #f0f9ff;
        padding: 70px 0 30px;
        margin-bottom: 100px;
        border-radius: 10px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .lead {
            background-color: #fff;
            width: 100%;
            padding: 0px;
            margin-bottom: 65px; } }
        #wrapper.senior.top .lead .lead_ttl {
          width: 488px;
          display: block;
          margin: 0 auto;
          padding-bottom: 30px;
          position: relative; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .lead .lead_ttl {
              text-align: center;
              width: auto;
              padding-bottom: 20px;
              max-width: 345px; } }
        #wrapper.senior.top .lead .lead_txt {
          text-align: center; }
          #wrapper.senior.top .lead .lead_txt p {
            margin-bottom: 20px;
            font-size: 1.6rem;
            line-height: 2.5; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .lead .lead_txt p {
                margin-bottom: 35px;
                font-size: 1.6rem;
                line-height: 2.4; } }
      #wrapper.senior.top .lead_recommend {
        margin: 0 auto;
        width: 730px;
        border-radius: 107px;
        box-shadow: 3px 10px 60px rgba(126, 174, 194, 0.2);
        position: relative;
        padding-top: 50px;
        padding-bottom: 25px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .lead_recommend {
            width: 100%;
            height: auto;
            border-radius: 44px;
            margin-right: 0;
            box-shadow: 3px 5px 40px rgba(126, 174, 194, 0.2);
            padding: 40px 15px 30px; } }
        #wrapper.senior.top .lead_recommend .lead_recommend_ttl {
          position: absolute;
          top: -15px;
          width: 308px;
          right: calc(50% - 154px); }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .lead_recommend .lead_recommend_ttl {
              width: 345px;
              left: 0;
              right: 0;
              margin: auto; } }
        #wrapper.senior.top .lead_recommend .lead_recommend_items {
          width: 544px;
          margin: 0 auto; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .lead_recommend .lead_recommend_items {
              width: 100%;
              max-width: 240px; } }
          #wrapper.senior.top .lead_recommend .lead_recommend_items li {
            width: calc(50%);
            float: left;
            font-size: 20px;
            list-style-type: none;
            position: relative;
            padding-left: 16px;
            margin-top: 8px; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .lead_recommend .lead_recommend_items li {
                width: 100%;
                font-size: 1.9rem;
                margin-bottom: 10px;
                float: none; } }
            #wrapper.senior.top .lead_recommend .lead_recommend_items li::before {
              border-radius: 50%;
              width: 6px;
              height: 6px;
              display: block;
              position: absolute;
              left: 0;
              top: 14px;
              content: "";
              background: #42b7e7; }
        #wrapper.senior.top .lead_recommend .lead_recommend_txt {
          text-align: center; }
        #wrapper.senior.top .lead_recommend .lead_end_txt {
          font-size: 20px;
          margin-top: 20px;
          display: inline-block;
          color: #6a6767; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .lead_recommend .lead_end_txt {
              font-size: 1.7rem;
              margin-top: 20px; } }
      #wrapper.senior.top .sec_nav {
        background-color: #f0f9ff;
        padding: 100px 0 80px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec_nav {
            padding: 50px 0 50px; } }
        #wrapper.senior.top .sec_nav ul {
          width: 880px;
          margin: 0 auto;
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec_nav ul {
              width: 100%;
              flex-wrap: wrap; } }
          #wrapper.senior.top .sec_nav ul li {
            display: block;
            width: 176px;
            height: 56px;
            border-right: solid #42b7e7 2px;
            text-align: center;
            position: relative;
            font-weight: 600; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec_nav ul li {
                width: 50%;
                height: 45px;
                margin-bottom: 30px;
                font-size: 1.7rem;
                padding-top: 0; } }
            #wrapper.senior.top .sec_nav ul li:first-child {
              border-left: solid #42b7e7 2px; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec_nav ul li:nth-child(3) {
                border-left: solid #42b7e7 2px; } }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec_nav ul li:nth-child(5) {
                border-left: solid #42b7e7 2px;
                width: 100%; } }
            #wrapper.senior.top .sec_nav ul li::after {
              position: absolute;
              content: "";
              display: block;
              bottom: 8px;
              width: 11px;
              height: 8px;
              background-image: url("../images/senior/nav_arrow.png");
              left: calc(50% - 6px); }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec_nav ul li::after {
                  bottom: 0vw; } }
            #wrapper.senior.top .sec_nav ul li a {
              width: 100%;
              height: 100%;
              display: block;
              padding-top: 8px; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec_nav ul li a {
                  padding-top: 1vw; } }
              #wrapper.senior.top .sec_nav ul li a:hover {
                opacity: 0.6;
                transition: .5s; }
      #wrapper.senior.top .sec01 {
        background-color: #f0f9ff;
        padding-bottom: 100px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec01 {
            padding-bottom: 60px; } }
        #wrapper.senior.top .sec01 .desc {
          text-align: center;
          width: 730px;
          margin: 0 auto;
          margin-bottom: 60px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec01 .desc {
              width: 100%;
              margin-bottom: 40px; } }
        #wrapper.senior.top .sec01 .ttl {
          margin-bottom: 45px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec01 .ttl {
              margin: 0 auto 20px;
              max-width: 345px; } }
        #wrapper.senior.top .sec01 .leadtxt {
          font-weight: 300 !important;
          line-height: 2.2; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec01 .leadtxt {
              padding: 0;
              text-align: left; } }
        #wrapper.senior.top .sec01 .sec01_materials {
          width: 1000px;
          margin: 0 auto;
          text-align: center; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec01 .sec01_materials {
              width: 100%; } }
          #wrapper.senior.top .sec01 .sec01_materials h3 {
            margin-bottom: 32px; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec01 .sec01_materials h3 {
                margin: 0 auto 20px;
                display: block;
                max-width: 345px; } }
          #wrapper.senior.top .sec01 .sec01_materials ul {
            display: flex;
            justify-content: space-between; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec01 .sec01_materials ul {
                display: block; } }
            #wrapper.senior.top .sec01 .sec01_materials ul li {
              width: 320px;
              background-color: #fff;
              display: block;
              border-radius: 10px;
              box-shadow: 3px 0px 22px rgba(193, 227, 241, 0.5);
              padding-bottom: 20px; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec01 .sec01_materials ul li {
                  width: 100%;
                  border-radius: 10px;
                  height: inherit;
                  margin-bottom: 20px; } }
              #wrapper.senior.top .sec01 .sec01_materials ul li .materials_ttl {
                background-color: #42B7E7;
                font-size: 24px;
                color: #fff;
                height: 80px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                margin-bottom: 30px;
                border-radius: 10px 10px 0 0;
                font-weight: bold;
                line-height: 1; }
              #wrapper.senior.top .sec01 .sec01_materials ul li p {
                display: block;
                text-align: left;
                width: 260px;
                margin: 0 auto 24px;
                line-height: 2.2; }
                @media screen and (max-width: 768px) {
                  #wrapper.senior.top .sec01 .sec01_materials ul li p {
                    width: calc(100% - 30px);
                    margin: 0 auto 20px; } }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec01 .sec01_materials ul li img {
                  max-width: 315px;
                  margin-bottom: 25px; } }
      #wrapper.senior.top .sec02 {
        background-color: #fff;
        padding-top: 100px;
        padding-bottom: 100px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec02 {
            padding-bottom: 60px;
            padding-top: 60px; } }
        #wrapper.senior.top .sec02 .inside {
          width: 1000px;
          margin: 0 auto; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec02 .inside {
              width: 100%; } }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec02 .desc h2 {
            max-width: 345px;
            margin: 0 auto;
            margin-bottom: 35px; } }
        #wrapper.senior.top .sec02 .sec02_points {
          width: 100%; }
        #wrapper.senior.top .sec02 .point {
          display: flex;
          justify-content: space-between;
          margin-bottom: 48px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec02 .point {
              display: block;
              margin-bottom: 40px; } }
        #wrapper.senior.top .sec02 .point_frame {
          width: 480px;
          border-radius: 10px;
          border: solid #42b7e7 2px;
          text-align: center;
          position: relative; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec02 .point_frame {
              width: calc(100% - 30px);
              margin: 0 auto 20px;
              height: auto;
              padding: 25px 15px 25px; } }
          #wrapper.senior.top .sec02 .point_frame h3 {
            text-align: center;
            margin-bottom: 25px; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec02 .point_frame h3 {
                width: auto;
                max-width: 315px;
                margin: 0 auto 25px; } }
          #wrapper.senior.top .sec02 .point_frame:first-child::before {
            content: "";
            width: 130px;
            height: 130px;
            border-radius: 35px;
            background-image: url("../images/senior/sec02_box01_img.png");
            top: -40px;
            left: 14px;
            display: block;
            position: absolute;
            background-size: 100%; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec02 .point_frame:first-child::before {
                width: 100px;
                height: 100px;
                top: -20px;
                left: -30px; } }
          #wrapper.senior.top .sec02 .point_frame:last-child::after {
            content: "";
            width: 130px;
            height: 130px;
            border-radius: 35px;
            background-image: url("../images/senior/sec02_box02_img.png");
            background-size: 100%;
            top: -40px;
            right: 21px;
            display: block;
            position: absolute; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec02 .point_frame:last-child::after {
                width: 100px;
                height: 100px;
                top: -17px;
                right: -30px; } }
          #wrapper.senior.top .sec02 .point_frame .point_num {
            padding-top: 40px;
            width: 96px;
            margin: 0 auto 34px;
            color: #42b7e7;
            font-weight: 600;
            position: relative; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec02 .point_frame .point_num {
                padding-top: 0;
                margin: 0 auto 20px;
                width: 100px; } }
            #wrapper.senior.top .sec02 .point_frame .point_num .num_big {
              font-size: 28.8px; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec02 .point_frame .point_num .num_big {
                  font-size: 6.47vw; } }
            #wrapper.senior.top .sec02 .point_frame .point_num::after {
              content: "";
              width: 100%;
              position: absolute;
              bottom: 3px;
              left: 0;
              border-bottom: #42b7e7 solid 2px; }
          #wrapper.senior.top .sec02 .point_frame .point_txt {
            font-size: 17px;
            line-height: 30px;
            width: 400px;
            margin: 0 auto 40px;
            text-align: left;
            line-height: 2; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec02 .point_frame .point_txt {
                width: 91%;
                margin-bottom: 8vw; } }
        #wrapper.senior.top .sec02 .sec02_endtxt {
          text-align: center; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec02 .sec02_endtxt {
              margin: 0 auto;
              max-width: 345px; } }
      #wrapper.senior.top .sec03 {
        padding-top: 100px;
        padding-bottom: 100px;
        background-image: url("../images/senior/blue_pattern.jpg");
        background-repeat: repeat; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec03 {
            padding-bottom: 60px;
            padding-top: 60px; } }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec03 .desc h2 {
            max-width: 345px;
            margin: 0 auto 25px; } }
        #wrapper.senior.top .sec03 h3 {
          text-align: center;
          margin-bottom: 32px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec03 h3 {
              max-width: 345px;
              margin: 0 auto 30px; } }
        #wrapper.senior.top .sec03 .interviews_contents {
          width: 1000px;
          margin: 0 auto 100px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec03 .interviews_contents {
              width: 100%;
              margin-bottom: 13.3vw; } }
          #wrapper.senior.top .sec03 .interviews_contents .interviews_box {
            background: #fff;
            box-shadow: 3px 0px 22px rgba(193, 227, 241, 0.5);
            border-radius: 10px;
            margin-bottom: 40px;
            padding-top: 40px; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec03 .interviews_contents .interviews_box {
                padding-top: 0; } }
            #wrapper.senior.top .sec03 .interviews_contents .interviews_box button {
              cursor: pointer; }
            #wrapper.senior.top .sec03 .interviews_contents .interviews_box .interviews_img {
              display: block;
              width: 400px;
              height: 226px;
              margin-right: 40px; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec03 .interviews_contents .interviews_box .interviews_img {
                  position: relative;
                  width: 100%;
                  margin: 0 auto 35px;
                  height: inherit;
                  padding-top: 0; } }
              @media print, screen and (min-width: 769px) {
                #wrapper.senior.top .sec03 .interviews_contents .interviews_box .interviews_img .interviews_nametag {
                  display: none; } }
            #wrapper.senior.top .sec03 .interviews_contents .interviews_box .interviews_nametag {
              max-width: 164px;
              padding: 10px 24px;
              background-color: #e3ecf0;
              display: block;
              font-weight: 500; }
              #wrapper.senior.top .sec03 .interviews_contents .interviews_box .interviews_nametag p {
                text-align: center; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec03 .interviews_contents .interviews_box .interviews_nametag {
                  position: absolute;
                  top: inherit;
                  bottom: 0;
                  right: 0;
                  font-size: 1.6rem;
                  padding: 10px 15px; } }
            #wrapper.senior.top .sec03 .interviews_contents .interviews_box .top {
              width: 880px;
              margin: 0 auto 40px;
              display: flex;
              justify-content: flex-start;
              align-items: center; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec03 .interviews_contents .interviews_box .top {
                  width: inherit;
                  display: block;
                  position: relative; } }
              #wrapper.senior.top .sec03 .interviews_contents .interviews_box .top .interviews_info {
                display: block; }
                @media screen and (max-width: 768px) {
                  #wrapper.senior.top .sec03 .interviews_contents .interviews_box .top .interviews_info {
                    width: 91%;
                    margin: 0 auto 8vw; }
                    #wrapper.senior.top .sec03 .interviews_contents .interviews_box .top .interviews_info .interviews_nametag {
                      display: none; } }
                #wrapper.senior.top .sec03 .interviews_contents .interviews_box .top .interviews_info .interviews_ttl {
                  margin-bottom: 30px; }
                  @media screen and (max-width: 768px) {
                    #wrapper.senior.top .sec03 .interviews_contents .interviews_box .top .interviews_info .interviews_ttl {
                      max-width: 315px; } }
            #wrapper.senior.top .sec03 .interviews_contents .interviews_box .bottom {
              width: 880px;
              margin: 0 auto 40px; }
              #wrapper.senior.top .sec03 .interviews_contents .interviews_box .bottom .interviews_txt {
                margin-bottom: 40px;
                overflow: hidden;
                display: -webkit-box;
                text-overflow: ellipsis;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                max-height: 60px; }
                @media screen and (max-width: 768px) {
                  #wrapper.senior.top .sec03 .interviews_contents .interviews_box .bottom .interviews_txt {
                    margin-bottom: 0;
                    max-height: 14vw; } }
              #wrapper.senior.top .sec03 .interviews_contents .interviews_box .bottom.show .interviews_txt {
                overflow: auto;
                display: block;
                text-overflow: inherit;
                -webkit-box-orient: unset;
                -webkit-line-clamp: unset;
                max-height: none;
                transition: display .5s; }
              #wrapper.senior.top .sec03 .interviews_contents .interviews_box .bottom.show .js-close {
                display: block !important;
                margin: 0 auto;
                padding-bottom: 60px; }
                #wrapper.senior.top .sec03 .interviews_contents .interviews_box .bottom.show .js-close:hover {
                  opacity: 0.6;
                  transition: .5s; }
                @media screen and (max-width: 768px) {
                  #wrapper.senior.top .sec03 .interviews_contents .interviews_box .bottom.show .js-close {
                    max-width: 170px;
                    margin: 20px auto 0; } }
              #wrapper.senior.top .sec03 .interviews_contents .interviews_box .bottom.show .js-open {
                display: none !important; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec03 .interviews_contents .interviews_box .bottom {
                  width: 91%;
                  margin-bottom: 0; } }
            #wrapper.senior.top .sec03 .interviews_contents .interviews_box .js-open {
              display: block;
              margin: 0 auto;
              padding-bottom: 60px; }
              #wrapper.senior.top .sec03 .interviews_contents .interviews_box .js-open:hover {
                opacity: 0.6;
                transition: .5s; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec03 .interviews_contents .interviews_box .js-open {
                  max-width: 170px;
                  margin: 20px auto 0; } }
            #wrapper.senior.top .sec03 .interviews_contents .interviews_box .js-close {
              display: none; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec03 .gallery h3 {
            margin-bottom: 30px;
            max-width: 345px; } }
        #wrapper.senior.top .sec03 .gallery .gallery-block {
          position: relative;
          width: 730px;
          margin: 0 auto; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec03 .gallery .gallery-block {
              width: 100%; } }
        #wrapper.senior.top .sec03 .gallery .swiper {
          box-shadow: 3px 0px 22px rgba(193, 227, 241, 0.5);
          border-radius: 10px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec03 .gallery .swiper {
              width: 100%; } }
          #wrapper.senior.top .sec03 .gallery .swiper .swiper-slide {
            width: 730px;
            border-radius: 10px;
            background-color: #fff; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .sec03 .gallery .swiper .swiper-slide {
                width: 100%;
                height: auto; } }
            #wrapper.senior.top .sec03 .gallery .swiper .swiper-slide p {
              font-size: 18px;
              width: 666px;
              margin: 0 auto;
              text-align: left;
              padding: 20px 10px; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .sec03 .gallery .swiper .swiper-slide p {
                  width: 100%;
                  font-size: 1.4rem;
                  padding: 20px 15px; } }
        #wrapper.senior.top .sec03 .gallery .swiper-button-next {
          margin-top: 0 !important;
          background-image: url("../images/senior/sec03_gallery_arrow_right.png");
          width: 62px !important;
          height: 62px !important;
          right: -31px !important;
          top: 178px !important;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec03 .gallery .swiper-button-next {
              right: 10px !important;
              top: 50% !important;
              margin-top: -50px !important;
              width: 50px !important;
              height: 50px !important;
              background-size: cover; } }
          #wrapper.senior.top .sec03 .gallery .swiper-button-next.swiper-button-disabled {
            opacity: 1 !important; }
        #wrapper.senior.top .sec03 .gallery .swiper-button-prev {
          margin-top: 0 !important;
          background-image: url("../images/senior/sec03_gallery_arrow_left.png");
          width: 62px !important;
          height: 62px !important;
          left: -31px !important;
          top: 178px !important;
          background-size: 100%; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec03 .gallery .swiper-button-prev {
              left: 10px !important;
              top: 50% !important;
              margin-top: -50px !important;
              width: 50px !important;
              height: 50px !important;
              background-size: cover; } }
          #wrapper.senior.top .sec03 .gallery .swiper-button-prev.swiper-button-disabled {
            opacity: 1 !important; }
        #wrapper.senior.top .sec03 .gallery .swiper-button-next:after, #wrapper.senior.top .sec03 .gallery .swiper-button-prev:after {
          content: none !important; }
        #wrapper.senior.top .sec03 .gallery .swiper-wrapper {
          height: auto !important; }
        #wrapper.senior.top .sec03 .gallery .swiper-pagination-bullet-active {
          background: #42b7e7 !important; }
        #wrapper.senior.top .sec03 .gallery .swiper-pagination {
          position: relative !important;
          margin-top: 32px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec03 .gallery .swiper-pagination {
              margin-top: 30px; } }
        #wrapper.senior.top .sec03 .gallery .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, #wrapper.senior.top .sec03 .gallery .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
          background: #fff;
          border: solid 3px #42b7e7;
          opacity: 1; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec03 .gallery .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, #wrapper.senior.top .sec03 .gallery .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
              border: solid 2px #42b7e7; } }
        #wrapper.senior.top .sec03 .gallery .swiper-pagination-bullet {
          width: 16px !important;
          height: 16px !important;
          margin: 8px !important; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec03 .gallery .swiper-pagination-bullet {
              width: 10px !important;
              height: 10px !important;
              margin: 5px !important; } }
      #wrapper.senior.top .sec04 {
        width: 1000px;
        margin: 0 auto;
        padding-top: 80px;
        padding-bottom: 80px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec04 {
            padding-top: 50px;
            padding-bottom: 50px;
            width: 100%; } }
        #wrapper.senior.top .sec04 h2 {
          margin-bottom: 48px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec04 h2 {
              max-width: 345px;
              margin: 0 auto 25px; } }
        #wrapper.senior.top .sec04 .desc {
          text-align: center; }
        #wrapper.senior.top .sec04 .sec04_graph {
          display: block;
          width: 730px;
          margin: 0 auto 60px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec04 .sec04_graph {
              width: 100%;
              max-width: 345px;
              margin-bottom: 25px; } }
        #wrapper.senior.top .sec04 .sec04_btn {
          display: flex;
          justify-content: space-between;
          width: 824px;
          margin: 0 auto; }
          #wrapper.senior.top .sec04 .sec04_btn a:hover {
            opacity: 0.6;
            transition: .5s; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec04 .sec04_btn {
              display: block;
              max-width: 345px; }
              #wrapper.senior.top .sec04 .sec04_btn a {
                margin-bottom: 15px;
                display: block; } }
      #wrapper.senior.top .sec05 {
        padding-top: 60px;
        padding-bottom: 80px;
        background-color: #f0f9ff; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .sec05 {
            padding-top: 60px;
            padding-bottom: 60px;
            width: 100%; } }
        #wrapper.senior.top .sec05 h2 {
          margin-bottom: 20px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec05 h2 {
              max-width: 345px;
              margin: 0 auto 20px; } }
        #wrapper.senior.top .sec05 .leadtxt {
          margin-bottom: 32px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .sec05 .leadtxt {
              margin-bottom: 10.66vw; } }
      #wrapper.senior.top .search {
        width: 700px;
        margin: 0 auto;
        border-radius: 10px;
        overflow: hidden; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .search {
            width: auto; } }
        #wrapper.senior.top .search .ttlArea {
          background: #42b7e7;
          padding: 15px 0 10px;
          text-align: center; }
          #wrapper.senior.top .search .ttlArea h2 {
            margin-bottom: 0 !important; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .search .ttlArea h2 {
                width: inherit; } }
          #wrapper.senior.top .search .ttlArea .ttl {
            line-height: 1;
            color: #fff;
            font-size: 2.4rem;
            position: relative; }
            #wrapper.senior.top .search .ttlArea .ttl::before {
              position: absolute;
              content: "";
              display: block;
              width: 22px;
              height: 22px;
              left: 148px;
              top: 0;
              background-image: url("../images/senior/ico_search.png"); }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .search .ttlArea .ttl::before {
                  width: 5.06vw;
                  height: 5.06vw;
                  background-image: url("../images/senior/ico_search_sp.png");
                  font-size: 5.06vw;
                  background-size: cover;
                  left: 4vw; } }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .search .ttlArea .ttl {
                font-size: 1.9rem; } }
            #wrapper.senior.top .search .ttlArea .ttl span {
              background: url(../images/icon_search_s.png) 0 1px/23px auto no-repeat;
              padding: 0 0 5px 30px;
              display: inline-block; }
              @media screen and (max-width: 768px) {
                #wrapper.senior.top .search .ttlArea .ttl span {
                  border-bottom-width: 3px;
                  background-size: 18px;
                  padding: 0 0 5px 23px; } }
          #wrapper.senior.top .search .ttlArea .ttlDescription {
            margin-top: 3px;
            font-size: 1.6rem;
            color: #fff; }
        #wrapper.senior.top .search .cont {
          padding: 20px 30px;
          background: #fff; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .search .cont {
              padding: 25px 16px 20px; } }
          #wrapper.senior.top .search .cont .sTtl {
            font-size: 1.6rem;
            color: #568da8;
            padding-left: 30px;
            background-position: 0 1px;
            background-repeat: no-repeat;
            background-size: 22px;
            margin-bottom: 10px;
            line-height: 1.6; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .search .cont .sTtl {
                background-size: 20px;
                padding-left: 28px; } }
            #wrapper.senior.top .search .cont .sTtl span {
              display: block;
              color: #aaa;
              margin-left: 5px;
              font-weight: 400;
              margin: 0;
              font-size: 1.2rem; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .search .cont .sTtl.gps {
                margin-bottom: 0; } }
            #wrapper.senior.top .search .cont .sTtl.gps, #wrapper.senior.top .search .cont .sTtl.map {
              background-image: url(../images/icon_gps.png); }
            #wrapper.senior.top .search .cont .sTtl.zip {
              background-image: url(../images/icon_zip.png); }
            #wrapper.senior.top .search .cont .sTtl.keyword {
              background-image: url(../images/icon_keyword.png); }
            #wrapper.senior.top .search .cont .sTtl.area {
              background-image: url(../images/icon_area.png); }
          #wrapper.senior.top .search .cont .lt {
            width: 306px;
            float: left; }
          #wrapper.senior.top .search .cont .rt {
            width: 310px;
            float: right; }
          #wrapper.senior.top .search .cont .inputBox input[type="text"],
          #wrapper.senior.top .search .cont .inputBox input[type="tel"] {
            width: 220px; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .search .cont .inputBox input[type="text"],
              #wrapper.senior.top .search .cont .inputBox input[type="tel"] {
                width: calc(100% - 90px); } }
          #wrapper.senior.top .search .cont .inputBox .searchBtn {
            margin-left: 5px; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .search .cont .inputBox .searchBtn.wide {
                width: 100%;
                font-size: 2.0rem;
                letter-spacing: 1.0rem;
                font-weight: 600;
                margin-left: 0;
                margin-top: 10px; } }
          #wrapper.senior.top .search .cont .inputBox .selectItem {
            display: flex;
            display: -webkit-box;
            display: -webkit-flex; }
            #wrapper.senior.top .search .cont .inputBox .selectItem + .selectItem {
              margin-top: 8px; }
            #wrapper.senior.top .search .cont .inputBox .selectItem label {
              color: #aaa;
              display: flex;
              display: -webkit-box;
              display: -webkit-flex;
              -webkit-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              padding-right: 8px; }
            #wrapper.senior.top .search .cont .inputBox .selectItem select {
              -webkit-flex: 1;
              flex: 1; }
          #wrapper.senior.top .search .cont .inputBox select {
            -webkit-appearance: none;
            appearance: none;
            box-shadow: none;
            border: 1px solid #7dcdf4;
            border-radius: 5px;
            height: 40px;
            padding: 10px;
            background: url(../images/arrow_select.gif) right center/auto 100% no-repeat #fff;
            color: #000; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.top .search .cont .inputBox select {
                padding: 5px;
                font-size: 1.6rem; } }
          #wrapper.senior.top .search .cont .inputBox .notes {
            margin-top: 7px; }
          #wrapper.senior.top .search .cont form + .sTtl {
            margin-top: 15px; }
      #wrapper.senior.top .footer_btn {
        width: 872px;
        margin: 34px auto 0; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.top .footer_btn {
            max-width: 345px; } }
        #wrapper.senior.top .footer_btn .inside {
          width: 100%;
          display: flex;
          justify-content: space-between; }
          #wrapper.senior.top .footer_btn .inside a:hover {
            opacity: 0.6;
            transition: .5s; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.top .footer_btn .inside {
              display: block;
              width: auto; }
              #wrapper.senior.top .footer_btn .inside .btn_search {
                margin-bottom: 4vw;
                display: block; } }
    #wrapper.senior header#header {
      height: 134px;
      	/*============================
      #nav
      ============================*/ }
      @media screen and (max-width: 768px) {
        #wrapper.senior header#header {
          height: 100px; }
          #wrapper.senior header#header .headerInner {
            padding: 0; } }
      #wrapper.senior header#header div.header__logoArea {
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #d0d9dc;
        padding: 10px 0;
        z-index: 3;
        position: relative; }
        #wrapper.senior header#header div.header__logoArea p.logoArea__logoKumon {
          margin-right: 23px;
          width: 90px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior header#header div.header__logoArea p.logoArea__logoKumon {
              width: 77px; } }
          #wrapper.senior header#header div.header__logoArea p.logoArea__logoKumon a {
            display: block; }
            #wrapper.senior header#header div.header__logoArea p.logoArea__logoKumon a img {
              width: 100%; }
        #wrapper.senior header#header div.header__logoArea h1 {
          width: 81px;
          line-height: 1;
          margin-top: 0; }
          #wrapper.senior header#header div.header__logoArea h1 a {
            display: block; }
            #wrapper.senior header#header div.header__logoArea h1 a img {
              width: 100%; }
      @media screen and (max-width: 768px) {
        #wrapper.senior header#header div.headerInner.sp div.infoArea {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 92vw;
          margin: 0 auto;
          padding: 0; } }
      @media screen and (max-width: 768px) {
        #wrapper.senior header#header div.headerInner.sp div.infoArea div.infoArea__logo {
          width: 94px; } }
      @media screen and (max-width: 768px) {
        #wrapper.senior header#header div.headerInner.sp div.infoArea div.infoArea__logo a {
          display: block; } }
      #wrapper.senior header#header div.headerInner.sp div.infoArea .btnDefault {
        display: none; }
      #wrapper.senior header#header div.headerInner.sp div.infoArea div p.menu {
        display: none; }
        @media screen and (max-width: 768px) {
          #wrapper.senior header#header div.headerInner.sp div.infoArea div p.menu {
            background-image: url(/lil/assets/images/senior/senior_btn_menu.png);
            width: 77px;
            height: 38px; } }
        @media screen and (max-width: 768px) {
          #wrapper.senior header#header div.headerInner.sp div.infoArea div p.menu.open {
            background-image: url(/lil/assets/images/senior/senior_btn_close.png); } }
      #wrapper.senior header#header .headerinner.pc .infoArea {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 1100px;
        margin: 0 auto;
        padding: 0; }
      #wrapper.senior header#header nav#nav {
        width: 1160px;
        padding: 0 30px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior header#header nav#nav {
            width: 100%; } }
        #wrapper.senior header#header nav#nav .btnMenu img {
          width: 68px; }
        #wrapper.senior header#header nav#nav .btnMenu .btnGroup_menu {
          padding-top: 7px; }
        #wrapper.senior header#header nav#nav .btnGroup {
          width: 336px;
          display: flex;
          justify-content: space-between;
          height: 66px;
          align-items: center; }
        #wrapper.senior header#header nav#nav .senior_nav_btn {
          display: flex;
          justify-content: space-between;
          width: 434px; }
        #wrapper.senior header#header nav#nav div.navInner {
          margin: 14px 0;
          width: 100%;
          height: 60px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior header#header nav#nav div.navInner {
              padding-top: 62px; } }
          #wrapper.senior header#header nav#nav div.navInner div.infoArea__logo {
            width: 281px; }
            #wrapper.senior header#header nav#nav div.navInner div.infoArea__logo a img {
              width: 100%; }
          #wrapper.senior header#header nav#nav div.navInner .btnDefault.mail {
            display: none; }
          #wrapper.senior header#header nav#nav div.navInner ul.gNav {
            width: 600px; }
            @media screen and (max-width: 768px) {
              #wrapper.senior header#header nav#nav div.navInner ul.gNav {
                width: 100%; } }
          #wrapper.senior header#header nav#nav div.navInner p.btnDefault {
            width: 159px; }
            #wrapper.senior header#header nav#nav div.navInner p.btnDefault.orange {
              margin: 0 10px 0 auto; }
              #wrapper.senior header#header nav#nav div.navInner p.btnDefault.orange a {
                background-color: #ff9549; }
            #wrapper.senior header#header nav#nav div.navInner p.btnDefault.blue a {
              background-image: url(/lil/assets/images/icon_handshake.png);
              background-color: #42b7e7;
              background-size: 26px;
              background-position: 12px center; }
            #wrapper.senior header#header nav#nav div.navInner p.btnDefault.mail {
              display: none; }
              #wrapper.senior header#header nav#nav div.navInner p.btnDefault.mail a {
                background-image: url(/lil/assets/images/icon_mail.png);
                background-size: 20px;
                background-position: 14px center; }
    #wrapper.senior div.searchWrp.pc div.mapSearch div dl dd ul li a {
      font-size: 1.5rem;
      padding-left: 18px;
      background-position: 3px; }
    #wrapper.senior div#resultarea table.table01 tbody tr th:nth-child(4) {
      width: 23%; }
    #wrapper.senior div#resultarea table.table01 tbody tr td:nth-of-type(n+2) {
      padding: 15px 50px; }
  #wrapper.collaboration nav#nav div.navInner p.btnDefault.orange {
    display: none; }
  #wrapper.collaboration nav#nav div.navInner p.btnDefault.blue {
    display: none; }

/* collaboration only */
/*pc*/
#wrapper.senior.collaboration header#header nav#nav div.navInner p.btnDefault.mail {
  display: block;
  margin-right: 0px; }
  #wrapper.senior.collaboration header#header nav#nav div.navInner p.btnDefault.mail a {
    background-size: 20px;
    background-position: 12px 23px;
    font-size: 1.7rem;
    padding: 20px 0 0 38px;
    letter-spacing: 1px;
    font-weight: 700; }

/*sp*/
#wrapper.senior.collaboration header#header nav#nav {
  padding: 0; }
#wrapper.senior.collaboration header#header div.headerInner.sp div.infoArea p.btnDefault.mail {
  width: 159px;
  margin: 0 15px 0 auto;
  width: 145px;
  display: block; }
  #wrapper.senior.collaboration header#header div.headerInner.sp div.infoArea p.btnDefault.mail a {
    padding: 12px 0 0 39px;
    line-height: 1.3em;
    text-align: left;
    height: 43px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 12px center;
    color: #fff;
    font-size: 1.06em;
    transition: opacity 0.3s ease;
    box-sizing: border-box;
    border-radius: 60px;
    position: relative;
    display: block;
    background-image: url(/lil/assets/images/icon_mail.png);
    background-size: 20px;
    background-position: 14px center;
    background-color: #ff9549; }

/* hamburger */
#wrapper.senior.collaboration header#header.fixedSP {
  height: 63px; }
  #wrapper.senior.collaboration header#header.fixedSP .header__logoArea {
    display: none; }
  #wrapper.senior.collaboration header#header.fixedSP div.headerInner.sp div.infoArea p.btnDefault.mail {
    margin-right: 0; }
  #wrapper.senior.collaboration header#header.fixedSP div.headerInner.sp div.infoArea div p.menu {
    display: block; }

.hamburger_menu .ico_menu {
  display: block;
  padding-top: 11px; }
.hamburger_menu .ico_close {
  display: none; }
@media screen and (max-width: 768px) {
  .hamburger_menu {
    padding: 0; }
    .hamburger_menu img {
      width: 11.06vw; } }
.hamburger_menu.active .ico_menu {
  display: none; }
.hamburger_menu.active .ico_close {
  display: block; }
@media screen and (max-width: 768px) {
  .hamburger_menu.active img {
    width: 8.33vw;
    margin-right: 1.3vw; } }

.hamburger_menu_content {
  overflow-y: scroll;
  display: none;
  background-color: #edf8ff;
  padding-bottom: 4.8vw; }
  .hamburger_menu_content.active {
    display: block; }
  @media screen and (max-width: 768px) {
    .hamburger_menu_content {
      width: 100%; }
      .hamburger_menu_content .menu_btn {
        width: 92vw;
        margin: 0 auto;
        padding-top: 4.26vw; }
        .hamburger_menu_content .menu_btn li {
          margin-bottom: 4vw; }
      .hamburger_menu_content .menu_list {
        width: 92vw;
        margin: 0 auto; }
        .hamburger_menu_content .menu_list li {
          width: 100%;
          padding: 4.8vw 4vw;
          border-bottom: solid 2px #d2e1ea;
          position: relative; }
          .hamburger_menu_content .menu_list li::after {
            content: "";
            position: absolute;
            width: 4.6vw;
            height: 4vw;
            display: block;
            top: 5vw;
            right: 4vw;
            background-image: url("../images/senior/nav_arrow_right_sp.png");
            background-repeat: no-repeat;
            background-size: contain; }
          .hamburger_menu_content .menu_list li:nth-child(1) img {
            width: 37.3vw; }
          .hamburger_menu_content .menu_list li:nth-child(2) img {
            width: 37.3vw; }
          .hamburger_menu_content .menu_list li:nth-child(3) img {
            width: 32vw; }
          .hamburger_menu_content .menu_list li:nth-child(4) img {
            width: 10.66vw; }
          .hamburger_menu_content .menu_list li:nth-child(5) img {
            width: 32vw; }
      .hamburger_menu_content .menu_btn_min {
        width: 92vw;
        margin: 4.8vw auto 0;
        display: flex;
        justify-content: center; }
        .hamburger_menu_content .menu_btn_min li {
          margin-left: 1.3vw; } }

#wrapper.senior #mvTtl {
  background-image: url(../images/senior/bg_mv.jpg); }
  @media screen and (max-width: 768px) {
    #wrapper.senior #mvTtl {
      background-image: url(../images/senior/bg_mv.jpg); } }
#wrapper.senior .mvTtl01 {
  background-image: url(../images/senior/procedure/bg_mv_senior_procedure.jpg) !important; }
  @media screen and (max-width: 768px) {
    #wrapper.senior .mvTtl01 {
      background-image: url(../images/senior/procedure/sp/bg_mv_senior_procedure.jpg) !important; } }
#wrapper.senior .mvTtl02 {
  background-image: url(../images/senior/collaboration/bg_mv_senior_contact.jpg) !important; }
  @media screen and (max-width: 768px) {
    #wrapper.senior .mvTtl02 {
      background-image: url("../images/senior/collaboration/sp/bg_mv_senior_contact.jpg") !important; } }
#wrapper.senior .senior-inquiry {
  margin-top: 180px; }
  @media screen and (max-width: 768px) {
    #wrapper.senior .senior-inquiry {
      margin-top: 90px; } }
  #wrapper.senior .senior-inquiry .leadTxt {
    font-size: 26px;
    font-weight: bold; }
    @media screen and (max-width: 768px) {
      #wrapper.senior .senior-inquiry .leadTxt {
        font-size: 18px; } }
  #wrapper.senior .senior-inquiry .btnDefault {
    width: 500px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #wrapper.senior .senior-inquiry .btnDefault {
        width: 275px; } }
    #wrapper.senior .senior-inquiry .btnDefault a {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
      font-weight: bold;
      height: 80px;
      padding-top: 0; }
      @media screen and (max-width: 768px) {
        #wrapper.senior .senior-inquiry .btnDefault a {
          font-size: 18px;
          line-height: 1.4; } }

.spDisp {
  display: none; }
  @media screen and (max-width: 768px) {
    .spDisp {
      display: block; } }

#wrapper.senior.collaboration {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #222222; }
  #wrapper.senior.collaboration .header-content__btns {
    right: 0; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .header-content__btns {
        display: block;
        right: 15px;
        max-width: 145px;
        max-height: 60px; } }
  #wrapper.senior.collaboration p {
    font-size: 1.6rem;
    font-weight: 300;
    font-style: normal; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration p {
        font-size: 15px; } }
  #wrapper.senior.collaboration h2 {
    text-align: center;
    margin-bottom: 30px; }
  #wrapper.senior.collaboration .underline_blue {
    position: relative; }
    #wrapper.senior.collaboration .underline_blue::after {
      content: "";
      width: 100%;
      position: absolute;
      bottom: -3px;
      left: 0;
      border-bottom: #42b7e7 solid 2px; }
  #wrapper.senior.collaboration #breadCrumb {
    margin-bottom: 40px !important; }
  #wrapper.senior.collaboration .inside {
    width: 1000px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .inside {
        padding-right: 15px;
        padding-left: 15px;
        width: 100%; } }
  #wrapper.senior.collaboration .mv {
    box-shadow: 0px 0px 16px rgba(133, 123, 110, 0.14);
    margin-bottom: 60px; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .mv {
        margin-bottom: 25px; } }
  #wrapper.senior.collaboration .mv_content {
    margin: 0 auto;
    background-image: url("../images/senior/collaboration/mv_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #eaf5fb;
    background-size: cover; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .mv_content {
        width: 100%;
        background-image: none; } }
    #wrapper.senior.collaboration .mv_content h1 {
      margin: 0 auto;
      text-align: center; }
      @media print, screen and (min-width: 769px) {
        #wrapper.senior.collaboration .mv_content h1 {
          padding-top: 30px;
          padding-bottom: 19px; } }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .mv_content h1 img {
          width: 100%;
          margin-top: 0; } }
  #wrapper.senior.collaboration .head_btn {
    display: flex;
    justify-content: center;
    width: 840px;
    margin: 0 auto 60px; }
    #wrapper.senior.collaboration .head_btn a:hover {
      opacity: 0.6;
      transition: .5s; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .head_btn {
        display: block;
        width: 345px;
        margin: 0 auto 40px; } }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .head_btn .btn_search {
        display: block;
        margin-bottom: 15px; } }
  #wrapper.senior.collaboration .sec_lead {
    padding-bottom: 80px; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .sec_lead {
        padding-bottom: 0; } }
  #wrapper.senior.collaboration .lead {
    width: 1000px;
    margin: 0 auto;
    background-color: #f0f9ff;
    padding: 70px 0 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 15px 6px #f0f9ff; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .lead {
        background-color: #fff;
        width: 100%;
        padding: 0px;
        margin-bottom: 65px;
        box-shadow: none; } }
    #wrapper.senior.collaboration .lead .lead_ttl {
      width: 454px;
      display: block;
      margin: 0 auto;
      padding-bottom: 30px;
      position: relative; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .lead .lead_ttl {
          text-align: center;
          width: auto;
          padding-bottom: 20px;
          max-width: 345px; } }
    #wrapper.senior.collaboration .lead .lead_txt {
      text-align: center; }
      #wrapper.senior.collaboration .lead .lead_txt p {
        margin-bottom: 20px;
        font-size: 1.6rem;
        line-height: 2.5; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .lead .lead_txt p {
            margin-bottom: 35px;
            font-size: 15px;
            line-height: 2; } }
  #wrapper.senior.collaboration .sec_slide-img img {
    width: 100%;
    height: fit-content; }
  #wrapper.senior.collaboration .sec01 {
    background-color: #f0f9ff;
    padding-top: 100px;
    padding-bottom: 50px; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .sec01 {
        padding-top: 40px;
        padding-bottom: 40px; } }
    #wrapper.senior.collaboration .sec01 .desc {
      text-align: center;
      width: 730px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec01 .desc {
          width: 100%;
          margin-bottom: 40px; } }
    #wrapper.senior.collaboration .sec01 .ttl {
      margin-bottom: 45px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec01 .ttl {
          margin: 0 auto 20px;
          max-width: 345px; } }
    #wrapper.senior.collaboration .sec01 .leadtxt {
      font-weight: 300 !important;
      line-height: 2.2; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec01 .leadtxt {
          padding: 0;
          text-align: left; } }
    #wrapper.senior.collaboration .sec01 .sec01_materials {
      width: 1000px;
      margin: 0 auto;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec01 .sec01_materials {
          width: 100%; } }
      #wrapper.senior.collaboration .sec01 .sec01_materials h3 {
        margin-bottom: 32px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .sec01 .sec01_materials h3 {
            margin: 0 auto 20px;
            display: block;
            max-width: 345px; } }
      #wrapper.senior.collaboration .sec01 .sec01_materials ul {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .sec01 .sec01_materials ul {
            display: block; } }
        #wrapper.senior.collaboration .sec01 .sec01_materials ul li {
          width: 320px;
          background-color: #fff;
          display: block;
          border-radius: 10px;
          height: 435px;
          box-shadow: 3px 0px 22px rgba(193, 227, 241, 0.5); }
          @media screen and (max-width: 768px) {
            #wrapper.senior.collaboration .sec01 .sec01_materials ul li {
              width: 100%;
              border-radius: 10px;
              height: inherit;
              margin-bottom: 20px; } }
          #wrapper.senior.collaboration .sec01 .sec01_materials ul li .materials_ttl {
            background-color: #42B7E7;
            font-size: 24px;
            color: #fff;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            margin-bottom: 30px;
            border-radius: 10px 10px 0 0;
            font-weight: bold;
            line-height: 1; }
          #wrapper.senior.collaboration .sec01 .sec01_materials ul li p {
            display: block;
            text-align: left;
            width: 260px;
            margin: 0 auto 24px;
            line-height: 2.2; }
            @media screen and (max-width: 768px) {
              #wrapper.senior.collaboration .sec01 .sec01_materials ul li p {
                width: calc(100% - 30px);
                margin: 0 auto 20px; } }
          @media screen and (max-width: 768px) {
            #wrapper.senior.collaboration .sec01 .sec01_materials ul li img {
              max-width: 315px;
              margin-bottom: 25px; } }
  #wrapper.senior.collaboration .sec02 {
    background-color: #fff;
    padding-top: 100px;
    padding-bottom: 70px; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .sec02 {
        padding-top: 40px;
        padding-bottom: 40px; } }
    #wrapper.senior.collaboration .sec02 .inside {
      width: 1000px;
      margin: 0 auto; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec02 .inside {
          width: 100%; } }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .sec02 .desc h2 {
        max-width: 345px;
        margin: 0 auto;
        margin-bottom: 35px; } }
    #wrapper.senior.collaboration .sec02-wrapper {
      position: relative;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-around; }
    #wrapper.senior.collaboration .sec02-item {
      position: relative;
      background-image: url(../images/senior/collaboration/sec02_item_bg.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center center;
      max-width: 476px;
      padding: 100px 38px 60px;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec02-item {
          height: 244.5px;
          padding: 60px 15px; } }
      #wrapper.senior.collaboration .sec02-item--num {
        position: absolute;
        top: 18px;
        left: 50%;
        transform: translateX(-50%); }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .sec02-item--num {
            top: 13px;
            width: 54.5px;
            height: 42px; } }
      #wrapper.senior.collaboration .sec02-item--ttl {
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 30px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .sec02-item--ttl {
            font-size: 23px;
            margin-bottom: 20px; } }
      #wrapper.senior.collaboration .sec02-item--txt {
        font-size: 16px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .sec02-item--txt {
            font-size: 15px; } }
    #wrapper.senior.collaboration .sec02-img {
      position: absolute;
      top: 240px;
      right: -25px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec02-img {
          top: 460px;
          right: 0px;
          width: 72px;
          height: 88px; } }
  #wrapper.senior.collaboration .sec03 {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url("../images/senior/blue_pattern.jpg");
    background-repeat: repeat; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .sec03 {
        padding-top: 40px;
        padding-bottom: 40px; } }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .sec03 .desc h2 {
        max-width: 345px;
        margin: 0 auto 25px; } }
    #wrapper.senior.collaboration .sec03 h3 {
      text-align: center;
      margin-bottom: 32px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec03 h3 {
          max-width: 345px;
          margin: 0 auto 30px; } }
    #wrapper.senior.collaboration .sec03-box {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec03-box {
          display: block; } }
    #wrapper.senior.collaboration .sec03-img {
      margin-right: 60px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec03-img {
          margin-right: 0;
          margin-bottom: 20px; } }
    #wrapper.senior.collaboration .sec03-list {
      font-size: 20px;
      font-weight: bold; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec03-list {
          font-size: 16px; } }
      #wrapper.senior.collaboration .sec03-list li {
        position: relative;
        padding-left: 36px;
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .sec03-list li {
            padding-left: 22px; } }
    #wrapper.senior.collaboration .sec03-item01::before {
      position: absolute;
      content: '';
      top: 4.6px;
      left: 0;
      width: 25px;
      height: 25px;
      background-image: url(../images/senior/collaboration/sec03_list01.png); }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec03-item01::before {
          width: 17px;
          height: 17px;
          background-size: contain; } }
    #wrapper.senior.collaboration .sec03-item02::before {
      position: absolute;
      content: '';
      top: 4.6px;
      left: 0;
      width: 25px;
      height: 25px;
      background-image: url(../images/senior/collaboration/sec03_list02.png); }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec03-item02::before {
          width: 17px;
          height: 17px;
          background-size: contain; } }
    #wrapper.senior.collaboration .sec03-item03::before {
      position: absolute;
      content: '';
      top: 4.6px;
      left: 0;
      width: 25px;
      height: 25px;
      background-image: url(../images/senior/collaboration/sec03_list03.png); }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec03-item03::before {
          width: 17px;
          height: 17px;
          background-size: contain; } }
  #wrapper.senior.collaboration .sec04 {
    width: 1000px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 80px; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .sec04 {
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%; } }
    #wrapper.senior.collaboration .sec04 h2 {
      margin-bottom: 48px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec04 h2 {
          max-width: 345px;
          margin: 0 auto 25px; } }
    #wrapper.senior.collaboration .sec04 .desc {
      text-align: center; }
    #wrapper.senior.collaboration .sec04-flow {
      display: flex;
      flex-direction: row;
      gap: 24px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec04-flow {
          display: block; } }
    #wrapper.senior.collaboration .sec04-item {
      position: relative;
      max-width: 320px;
      background-color: #edf8ff;
      padding: 56px 40px 110px; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec04-item {
          padding: 15px;
          margin: 0 auto 20px; } }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .sec04-item--wrap {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          align-items: center;
          margin-bottom: 30px; } }
      #wrapper.senior.collaboration .sec04-item--ttl {
        display: flex;
        align-items: center;
        font-size: 22px; }
        #wrapper.senior.collaboration .sec04-item--ttl span {
          font-size: 35px;
          color: #42b7e7;
          margin-right: 10px; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.collaboration .sec04-item--ttl span {
              margin-right: 6px; } }
      #wrapper.senior.collaboration .sec04-item--img {
        position: absolute;
        right: 40px;
        bottom: 40px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .sec04-item--img {
            position: static;
            max-width: 62px; } }
      #wrapper.senior.collaboration .sec04-item--txt {
        font-size: 16px;
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .sec04-item--txt {
            font-size: 15px; } }
  #wrapper.senior.collaboration .search {
    width: 700px;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .search {
        width: auto; } }
    #wrapper.senior.collaboration .search .ttlArea {
      background: #42b7e7;
      padding: 15px 0 10px;
      text-align: center; }
      #wrapper.senior.collaboration .search .ttlArea h2 {
        margin-bottom: 0 !important; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .search .ttlArea h2 {
            width: inherit; } }
      #wrapper.senior.collaboration .search .ttlArea .ttl {
        line-height: 1;
        color: #fff;
        font-size: 2.4rem;
        position: relative; }
        #wrapper.senior.collaboration .search .ttlArea .ttl::before {
          position: absolute;
          content: "";
          display: block;
          width: 22px;
          height: 22px;
          left: 148px;
          top: 0;
          background-image: url("../images/senior/ico_search.png"); }
          @media screen and (max-width: 768px) {
            #wrapper.senior.collaboration .search .ttlArea .ttl::before {
              width: 5.06vw;
              height: 5.06vw;
              background-image: url("../images/senior/ico_search_sp.png");
              font-size: 5.06vw;
              background-size: cover;
              left: 4vw; } }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .search .ttlArea .ttl {
            font-size: 1.9rem; } }
        #wrapper.senior.collaboration .search .ttlArea .ttl span {
          background: url(../images/icon_search_s.png) 0 1px/23px auto no-repeat;
          padding: 0 0 5px 30px;
          display: inline-block; }
          @media screen and (max-width: 768px) {
            #wrapper.senior.collaboration .search .ttlArea .ttl span {
              border-bottom-width: 3px;
              background-size: 18px;
              padding: 0 0 5px 23px; } }
      #wrapper.senior.collaboration .search .ttlArea .ttlDescription {
        margin-top: 3px;
        font-size: 1.6rem;
        color: #fff; }
    #wrapper.senior.collaboration .search .cont {
      padding: 20px 30px;
      background: #fff; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .search .cont {
          padding: 25px 16px 20px; } }
      #wrapper.senior.collaboration .search .cont .sTtl {
        font-size: 1.6rem;
        color: #568da8;
        padding-left: 30px;
        background-position: 0 1px;
        background-repeat: no-repeat;
        background-size: 22px;
        margin-bottom: 10px;
        line-height: 1.6; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .search .cont .sTtl {
            background-size: 20px;
            padding-left: 28px; } }
        #wrapper.senior.collaboration .search .cont .sTtl span {
          display: block;
          color: #aaa;
          margin-left: 5px;
          font-weight: 400;
          margin: 0;
          font-size: 1.2rem; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .search .cont .sTtl.gps {
            margin-bottom: 0; } }
        #wrapper.senior.collaboration .search .cont .sTtl.gps, #wrapper.senior.collaboration .search .cont .sTtl.map {
          background-image: url(../images/icon_gps.png); }
        #wrapper.senior.collaboration .search .cont .sTtl.zip {
          background-image: url(../images/icon_zip.png); }
        #wrapper.senior.collaboration .search .cont .sTtl.keyword {
          background-image: url(../images/icon_keyword.png); }
        #wrapper.senior.collaboration .search .cont .sTtl.area {
          background-image: url(../images/icon_area.png); }
      #wrapper.senior.collaboration .search .cont .lt {
        width: 306px;
        float: left; }
      #wrapper.senior.collaboration .search .cont .rt {
        width: 310px;
        float: right; }
      #wrapper.senior.collaboration .search .cont .inputBox input[type="text"],
      #wrapper.senior.collaboration .search .cont .inputBox input[type="tel"] {
        width: 220px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .search .cont .inputBox input[type="text"],
          #wrapper.senior.collaboration .search .cont .inputBox input[type="tel"] {
            width: calc(100% - 90px); } }
      #wrapper.senior.collaboration .search .cont .inputBox .searchBtn {
        margin-left: 5px; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .search .cont .inputBox .searchBtn.wide {
            width: 100%;
            font-size: 2.0rem;
            letter-spacing: 1.0rem;
            font-weight: 600;
            margin-left: 0;
            margin-top: 10px; } }
      #wrapper.senior.collaboration .search .cont .inputBox .selectItem {
        display: flex;
        display: -webkit-box;
        display: -webkit-flex; }
        #wrapper.senior.collaboration .search .cont .inputBox .selectItem + .selectItem {
          margin-top: 8px; }
        #wrapper.senior.collaboration .search .cont .inputBox .selectItem label {
          color: #aaa;
          display: flex;
          display: -webkit-box;
          display: -webkit-flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding-right: 8px; }
        #wrapper.senior.collaboration .search .cont .inputBox .selectItem select {
          -webkit-flex: 1;
          flex: 1; }
      #wrapper.senior.collaboration .search .cont .inputBox select {
        -webkit-appearance: none;
        appearance: none;
        box-shadow: none;
        border: 1px solid #7dcdf4;
        border-radius: 5px;
        height: 40px;
        padding: 10px;
        background: url(../images/arrow_select.gif) right center/auto 100% no-repeat #fff; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .search .cont .inputBox select {
            padding: 5px;
            font-size: 1.6rem; } }
      #wrapper.senior.collaboration .search .cont .inputBox .notes {
        margin-top: 7px; }
      #wrapper.senior.collaboration .search .cont form + .sTtl {
        margin-top: 15px; }
  #wrapper.senior.collaboration .footer_btn {
    width: 872px;
    margin: 34px auto 40px; }
    @media screen and (max-width: 768px) {
      #wrapper.senior.collaboration .footer_btn {
        max-width: 345px; } }
    #wrapper.senior.collaboration .footer_btn .inside {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      #wrapper.senior.collaboration .footer_btn .inside a:hover {
        opacity: 0.6;
        transition: .5s; }
      @media screen and (max-width: 768px) {
        #wrapper.senior.collaboration .footer_btn .inside {
          display: block;
          width: auto; }
          #wrapper.senior.collaboration .footer_btn .inside .btn_search {
            margin-bottom: 4vw;
            display: block; } }
    #wrapper.senior.collaboration .footer_btn--txt {
      position: relative;
      font-size: 18px;
      text-align: center;
      color: #ff9549;
      margin-bottom: 16px; }
      #wrapper.senior.collaboration .footer_btn--txt::before {
        position: absolute;
        top: 50%;
        left: -66px;
        transform: translateY(-50%);
        content: '';
        width: 60px;
        height: 2px;
        background: #ff9549; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .footer_btn--txt::before {
            left: 10px;
            width: 40px; } }
      #wrapper.senior.collaboration .footer_btn--txt::after {
        position: absolute;
        top: 50%;
        right: -66px;
        transform: translateY(-50%);
        content: '';
        width: 60px;
        height: 2px;
        background: #ff9549; }
        @media screen and (max-width: 768px) {
          #wrapper.senior.collaboration .footer_btn--txt::after {
            right: 10px;
            width: 40px; } }

/* 追加css */
.txt-16 {
  font-size: 16px; }
  @media screen and (max-width: 768px) {
    .txt-16 {
      font-size: 1.6rem; } }
