<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
/*共通*/
body {
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP','Roboto',"メイリオ", Meiryo, Osaka, sans-serif; }

img {
  width: 100%; }

p {
  line-height: 1.8; }

.submit_btn {
  display: block;
  width: 160px;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  color: #2886C3;
  border: 2px solid #2886C3;
  border-radius: 3px;
  transition: .2s;
  background: #fff; }
  .submit_btn:hover {
    background: #2886C3;
    color: #fff; }

.reset_btn {
  display: block;
  width: 160px;
  padding: 0.8em;
  text-align: center;
  text-decoration: none;
  color: #777;
  border: 2px solid #777;
  border-radius: 3px;
  transition: .2s;
  background: #fff; }
  .reset_btn:hover {
    background: #777;
    color: #fff; }

#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  height: 60px;
  background-color: white;
  z-index: 99999; }
  #header .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-box-pack: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    height: 60px; }
    #header .wrap .imgbox {
      height: 24px;
      width: auto;
      margin-left: 2rem; }
      #header .wrap .imgbox img {
        height: 24px;
        width: auto; }
    #header .wrap nav {
      margin-left: auto; }
      @media screen and (max-width: 840px) {
        #header .wrap nav {
          display: none; } }
      #header .wrap nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        @media screen and (max-width: 970px) {
          #header .wrap nav ul li {
            font-size: 1rem; } }
        #header .wrap nav ul li a {
          color: #000;
          padding: 1rem;
          letter-spacing: 1px; }
          #header .wrap nav ul li a:hover {
            background-color: #f3f3f3;
            color: #333; }
    #header .wrap #humberger {
      display: none; }
      @media screen and (max-width: 840px) {
        #header .wrap #humberger {
          display: block;
          position: relative;
          margin-left: auto;
          margin-right: 2rem;
          height: 24px;
          width: 24px; } }
      #header .wrap #humberger div {
        position: absolute;
        right: 0;
        height: 4px;
        width: 24px;
        background-color: #444;
        border-radius: 2px;
        display: inline-block; }
        #header .wrap #humberger div.hum_01 {
          top: 0;
          transform: rotate(0deg);
          transition: .3s; }
          #header .wrap #humberger div.hum_01.hum_01on {
            top: 10px;
            transform: rotate(45deg); }
        #header .wrap #humberger div.hum_02 {
          top: 10px;
          transition: .2s;
          opacity: 1; }
          #header .wrap #humberger div.hum_02.hum_02on {
            opacity: 0; }
        #header .wrap #humberger div.hum_03 {
          bottom: 0;
          transform: rotate(0deg);
          transition: .3s; }
          #header .wrap #humberger div.hum_03.hum_03on {
            top: 10px;
            transform: rotate(-45deg); }
  #header .drawer {
    display: none;
    position: fixed;
    top: 0;
    left: -95%;
    min-width: 250px;
    width: 30%;
    background-color: #fff;
    opacity: .9;
    height: 100%;
    transition: .5s;
    z-index: 999; }
    @media screen and (max-width: 840px) {
      #header .drawer {
        display: block; } }
    #header .drawer .drawer_wrap {
      margin-top: 60px; }
      #header .drawer .drawer_wrap ul {
        text-align: center;
        width: 100%; }
        #header .drawer .drawer_wrap ul li {
          width: 100%; }
          #header .drawer .drawer_wrap ul li a {
            display: block;
            width: 100%;
            border-bottom: 1px solid #eee;
            padding: 2rem;
            letter-spacing: 1px;
            color: #000; }
            #header .drawer .drawer_wrap ul li a:hover {
              background-color: #eee;
              color: #333; }
  #header .drawer_bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    opacity: .5;
    width: 100%;
    height: 100%;
    z-index: 99; }
  #header .show {
    display: block;
    left: 0; }

.sec1 {
  width: 100%;
  height: 700px;
  background: url("../img/mv-bg-dot.png") repeat, url("../img/mv-bg.jpg") center no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
  .sec1 .wrap {
    max-width: 1200px;
    width: 50%;
    height: 33%;
    margin: 0 auto;
    border: 12px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; }
    @media screen and (max-width: 640px) {
      .sec1 .wrap {
        width: 80%; } }
    .sec1 .wrap .textbox {
      font-size: 2rem;
      color: #fff;
      font-weight: bold;
      text-align: center;
      letter-spacing: 2px; }
      .sec1 .wrap .textbox .br_hidden {
        display: none; }
        @media screen and (max-width: 1000px) {
          .sec1 .wrap .textbox .br_hidden {
            display: block; } }

.sec2 {
  max-width: 1920px;
  margin: 0 auto;
  padding: 6.25rem 0;
  background: url("../img/msg-bg.png") no-repeat;
  background-position: center center; }
  @media screen and (max-width: 760px) {
    .sec2 {
      text-align: center; } }
  .sec2 .wrap {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2.5rem; }
    @media screen and (max-width: 640px) {
      .sec2 .wrap {
        padding: 0 1.25rem; } }
    .sec2 .wrap h2 {
      font-size: 2.5rem;
      text-align: center; }
    .sec2 .wrap .msg_vision {
      max-width: 100px;
      margin-bottom: 10px; }
      @media screen and (max-width: 640px) {
        .sec2 .wrap .msg_vision {
          max-width: 75px; } }
    .sec2 .wrap .msg_mission {
      max-width: 120px;
      margin-left: auto;
      margin-bottom: 10px; }
      @media screen and (max-width: 640px) {
        .sec2 .wrap .msg_mission {
          max-width: 90px; } }
    .sec2 .wrap h4 {
      font-size: 2rem;
      margin-bottom: 2rem; }
      @media screen and (min-width: 641px) and (max-width: 800px) {
        .sec2 .wrap h4 {
          font-size: 1.75rem; } }
      @media screen and (max-width: 640px) {
        .sec2 .wrap h4 {
          font-size: 1.1rem;
          font-weight: 500; } }
      .sec2 .wrap h4 .br_hidden {
        display: none; }
        @media screen and (max-width: 1060px) {
          .sec2 .wrap h4 .br_hidden {
            display: block; } }
    .sec2 .wrap p {
      margin-top: 1rem; }
    .sec2 .wrap .textbox {
      margin-top: 2rem;
      width: 100%; }
      @media screen and (max-width: 760px) {
        .sec2 .wrap .textbox {
          width: 100%;
          margin: 4rem auto 0;
          text-align: left;
          text-align: justify; }
          .sec2 .wrap .textbox .pc_only {
            display: none; } }
      .sec2 .wrap .textbox:last-child {
        margin-left: auto;
        text-align: right; }
        @media screen and (max-width: 760px) {
          .sec2 .wrap .textbox:last-child {
            width: 100%;
            margin: 6rem auto 0; }
            .sec2 .wrap .textbox:last-child p {
              text-align: justify; } }
    .sec2 .wrap .br_hidden {
      display: none; }
      @media screen and (max-width: 700px) {
        .sec2 .wrap .br_hidden {
          display: block; } }

.sec3 {
  background: url("../img/srv-bg.jpg") no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 2rem; }
  .sec3 .inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0.7);
    box-shadow: 0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.1); }
    .sec3 .inner h2 {
      margin-top: 4.25rem;
      font-size: 2.5rem;
      text-align: center; }
    .sec3 .inner .desc {
      margin-top: 2rem;
      text-align: center; }
      @media screen and (max-width: 570px) {
        .sec3 .inner .desc {
          text-align: justify; }
          .sec3 .inner .desc .pc_only {
            display: none; } }
    .sec3 .inner .wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-pack: center;
      justify-content: center;
      margin-top: 4rem; }
      @media screen and (max-width: 1220px) {
        .sec3 .inner .wrap {
          -ms-flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .sec3 .inner .wrap .box {
        width: 35%;
        padding: 1rem; }
        @media screen and (min-width: 1221px) {
          .sec3 .inner .wrap .box:nth-child(n+2) {
            margin-left: 4%; } }
        @media screen and (min-width: 641px) and (max-width: 1220px) {
          .sec3 .inner .wrap .box {
            width: 47%; }
            .sec3 .inner .wrap .box:nth-child(n+3) {
              margin-top: 4rem; } }
        @media screen and (max-width: 640px) {
          .sec3 .inner .wrap .box {
            width: 100%; }
            .sec3 .inner .wrap .box:nth-child(n+2) {
              margin-top: 4rem; } }
        .sec3 .inner .wrap .box h3 {
          text-align: center;
          color: #2986c3;
          font-size: 1.5rem;
          font-weight: bold; }
        .sec3 .inner .wrap .box .icon1::before {
          content: "";
          display: block;
          width: 8rem;
          height: 8rem;
          background: url("../img/srv-ico-01.svg") no-repeat;
          background-size: contain;
          margin: 0 auto;
          margin-bottom: 1.5rem; }
        .sec3 .inner .wrap .box .icon2::before {
          content: "";
          display: block;
          width: 8rem;
          height: 8rem;
          background: url("../img/srv-ico-02.svg") no-repeat;
          background-size: contain;
          margin: 0 auto;
          margin-bottom: 1.5rem; }
        .sec3 .inner .wrap .box .icon3::before {
          content: "";
          display: block;
          width: 8rem;
          height: 8rem;
          background: url("../img/srv-ico-03.svg") no-repeat;
          background-size: contain;
          margin: 0 auto;
          margin-bottom: 1.5rem; }
        .sec3 .inner .wrap .box .icon4::before {
          content: "";
          display: block;
          width: 8rem;
          height: 8rem;
          background: url("../img/srv-ico-04.svg") no-repeat;
          background-size: contain;
          margin: 0 auto;
          margin-bottom: 1.5rem; }
        .sec3 .inner .wrap .box .textbox {
          margin-top: 2rem; }
          .sec3 .inner .wrap .box .textbox p {
            text-align: justify; }
            @media screen and (min-width: 1221px) {
              .sec3 .inner .wrap .box .textbox p {
                height: 120px; } }
          @media screen and (min-width: 921px) and (max-width: 1220px) {
            .sec3 .inner .wrap .box .textbox .text01, .sec3 .inner .wrap .box .textbox .text02 {
              height: 55px; } }
          @media screen and (min-width: 691px) and (max-width: 920px) {
            .sec3 .inner .wrap .box .textbox .text01, .sec3 .inner .wrap .box .textbox .text02 {
              height: 85px; } }
          @media screen and (min-width: 641px) and (max-width: 690px) {
            .sec3 .inner .wrap .box .textbox .text01, .sec3 .inner .wrap .box .textbox .text02 {
              height: 110px; } }
          @media screen and (min-width: 821px) and (max-width: 1130px) {
            .sec3 .inner .wrap .box .textbox .text03, .sec3 .inner .wrap .box .textbox .text04 {
              height: 80px; } }
          @media screen and (min-width: 671px) and (max-width: 820px) {
            .sec3 .inner .wrap .box .textbox .text03, .sec3 .inner .wrap .box .textbox .text04 {
              height: 105px; } }
          @media screen and (min-width: 641px) and (max-width: 670px) {
            .sec3 .inner .wrap .box .textbox .text03, .sec3 .inner .wrap .box .textbox .text04 {
              height: 135px; } }
          @media screen and (max-width: 640px) {
            .sec3 .inner .wrap .box .textbox {
              margin-top: 1rem; } }
          .sec3 .inner .wrap .box .textbox .listbox {
            margin-top: 1rem; }
            @media screen and (max-width: 900px) {
              .sec3 .inner .wrap .box .textbox .listbox {
                margin-top: 1rem; } }
          .sec3 .inner .wrap .box .textbox .list01 li::before {
            display: inline-block;
            content: "・";
            margin-right: .5rem; }
          .sec3 .inner .wrap .box .textbox .list02 li:first-child {
            display: inline-block;
            margin-bottom: .25rem;
            padding-bottom: .25rem;
            border-bottom: 1px solid #000; }
          .sec3 .inner .wrap .box .textbox .list02 li:nth-child(n+2)::before {
            display: inline-block;
            content: "・";
            margin-right: .5rem; }
          .sec3 .inner .wrap .box .textbox .list03 li::before {
            display: inline-block;
            content: "・";
            margin-right: .5rem; }
          .sec3 .inner .wrap .box .textbox .list04 li:first-child {
            display: inline-block;
            margin-bottom: .25rem;
            padding-bottom: .25rem;
            border-bottom: 1px solid #000; }
          .sec3 .inner .wrap .box .textbox .list04 li:nth-child(n+2)::before {
            display: inline-block;
            content: "・";
            margin-right: .5rem; }

.sec4 {
  max-width: 1200px;
  padding: 6.25rem 0 8.25rem;
  margin: 0 auto; }
  .sec4 h2 {
    font-size: 2.5rem;
    text-align: center; }
  .sec4 ul {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    margin-top: 2rem; }
    @media screen and (max-width: 600px) {
      .sec4 ul {
        width: 80%; } }
    .sec4 ul li {
      padding: 2rem 0;
      border-top: 1px solid #000;
      border-bottom: 1px solid #000; }
      .sec4 ul li .br_hidden {
        display: none; }
        @media screen and (max-width: 700px) {
          .sec4 ul li .br_hidden {
            display: block; } }

.sec5 {
  max-width: 100%;
  margin: 0 auto;
  padding: 3rem 0;
  background-color: #001f22;
  text-align: center; }
  .sec5 .wrap {
    width: 80%;
    min-width: 400px;
    margin: 0 auto;
    background-color: white;
    padding-bottom: 4.25rem; }
    @media screen and (max-width: 500px) {
      .sec5 .wrap {
        min-width: 370px; } }
    .sec5 .wrap h2 {
      padding: 4.25rem 0 2rem;
      font-size: 2.5rem; }
    .sec5 .wrap .textbox dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 1rem; }
      .sec5 .wrap .textbox dl dt {
        width: 35%;
        text-align: right; }
        @media screen and (max-width: 730px) {
          .sec5 .wrap .textbox dl dt {
            width: 25%; } }
      .sec5 .wrap .textbox dl dd {
        width: 60%;
        margin-left: 5%;
        text-align: left; }
        @media screen and (max-width: 730px) {
          .sec5 .wrap .textbox dl dd {
            width: 70%; } }

.sec6 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 6.25rem 0; }
  .sec6 h2 {
    font-size: 2.5rem;
    text-align: center; }
  .sec6 .wrap {
    width: 60%;
    margin: 0 auto; }
    @media screen and (max-width: 730px) {
      .sec6 .wrap {
        width: 80%; } }
    .sec6 .wrap .form_group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      margin-top: 2rem; }
      @media screen and (max-width: 730px) {
        .sec6 .wrap .form_group {
          display: block;
          margin: 2rem auto; } }
      .sec6 .wrap .form_group .l_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        width: 40%; }
        @media screen and (max-width: 730px) {
          .sec6 .wrap .form_group .l_box {
            -webkit-justify-content: center;
            -ms-flex-pack: center;
            -webkit-box-pack: center;
            justify-content: center;
            margin: 0 auto;
            width: 100%;
            text-align: center; } }
      .sec6 .wrap .form_group label {
        display: block;
        text-align: right;
        letter-spacing: 1px;
        vertical-align: middle; }
      .sec6 .wrap .form_group .s_text {
        font-size: .75rem; }
      .sec6 .wrap .form_group .hissu {
        display: inline-block;
        margin-left: .5rem;
        padding: .2rem .5rem;
        font-size: .5rem;
        color: #fff;
        background-color: #e83e8c;
        border-radius: .25rem;
        text-align: center;
        vertical-align: middle; }
      .sec6 .wrap .form_group .inputbox {
        width: 55%;
        margin-left: 5%;
        text-align: left; }
        @media screen and (max-width: 730px) {
          .sec6 .wrap .form_group .inputbox {
            width: 100%;
            margin: .5rem auto 2rem; } }
        .sec6 .wrap .form_group .inputbox input {
          width: 100%;
          height: 2rem;
          padding: .5rem;
          font-size: .75rem;
          border: 1px solid #999; }
        .sec6 .wrap .form_group .inputbox textarea {
          width: 100%;
          min-height: 100px;
          padding: .5rem;
          font-size: .75rem;
          border: 1px solid #999; }
      .sec6 .wrap .form_group .btn_wrap {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center; }
        .sec6 .wrap .form_group .btn_wrap div:nth-child(2n) {
          margin-left: 2rem; }

#footer {
  width: 100%;
  height: 100px;
  color: white;
  background-color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.confirm_box {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 6rem; }
  @media screen and (max-width: 640px) {
    .confirm_box {
      padding: 6rem 2rem; } }
  .confirm_box .row {
    margin-top: 1rem; }
  .confirm_box .centerbox {
    margin-top: 2rem; }
    .confirm_box .centerbox .btn_wrap02 {
      margin-top: 2rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      -webkit-box-pack: center;
      justify-content: center; }
      .confirm_box .centerbox .btn_wrap02 div:nth-child(2n) {
        margin-left: 2rem; }

.centerbox_thanks {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  padding: 6rem; }
  @media screen and (max-width: 640px) {
    .centerbox_thanks {
      padding: 6rem 2rem; } }
  .centerbox_thanks .btn_wrap03 {
    margin-top: 2rem;
    margin-bottom: 18rem; }
</pre></body></html>