@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
.mainimg {
  position: relative; }
  .mainimg .mainimg__copy {
    font-size: 2.3rem;
    position: absolute;
    top: 50%;
    left: 6.66%;
    color: #fff;
    transform: translate(0, -50%); }
    @media (min-width: 769px) {
      .mainimg .mainimg__copy {
        font-size: calc( 2.3rem + ( 1vw - 7.69px ) * 4.1362530414 ); } }
    @media (min-width: 1180px) {
      .mainimg .mainimg__copy {
        font-size: 4rem; } }
    .mainimg .mainimg__copy h2 {
      font-weight: 100; }
  .mainimg .mainimg__slide {
    pointer-events: none; }

.about .about__wp {
  margin-bottom: 50px;
  padding: 40px 6.66% 0; }
  .about .about__wp .about__ttl {
    font-size: 3rem;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 100;
    line-height: normal;
    color: #0F3675; }
    @media (min-width: 769px) {
      .about .about__wp .about__ttl {
        font-size: calc( 3rem + ( 1vw - 7.69px ) * 2.4330900243 ); } }
    @media (min-width: 1180px) {
      .about .about__wp .about__ttl {
        font-size: 4rem; } }
  .about .about__wp .about__txt {
    margin-bottom: 40px;
    font-size: 1.4rem;
    text-align: justify; }

.tchnlgy {
  padding: 40px 0;
  background: url("/img/home/bg_tchnlgy_sp.jpg") center/cover no-repeat; }
  .tchnlgy .ttl__wp {
    color: #fff; }
  .tchnlgy .tchnlgy__wp {
    margin-bottom: 30px; }
    .tchnlgy .tchnlgy__wp li {
      margin-bottom: 20px; }
      .tchnlgy .tchnlgy__wp li a {
        position: relative;
        display: block; }
        .tchnlgy .tchnlgy__wp li a .tchnlgy__img-box {
          position: relative;
          width: 65%;
          z-index: 1; }
        .tchnlgy .tchnlgy__wp li a .tchnlgy__ttl-box {
          font-size: 1.5rem;
          position: absolute;
          bottom: 0;
          right: 0;
          width: 100%;
          height: 95%;
          color: #0F3675;
          background: #fff; }
          @media (min-width: 769px) {
            .tchnlgy .tchnlgy__wp li a .tchnlgy__ttl-box {
              font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 1.2165450122 ); } }
          @media (min-width: 1180px) {
            .tchnlgy .tchnlgy__wp li a .tchnlgy__ttl-box {
              font-size: 2rem; } }
          .tchnlgy .tchnlgy__wp li a .tchnlgy__ttl-box .tchnlgy__ttl {
            position: absolute;
            top: 50%;
            right: 0;
            width: 40%;
            text-align: center;
            transform: translate(0, -50%); }
      .tchnlgy .tchnlgy__wp li:last-child {
        margin-bottom: 0; }

.info .ttl__wp {
  color: #0F3675; }
.info .info__wp {
  margin-bottom: 30px; }
  .info .info__wp li {
    border-bottom: solid 1px #B1B1B1; }
    .info .info__wp li a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .info .info__wp li a .info__time {
        font-size: 1.2rem; }
        @media (min-width: 769px) {
          .info .info__wp li a .info__time {
            font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
        @media (min-width: 1180px) {
          .info .info__wp li a .info__time {
            font-size: 1.3rem; } }
      .info .info__wp li a .info__ttl {
        font-size: 1.4rem; }
        @media (min-width: 769px) {
          .info .info__wp li a .info__ttl {
            font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.2433090024 ); } }
        @media (min-width: 1180px) {
          .info .info__wp li a .info__ttl {
            font-size: 1.5rem; } }
      .info .info__wp li a i {
        position: absolute;
        top: 50%;
        right: 2%;
        font-size: 2rem;
        transform: translate(0, -50%); }
    .info .info__wp li:first-child {
      border-top: solid 1px #B1B1B1; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .about {
    position: relative;
    background: url("/img/home/bg_about.jpg") left 0% center/cover no-repeat;
    height: 50vh; }
    .about .about__wp {
      position: absolute;
      margin-bottom: 0;
      padding: 0;
      top: 50%;
      left: 40%;
      width: 55%;
      transform: translate(0, -50%); }
      .about .about__wp .about__ttl {
        margin-bottom: 10px;
        text-align: left; }
      .about .about__wp .about__txt {
        margin-bottom: 20px; }

  .tchnlgy {
    padding: 70px 0 50px;
    background: url("/img/home/bg_tchnlgy_pc.jpg") center/cover no-repeat; }
    .tchnlgy .tchnlgy__wp {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 50px; }
      .tchnlgy .tchnlgy__wp li {
        flex: 0 1 48%;
        width: 48%;
        max-width: 48%;
        margin-bottom: 35px; }
        .tchnlgy .tchnlgy__wp li a .tchnlgy__img-box {
          width: 70%; }
        .tchnlgy .tchnlgy__wp li a .tchnlgy__ttl-box {
          transition: .4s; }
        .tchnlgy .tchnlgy__wp li a:hover {
          opacity: 1; }
          .tchnlgy .tchnlgy__wp li a:hover .tchnlgy__ttl-box {
            color: #fff;
            background: #0F3675; }
        .tchnlgy .tchnlgy__wp li:nth-child(n+3) {
          margin-bottom: 0; }

  .info .ttl__wp {
    color: #0F3675; }
  .info .info__wp {
    margin-bottom: 50px; }
    .info .info__wp li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 20px 30px; }
      .info .info__wp li a .info__time {
        flex: 0 1 12%;
        width: 12%;
        max-width: 12%; }
      .info .info__wp li a .info__ttl {
        flex: 0 1 88%;
        width: 88%;
        max-width: 88%; }
      .info .info__wp li a:hover {
        opacity: 1;
        background: #F8F8F8; } }
/*------------------------------
		1041px以上
------------------------------*/
@media screen and (min-width: 861px) {
  .about {
    height: 60vh; }
    .about .about__wp {
      left: 40%;
      max-width: 680px; }
      .about .about__wp .about__ttl {
        margin-bottom: 25px; }
      .about .about__wp .about__txt {
        margin-bottom: 30px; }
      .about .about__wp .btn a {
        margin: 0; } }
/*------------------------------
		1281px以上
------------------------------*/
@media screen and (min-width: 1041px) {
  .about .about__wp {
    left: 45%;
    max-width: 680px; } }

/*# sourceMappingURL=style.css.map */