/* ========================================================================
 * style CSS
 * Agencia (http://www.agencia.co.jp)
 * Yuya Tajima
 * ========================================================================
 * Copyright 2022 Agencia Co.,Ltd.
 * ======================================================================== */
@import url(https://);
@import url(https://);
/* ========================================================================
 * Style Template
 * ======================================================================== */
body {
  font-family: "Sawarabi Gothic";
  font-size: 0.9rem;
}

h1 {
  font-size: 5.5rem;
  font-family: "Sawarabi Mincho";
}

h2 {
  font-size: 2.0rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.0rem;
}

img {
  max-width: 100%;
  height: auto;
}

/* animation */
@-webkit-keyframes SlideOutRight {
  0% {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

@keyframes SlideOutRight {
  0% {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
  }
}

/* header */
.layout-header .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  width: 100%;
  height: auto;
  background-image: url(/seeds/img/header_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.layout-header .wrapper .inner {
  padding: 3.0rem 0;
  width: auto;
}

.layout-header .wrapper .inner h1::before, .layout-header .wrapper .inner .lead::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  height: 90%;
  margin: auto;
  background: #b9292f;
  will-change: animation,scroll-position;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-animation: SlideOutRight 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  animation: SlideOutRight 0.6s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.layout-header .wrapper .inner h1 {
  position: relative;
  display: block;
  margin-bottom: 3.0rem;
  padding: 1.0rem;
  font-size: 3.0rem;
  background-color: rgba(255, 255, 255, 0.8);
}

.layout-header .wrapper .inner h1::before {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.layout-header .wrapper .inner .lead {
  position: relative;
  display: block;
  padding: 1.0rem;
  max-width: 980px;
  font-size: 1.0rem;
}

.layout-header .wrapper .inner .lead::before {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}

@media screen and (min-width: 769px) {
  .layout-header .wrapper {
    height: 100vh;
  }
  .layout-header .wrapper .inner {
    padding: 0;
  }
  .layout-header .wrapper .inner h1 {
    font-size: 5.5rem;
    background-color: rgba(255, 255, 255, 0);
  }
  .layout-header .wrapper .inner .lead {
    font-size: 1.25rem;
  }
}

.layout-main__contents .wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: auto;
}

.layout-main__contents .wrapper .heading {
  width: 100%;
  background-color: #949ba5;
}

.layout-main__contents .wrapper .heading h2 {
  margin: 0;
  padding: 0.5rem;
  border-left: 3.0rem #b9292f solid;
  color: #FFF;
}

.layout-main__contents .wrapper .inner {
  padding: 1.5rem;
  width: 100%;
}

.layout-main__contents.message1 .wrapper, .layout-main__contents.message2 .wrapper {
  padding: 1.5rem 0;
}

.layout-main__contents.message1 .wrapper .inner, .layout-main__contents.message2 .wrapper .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  width: 100%;
  height: auto;
}

.layout-main__contents.message1 .wrapper .inner .comment, .layout-main__contents.message2 .wrapper .inner .comment {
  padding: 3.0rem;
  max-height: 100%;
  overflow: auto;
  border-bottom: 5px #b81c22 solid;
  background-color: rgba(187, 187, 187, 0.5);
}

.layout-main__contents.message1 .wrapper .inner .comment h2, .layout-main__contents.message2 .wrapper .inner .comment h2 {
  margin: 0 -3.0rem 1.0rem -3.0rem;
  text-indent: 3.0rem;
  color: #B81C22;
}

.layout-main__contents.message1 .wrapper .inner .comment h2 .ruby, .layout-main__contents.message2 .wrapper .inner .comment h2 .ruby {
  display: block;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px #AAA solid;
  font-size: 1.0rem;
  color: #000;
}

.layout-main__contents.message1 .wrapper .inner .comment .name, .layout-main__contents.message2 .wrapper .inner .comment .name {
  display: inline-block;
  margin: 0 0 0 auto;
}

.layout-main__contents.message1 .wrapper .inner .comment .name strong, .layout-main__contents.message2 .wrapper .inner .comment .name strong {
  font-size: 1.75rem;
}

.layout-main__contents.innovation-corp .wrapper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #EEE;
}

.layout-main__contents.innovation-corp .wrapper .inner {
  padding: 1.5rem;
}

.layout-main__contents.innovation-corp .contents1 {
  padding: 1.5rem;
  background-color: #FFF;
}

.layout-main__contents.innovation-corp .contents1 .item {
  margin-bottom: 1.0rem;
  padding: 1.0rem;
  border-radius: 10px;
  background-color: #afc1e3;
}

.layout-main__contents.innovation-corp .contents1 .item:last-child {
  margin-bottom: 0;
}

.layout-main__contents.innovation-corp .contents1 .item h4 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem 0.25rem 0.25rem 2.5rem;
  border: 1px #000 solid;
  background-color: #FFF;
}

.layout-main__contents.innovation-corp .contents1 .item h4 .number {
  position: absolute;
  left: -0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 3px #000 solid;
  background-color: #FFF;
  font-weight: bold;
}

.layout-main__contents.innovation-corp .contents1 .item p {
  margin: 0 0 0 2.6rem;
}

.layout-main__contents.innovation-corp .contents2 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 0 1.0rem 1.0rem 1.0rem;
  border-radius: 10px;
  background-color: #333;
  color: #FFF;
}

.layout-main__contents.innovation-corp .contents2 .item h4 {
  display: block;
  padding: 0.5rem;
  width: 100%;
  text-align: center;
  border-radius: 0 0 10px 10px;
  background-color: rgba(255, 255, 255, 0.5);
}

.layout-main__contents.innovation-corp .contents2 .item.item1 {
  background-color: #f3705d;
}

.layout-main__contents.innovation-corp .contents2 .item.item1 h4 {
  color: #ed1b2f;
}

.layout-main__contents.innovation-corp .contents2 .item.item2 {
  background-color: #297abe;
}

.layout-main__contents.innovation-corp .contents2 .item.item2 h4 {
  color: #0569b5;
}

.layout-main__contents.innovation-corp .contents2 .item.item3 {
  background-color: #c45746;
}

.layout-main__contents.innovation-corp .contents2 .item.item3 h4 {
  color: #b9292f;
}

.layout-main__contents.innovation-corp .contents3 dl.item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.layout-main__contents.innovation-corp .contents3 dl.item dt, .layout-main__contents.innovation-corp .contents3 dl.item dd {
  margin: 0;
  padding: 0.5rem;
}

.layout-main__contents.innovation-corp .contents3 dl.item dt {
  width: 30%;
  border: 1px #000 solid;
  border-right: 0;
  background-color: #afc1e3;
}

.layout-main__contents.innovation-corp .contents3 dl.item dd {
  width: 70%;
  border: 1px #000 solid;
  background-color: #FFF;
}

.layout-main__contents.table-contents .wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.layout-main__contents.table-contents .wrapper .inner {
  padding: 1.5rem;
}

.layout-main__contents.table-contents .contents .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.25rem;
  width: 100%;
  text-decoration: none;
}

.layout-main__contents.table-contents .contents .item .number {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.15rem;
  padding: 0.5rem;
  background-color: #7a1315;
  color: #FFF;
}

.layout-main__contents.table-contents .contents .item .label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5rem;
  height: 75px;
  background-color: #EEE;
  color: #000;
}

.layout-main__contents.table-contents .contents .item .label .page-title {
  font-size: 1.2rem;
  font-weight: bold;
}

.layout-main__contents.table-contents .contents .item .label .name {
  font-size: 1.2rem;
  font-weight: bold;
  width: 40%;
}

.layout-main__contents.table-contents .contents .item .label .name .ruby {
  display: block;
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px #7a1315 dotted;
  font-size: small;
  font-weight: normal;
}

.layout-main__contents.table-contents .contents .item .label .ug {
  width: 40%;
  text-align: center;
  color: #7a1315;
}

.layout-main__contents.table-contents .contents .item .label .job {
  width: 20%;
  text-align: center;
  color: #7a1315;
}

.layout-main__contents.table-contents .contents .item:nth-child(even) .label {
  background-color: #f6e6de;
}

.layout-main__contents.goals .wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.layout-main__contents.goals .wrapper .inner {
  padding: 1.5rem;
}

.layout-main__contents.goals .contents dl.item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px #CCC solid;
  border-left: 1px #CCC solid;
  margin: 0;
  padding: 0.5rem;
}

.layout-main__contents.goals .contents dl.item dt, .layout-main__contents.goals .contents dl.item dd {
  margin: 0;
  padding: 0.5rem;
}

.layout-main__contents.access .wrapper {
  min-height: auto;
}

.layout-main__contents.access h2 {
  padding: 0.5rem;
  background-color: #1b2b3c;
  color: #FFF;
}

@media screen and (min-width: 769px) {
  .layout-main__contents .wrapper .inner {
    padding: 3.0rem;
  }
  .layout-main__contents.innovation-corp .wrapper .inner {
    padding: 1.5rem 3.0rem 3.0rem 3.0rem;
  }
  .layout-main__contents.table-contents .wrapper .inner {
    padding: 1.5rem 3.0rem 3.0rem 3.0rem;
  }
  .layout-main__contents.goals .wrapper .inner {
    padding: 1.5rem 3.0rem 3.0rem 3.0rem;
  }
}

@media screen and (min-width: 992px) {
  .layout-main__contents.message1 .wrapper, .layout-main__contents.message2 .wrapper {
    padding: 1.5rem 0;
  }
  .layout-main__contents.message1 .wrapper .inner, .layout-main__contents.message2 .wrapper .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    width: 100%;
    height: 100vh;
  }
  .layout-main__contents.message1 .wrapper .inner .comment, .layout-main__contents.message2 .wrapper .inner .comment {
    padding: 3.0rem;
    max-width: 55%;
    max-height: 90%;
    overflow: auto;
    border-bottom: 5px #b81c22 solid;
    background-color: rgba(187, 187, 187, 0.5);
  }
  .layout-main__contents.message1 .wrapper .inner .comment h2, .layout-main__contents.message2 .wrapper .inner .comment h2 {
    margin: 0 -3.0rem 1.0rem -3.0rem;
    text-indent: 3.0rem;
    color: #B81C22;
  }
  .layout-main__contents.message1 .wrapper .inner .comment h2 .ruby, .layout-main__contents.message2 .wrapper .inner .comment h2 .ruby {
    display: block;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px #AAA solid;
    font-size: 1.0rem;
    color: #000;
  }
  .layout-main__contents.message1 .wrapper .inner .comment .name, .layout-main__contents.message2 .wrapper .inner .comment .name {
    display: inline-block;
    margin: 0 0 0 auto;
  }
  .layout-main__contents.message1 .wrapper .inner .comment .name strong, .layout-main__contents.message2 .wrapper .inner .comment .name strong {
    font-size: 1.75rem;
  }
  .layout-main__contents.message1 .wrapper .inner {
    background-image: url(/seeds/img/message1_bg.jpg);
    background-size: 80% auto;
    background-position: right top;
    background-repeat: no-repeat;
  }
  .layout-main__contents.message2 .wrapper .inner {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    background-image: url(/seeds/img/message2_bg.jpg);
    background-size: 80% auto;
    background-position: left top;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 1200px) {
  .layout-main__contents.message1 .wrapper .inner .comment, .layout-main__contents.message2 .wrapper .inner .comment {
    max-width: 45%;
    max-height: 100%;
  }
}

.layout-footer .wrapper {
  padding: 0 0 5.0rem 0;
}

.layout-footer .wrapper .inner .contact {
  padding: 3.0rem 0;
  text-align: center;
}

.layout-footer .wrapper .inner .contact h2 {
  margin-bottom: 1.5rem;
  padding: 0.5rem;
  background-color: #1b2b3c;
  color: #FFF;
}

.layout-footer .wrapper .inner .contact h3 {
  font-size: 1.25rem;
}
/*# sourceMappingURL=style.css.map */