@charset "UTF-8";
.spD {
  display: none;
}
@media screen and (max-width: 640px) {
  .spD {
    display: block;
  }
}

@media screen and (max-width: 640px) {
  .pcD {
    display: none;
  }
}

/*　動き */
.js-action {
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 0.295, 0.5, 1);
  opacity: 0;
}
.js-action.delay {
  transition-delay: 0;
}
.js-action.show {
  opacity: 1;
  transform: translate(0, -50px);
}

.slideup {
  opacity: 0;
  transform: translate(0, 3rem);
}

.slideleft {
  opacity: 0;
  transform: translate(-200px, 0);
}

.slideright {
  opacity: 0;
  transform: translate(200px, 0);
}

/* contents いったん移動　*/
.lp_main {
  background: linear-gradient(#07be66 0%, #007749 100%);
}
.lp_main.kv-back {
  background: linear-gradient(#07be66 0%, #07be66 51.29%, #07be66 100%);
}
@media screen and (max-width: 640px) {
  .lp_main.kv-back {
    height: 230.6666666667vw;
  }
}

/* iframe 線 */
.no-border {
  border: none;
}

/* kv */
.kv {
  height: min(84.6153846154vw, 1100px);
  /* ここから */
  /* slider2 */
  /* slider3 */
  /* slider4 */
  /* slider5 */
  /* slider6 */
  /* slider7 */
}
@media screen and (max-width: 640px) {
  .kv {
    max-height: inherit;
    height: 186.6666666667vw;
    min-height: 226.6666666667vw;
  }
}
.kv .parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 0px;
  max-width: 1290px;
  max-height: 695px;
  width: 99.2307692308vw;
  height: 53.4615384615vw;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 640px) {
  .kv .parent {
    width: auto;
    height: 51.6vw;
    max-height: 387px;
    max-width: 720px;
    padding-top: 5.2vw;
  }
}
.kv .div1 {
  background-color: #fff;
}
.kv .div2 {
  background-color: #fff;
}
.kv .div3 {
  background-color: #fff;
}
.kv .div4 {
  background-color: #fff;
}
.kv .div5 {
  background-color: #fff;
}
.kv .div6 {
  background-color: #fff;
}
.kv .div7 {
  background-color: #fff;
}
.kv .parent {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.kv .div2 {
  grid-column-start: 1;
  grid-row-start: 2;
}
.kv .div3 {
  grid-column-start: 1;
  grid-row-start: 3;
}
.kv .div4 {
  grid-column: span 2/span 2;
  grid-row: span 3/span 3;
  grid-column-start: 2;
  grid-row-start: 1;
}
.kv .div5 {
  grid-column: span 2/span 2;
  grid-column-start: 4;
  grid-row-start: 1;
}
.kv .div6 {
  grid-column: span 2/span 2;
  grid-column-start: 4;
  grid-row-start: 2;
}
.kv .div7 {
  grid-column: span 2/span 2;
  grid-column-start: 4;
  grid-row-start: 3;
}
.kv .div1,
.kv .div2,
.kv .div3,
.kv .div5,
.kv .div6,
.kv .div7 {
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .kv .div1,
  .kv .div2,
  .kv .div3,
  .kv .div5,
  .kv .div6,
  .kv .div7 {
    max-width: 238px;
    width: 31.7333333333vw;
    height: 17.0666666667vw;
  }
}
.kv .slider {
  overflow: hidden;
  position: relative;
  max-width: 100%;
  height: 60vw;
  max-height: 780px;
}
@media screen and (max-width: 640px) {
  .kv .slider1 {
    max-width: 236px;
    width: 36.875vw;
  }
}
.kv .slider2,
.kv .slider3,
.kv .slider4,
.kv .slider5,
.kv .slider6,
.kv .slider7 {
  overflow: hidden;
  position: relative;
  max-width: 100%;
  height: 17.7692307692vw;
  max-height: 231px;
}
@media screen and (max-width: 640px) {
  .kv .slider2,
  .kv .slider3,
  .kv .slider4,
  .kv .slider5,
  .kv .slider6,
  .kv .slider7 {
    max-width: 236px;
    width: 36.875vw;
    height: 19.84375vw;
  }
}
@media screen and (max-width: 640px) {
  .kv .div4 {
    background-size: cover;
  }
}
.kv .slider div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  animation-name: slide-fade;
  animation-duration: 15s;
  animation-iteration-count: infinite;
}
.kv .slider div:first-of-type {
  background-image: url(../img/slide/image1.png);
}
.kv .slider div:nth-of-type(2) {
  background-image: url(../img/slide/image2.png);
  animation-delay: 5s;
}
.kv .slider div:last-of-type {
  background-image: url(../img/slide/image3.png);
  animation-delay: 10s;
}
@keyframes slide-fade {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.kv .slider2 div:first-of-type {
  background-image: url(../img/slide/image3.png);
}
.kv .slider2 div:nth-of-type(2) {
  background-image: url(../img/slide/image7.png);
  animation-delay: 3s;
}
.kv .slider2 div:last-of-type {
  background-image: url(../img/slide/image8.png);
  animation-delay: 8s;
}
.kv .slider3 div:first-of-type {
  background-image: url(../img/slide/image9.png);
}
.kv .slider3 div:nth-of-type(2) {
  background-image: url(../img/slide/image10.png);
  animation-delay: 4s;
}
.kv .slider3 div:last-of-type {
  background-image: url(../img/slide/image11.png);
  animation-delay: 8s;
}
.kv .slider4 div:first-of-type {
  background-image: url(../img/slide/image4.png);
}
.kv .slider4 div:nth-of-type(2) {
  background-image: url(../img/slide/image5.jpg);
  animation-delay: 6s;
}
.kv .slider4 div:last-of-type {
  background-image: url(../img/slide/image6.png);
  animation-delay: 11s;
}
.kv .slider5 div:first-of-type {
  background-image: url(../img/slide/image12.png);
}
.kv .slider5 div:nth-of-type(2) {
  background-image: url(../img/slide/image8.png);
  animation-delay: 3s;
}
.kv .slider5 div:last-of-type {
  background-image: url(../img/slide/image13.png);
  animation-delay: 9s;
}
.kv .slider6 div:first-of-type {
  background-image: url(../img/slide/image14.png);
}
.kv .slider6 div:nth-of-type(2) {
  background-image: url(../img/slide/image4.png);
  animation-delay: 4s;
}
.kv .slider6 div:last-of-type {
  background-image: url(../img/slide/image5.jpg);
  animation-delay: 8s;
}
.kv .slider7 div:first-of-type {
  background-image: url(../img/slide/image15.png);
}
.kv .slider7 div:nth-of-type(2) {
  background-image: url(../img/slide/image16.png);
  animation-delay: 5s;
}
.kv .slider7 div:last-of-type {
  background-image: url(../img/slide/image2.png);
  animation-delay: 10s;
}
.kv .kv-wrap {
  width: 100%;
  max-height: 60vw;
  height: 780px;
  position: relative;
}
@media screen and (max-width: 640px) {
  .kv .kv-wrap {
    margin: auto;
  }
}
.kv .kv-waku {
  background-image: url(../img/kv-waku.png);
  background-repeat: no-repeat;
  max-width: 1300px;
  max-height: 870px;
  width: 100%;
  height: 66.9230769231vw;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .kv .kv-waku {
    background-image: url(../img/slide/kv-waku-sp.png);
    background-repeat: no-repeat;
    width: 100%;
    width: 100vw;
    max-height: 1300px;
    height: 206.25vw;
    max-width: 100%;
    background-position: top center;
  }
}
.kv .kv-wrapper {
  width: 100%;
  padding-top: 4.6153846154vw;
  overflow: hidden;
  padding-bottom: 7.6923076923vw;
  height: 92.3076923077vw;
  max-height: 1400px;
}
@media screen and (max-width: 640px) {
  .kv .kv-wrapper {
    margin: auto;
    height: 100%;
  }
}
.kv .kv-text {
  width: min(84.6153846154vw, 1100px);
  position: absolute;
  bottom: 0.8%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .kv .kv-text {
    width: 100%;
    bottom: unset;
    top: 45.3333333333vw;
  }
}
.kv .kv-text__img {
  max-width: 1018px;
  width: 78.3076923077vw;
  margin-right: min(3.307692307692308vw, 43px);
  margin-left: auto;
  padding-bottom: min(3.6923076923076925vw, 48px);
}
@media screen and (max-width: 640px) {
  .kv .kv-text__img {
    margin: auto;
    width: 78%;
    padding-bottom: 4vw;
  }
}
.kv .kv-text__inner {
  width: min(80.6923076923vw, 1049px);
  margin-right: auto;
  margin-left: auto;
  padding-bottom: min(4.923076923076923vw, 64px);
}
@media screen and (max-width: 640px) {
  .kv .kv-text__inner {
    margin: auto;
    width: 75%;
    padding-bottom: 5.333333333333334vw;
  }
}
.kv .kv-text__inner p {
  font-size: min(1.6923076923vw, 22px);
  line-height: 1.5217391304;
  font-weight: 600;
  letter-spacing: -0.019em;
}
@media screen and (max-width: 640px) {
  .kv .kv-text__inner p {
    font-size: min(3.75vw, 24px);
    line-height: 1.8666666667;
    letter-spacing: -0.08em;
  }
}
.kv .kv-text__inner p span {
  font-size: min(1.5384615385vw, 20px);
  line-height: 1.75;
}
@media screen and (max-width: 640px) {
  .kv .kv-text__inner p span {
    font-size: min(2.96875vw, 19px);
  }
}
.kv .kv-text__anchor {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .kv .kv-text__anchor {
    flex-direction: column;
    align-content: center;
    width: min(86.6666666667vw, 650px);
    margin: 0 auto auto auto;
  }
}
.kv .kv-text__anchor div {
  max-width: 236px;
  max-height: 51px;
  width: 18.153846153846153vw;
  height: 3.923076923076923vw;
  margin-right: 1.3846153846153846vw;
}
@media screen and (max-width: 640px) {
  .kv .kv-text__anchor div {
    max-width: 600px;
    max-height: 84px;
    width: 75vw;
    height: auto;
    margin-right: 0;
    padding-bottom: 1.5625vw;
  }
}
.kv .kv-text__anchor div img {
  width: 100%;
  height: auto;
}
.kv .kv-text__anchor div.me-awards{
  margin-right: 0;
}


/* kv */

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

@media screen and (max-width: 640px) {
  .pcD {
    display: none;
  }
}

/*　動き */
.js-action {
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 0.295, 0.5, 1);
  opacity: 0;
}
.js-action.delay {
  transition-delay: 0;
}
.js-action.show {
  opacity: 1;
  transform: translate(0, -50px);
}

.slideup {
  opacity: 0;
  transform: translate(0, 3rem);
}

.slideleft {
  opacity: 0;
  transform: translate(-200px, 0);
}

.slideright {
  opacity: 0;
  transform: translate(200px, 0);
}

/* contents いったん移動　*/
.lp_main {
  background: linear-gradient(#07be66 0%, #007749 100%);
}
.lp_main.kv-back {
  background: linear-gradient(#07be66 0%, #07be66 51.29%, #07be66 100%);
}
@media screen and (max-width: 640px) {
  .lp_main.kv-back {
    height: 230.6666666667vw;
  }
}

.movie {
  position: relative;
}
.movie__inner {
  max-width: 1300px;
  background-color: #fff;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 640px) {
  .movie__inner {
    width: min(86.6666666667vw, 650px);
    margin: 0 auto;
  }
}
.movie__container {
  display: flex;
  flex-direction: column;
  gap: min(4.166666666666666vw, 80px);
  justify-content: center;
  align-items: center;
  padding: min(4.9479166667vw, 95px) min(7.8125vw, 150px);
  background-color: #007749;
}
@media screen and (max-width: 640px) {
  .movie__container {
    flex-direction: column;
    align-items: center;
    padding: 10.6666666667vw 3.3333333333vw;
    gap: 4.2666666667vw;
  }
}
.movie__container::before {
  position: absolute;
  top: 0;
  left: -4%;
  width: 3.9230769231vw;
  height: 66.0769230769vw;
  max-width: 59px;
  max-height: 859px;
  background: url(../img/logo-tate.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  content: "";
}
@media screen and (max-width: 640px) {
  .movie__container::before {
    left: -5%;
  }
}
.movie__container-cs {
  font-size: min(2vw, 26px);
  font-weight: 500;
  letter-spacing: -0.1em;
  line-height: 1.3461538462;
  color: #000;
}
@media screen and (max-width: 640px) {
  .movie__container-cs {
    font-size: 5.3333333333vw;
    text-align: center;
  }
}
.movie__container-soon {
  width: min(28vw, 364px);
}
@media screen and (max-width: 640px) {
  .movie__container-soon {
    width: 48.5333333333vw;
  }
}
.movie__youtube {
  width: auto;
  background-color: #fff;
  padding: 24px 40px;
}
@media screen and (max-width: 640px) {
.movie__youtube {
  padding: 4.266666666666667vw 4.3999999999999995vw;
}
}
.movie__youtube__text {
  color: #fff;
  background-color: #007749;
  font-size: 15px;
  line-height: 1.3333333333;
  font-weight: 600;
  background-image: url("../img/movie-txt-bg.png");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 14px 30px 18px;
}
@media screen and (max-width: 640px) {
  .movie__youtube__text {
    font-size: 2.3076923077vw;
    line-height: 1.3333333333;
    background-image: url("../img/movie-txt-bg-sp.png");
    padding: 2.6666666667vw 0 2.6666666667vw 3.2vw;
  }
}
.movie__img {
  max-width: 1300px;
}

.movie__caption{
  width: 655px;
  margin: 16px auto 0;
}
@media screen and (max-width: 640px) {
.movie__caption{
  width: 63.2vw;
  margin: 3.2vw auto 0;
}
}

.movie__caption__ttl{
  font-size: 30px;
  text-align: center;
  color: #007749;
  font-weight: 600;
  padding-bottom: 16px;
  line-height: 1.8;
}
@media screen and (max-width: 640px) {
.movie__caption__ttl{
  font-size: 5.333333333333334vw;
  padding-bottom: 2.1333333333333333vw;
  line-height: 1.35;
}
}

.movie__caption__txt{
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
.movie__caption__txt{
  font-size: 3.2vw;
  line-height: 1.08;
}
}


.modal-container,
.modal-container-02 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-sizing: border-box;
}

.modal-container:before,
.modal-container-02:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.modal-container.active,
.modal-container-02.active {
  opacity: 1;
  visibility: visible;
}

.modal-body,
.modal-body-02 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 810px;
}

.modal-close {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  right: -40px;
  width: 40px;
  height: 40px;
  font-size: 40px;
  color: #fff;
  cursor: pointer;
}

.modal-content {
  background: #fff;
  text-align: left;
  padding: 5px;
}

iframe {
  width: 800px;
  height: 450px;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  iframe {
    width: 71.1111111111vw;
    height: 40vw;
  }
}

.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9のアスペクト比 */
  height: 0;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.fw #container {
  padding-top: 0;
}

/* about */
.about {
  background: #ffffff;
  max-width: 1300px;
  margin: min(7.923076923076923vw, 103px) auto min(9.461538461538462vw, 123px);
  position: relative;
}
.about_ttl {
  width: 362px;
  position: absolute;
  bottom: 100%;
  left: 36%;
}
@media screen and (max-width: 640px) {
  .about_ttl {
    width: min(48.2666666667vw, 362px);
    left: 22%;
  }
}
.about_ttl-movie {
  width: 415px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .about_ttl-movie {
    width: min(55.3333333333vw, 415px);
  }
}
@media screen and (max-width: 640px) {
  .about {
    max-width: auto;
    width: 86.6666666667vw;
    margin-block: 21.73333333333333vw;
  }
}
.about .about-kv {
  position: relative;
  max-width: 1300px;
  margin: auto;
}
.about .about-kv::before {
  position: absolute;
  top: 0;
  left: -4%;
  width: 3.9230769231vw;
  height: 66.0769230769vw;
  max-width: 59px;
  max-height: 859px;
  background: url(../img/logo-tate.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  content: "";
}
@media screen and (max-width: 640px) {
  .about .about-kv::before {
    left: -5%;
  }
}
.about .about-kv__main {
  width: 100%;
}

 /* 賞 exp  */
.about .about-exp {
  padding: 0 min(9.6153846154vw, 125px);
}
@media screen and (max-width: 640px) {
  .about .about-exp {
    padding: 0 min(3.3333333333vw, 25px);
  }
} 
.about .about-exp__kv {
  width: min(76.92307692307693vw, 1000px);
  margin: min(6.1538461538vw, 80px) auto;
}
@media screen and (max-width: 640px) {
  .about .about-exp__kv {
    width: min(80vw, 600px);
    margin: min(7.066666666666667vw, 53px) auto min(7.466666666666668vw, 56px);
  }
}
.about .about-exp__subttl {
  width: min(68.0769230769vw, 891px);
  margin-bottom: min(4.3076923077vw, 56px);
}
@media screen and (max-width: 640px) {
  .about .about-exp__subttl {
    width: min(76.6666666667vw, 524px);
    margin-bottom: min(7.4666666667vw, 56px);
  }
}

.about .about-exp .exp_ttl_green {
  color: #007749;
  font-size: min(2.3076923077vw, 30px);
  margin-top: min(6.1538461538vw, 80px);
  line-height: 1.73;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp_ttl_green {
    font-size: min(5.3333333333vw, 40px);
    margin-top: min(7.4666666667vw, 56px);
  }
}
.about .about-exp .exp_ttl_grayline {
  border-bottom: 2px solid #C8C8C8;
  margin-bottom: min(3.0769230769vw, 40px);
  font-weight: 400;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp_ttl_grayline {
    margin-bottom: min(5.3333333333vw, 40px);
  }
}
.about .about-exp .exp_txt_bg-g {
  background-color: #C8C8C8;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  font-size: min(1.1538461538vw, 15px);
  padding: min(0.6153846154vw, 8px) 0;
  margin-bottom: min(2.6923076923vw, 35px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp_txt_bg-g {
    font-size: min(3.2vw, 24px);
    padding: min(1.0666666667vw, 8px);
    margin-bottom: min(3.2vw, 24px);
  }
}
.about .about-exp .exp_txt_bg-lg {
  background-color: #00FF00;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  padding: min(0.7692307692vw, 10px) 0;
  font-size: min(2.3076923077vw, 30px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp_txt_bg-lg {
    padding: min(1.3333333333vw, 10px);
    font-size: min(4.2666666667vw, 32px);
  }
}
.about .about-exp .exp__box-lg {
  border: 2px solid #00FF00;
  padding: min(1.7692307692vw, 23px) min(3.6923076923vw, 48px);
  font-size: min(1.9230769231vw, 25px);
  font-weight: 600;
  line-height: 1.6;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__box-lg {
    font-size: min(3.7333333333vw, 28px);
    padding: min(4.2666666667vw, 32px) min(4.6666666667vw, 35px);
  }
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize {
    margin-top: min(10.2666666667vw, 77px);
  }
}
.about .about-exp .exp__prize-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(3.2307692308vw, 42px);
  margin-bottom: min(8vw, 104px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: min(7.4666666667vw, 56px);
    margin-bottom: min(7.4666666667vw, 56px);
  }
}
.about .about-exp .exp__prize-item {
  width: min(29.2307692308vw, 380px);
  background-color: #F1F1F1;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item {
    width: min(74.6666666667vw, 560px);
  }
}
.about .about-exp .exp__prize-item__ttl {
  background-color: #007749;
  position: relative;
}
.about .about-exp .exp__prize-item__ttl p {
  font-size: min(2.3076923077vw, 30px);
  line-height: 1.7333333333;
  letter-spacing: -0.05em;
  color: #fff;
  margin-left: min(4.3076923077vw, 56px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item__ttl p {
    font-size: 4.8vw;
    line-height: 1.3055555556;
    letter-spacing: 0.1em;
    margin-left: 13.8666666667vw;
    padding: 1.3333333333vw 0 0.9333333333vw;
  }
}
.about .about-exp .exp__prize-item__ttl::after {
  content: "";
  display: block;
  background-image: url("../img/exp_prize_img-s.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: min(5vw, 65px);
  height: min(5vw, 65px);
  position: absolute;
  top: min(-0.4615384615vw, -6px);
  right: min(4.2307692308vw, 55px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item__ttl::after {
    background-image: url("../img/exp_prize_img-s_sp.png");
    width: 10.5333333333vw;
    height: 10.5333333333vw;
    top: -1.0666666667vw;
    right: 12.6666666667vw;
  }
}
.about .about-exp .exp__prize-item__text {
  color: #007749;
  text-align: center;
  font-size: min(1.5384615385vw, 20px);
  font-weight: 600;
  line-height: 1.25;
  margin: min(1.2307692308vw, 16px) 0 min(3.8461538462vw, 50px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item__text {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
    margin: 4.2666666667vw 0 7.7333333333vw;
  }
}
.about .about-exp .exp__prize-item03 {
  width: min(61.5384615385vw, 800px);
  background-color: #F1F1F1;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item03 {
    width: min(80vw, 600px);
  }
}
.about .about-exp .exp__prize-item03__ttl {
  background-color: #007749;
  position: relative;
}
.about .about-exp .exp__prize-item03__ttl p {
  font-size: min(3.0769230769vw, 40px);
  line-height: 1.5;
  letter-spacing: -0.1em;
  color: #fff;
  margin-left: min(17vw, 221px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item03__ttl p {
    font-size: 5.4666666667vw;
    line-height: 1.4634146341;
    margin-left: 14.1333333333vw;
    padding: 1.6vw 0 0.8vw;
  }
}
.about .about-exp .exp__prize-item03__ttl::after {
  content: "";
  display: block;
  background-image: url("../img/exp_prize_img.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: min(6.6923076923vw, 87px);
  height: min(6.6923076923vw, 87px);
  position: absolute;
  top: min(-1vw, -13px);
  right: min(17vw, 221px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item03__ttl::after {
    width: 13.6vw;
    height: 13.6vw;
    top: -1.8666666667vw;
    right: 12.6666666667vw;
  }
}
.about .about-exp .exp__prize-item03__text {
  color: #007749;
  text-align: center;
  font-size: min(1.6923076923vw, 22px);
  font-weight: 600;
  line-height: 1.3181818182;
  margin: min(2.5384615385vw, 33px) 0;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item03__text {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
    margin: 4.2666666667vw 0;
  }
}

.about .about-exp .exp__prize-img {
  width: min(25.2307692308vw, 328px);
  margin-bottom: min(0.6153846154vw, 8px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-img {
    width: min(64.8vw, 486px);
    margin-bottom: min(2vw, 15px);
  }
}
.about .about-exp .exp__prize-txt {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: min(3.2307692308vw, 42px);
  font-size: min(2.6923076923vw, 35px);
  font-weight: 600;
  width: min(26.3076923077vw, 342px);
  height: min(10.1538461538vw, 132px);
  position: relative;
  margin: 0 auto;
  text-align: center;
}
.about .about-exp .exp__prize-txt ::after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 8px #007749;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 94%;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-txt ::after {
    right: 10px;
    bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-txt {
    font-size: min(5.3333333333vw, 40px);
    width: min(62.6666666667vw, 470px);
    height: min(18.6666666667vw, 140px);
    gap: min(1.0666666667vw, 8px);
    margin: 0 auto 4.2666666667vw;
    align-items: center;
  }
}

/* exp__prize-finalis */
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item03.exp__prize-finalis {
    width: min(74.6666666667vw, 560px);
  }
}
.about .about-exp .exp__prize-item03.exp__prize-finalis .exp__prize-item03__ttl p {
  font-size: min(3.076923076923077vw, 30px);
  line-height: 1.17;
  letter-spacing: -0.1em;
  color: #fff;
  margin-left: min(19.692307692307693vw, 256px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item03.exp__prize-finalis .exp__prize-item03__ttl p {
    font-size: 4.8vw;
    line-height: 1.4634146341;
    padding: 1.6vw 0 0.8vw;
  }
}
.about .about-exp .exp__prize-item03.exp__prize-finalis .exp__prize-txt ::after {
  position: absolute;
  content: "";
  display: block;
  border-bottom: solid 8px #007749;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 110%;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item03.exp__prize-finalis .exp__prize-txt ::after {
    right: 10px;
    bottom: 0;
    width: 90%;
  }
}
.about .about-exp .exp__prize-item03.exp__prize-finalis .exp__prize-txt {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: min(3.2307692308vw, 42px);
  font-size: min(1.9230769230769231vw, 25px);
  font-weight: 600;
  width: min(26.3076923077vw, 342px);
  height: min(7.384615384615385vw, 96px);
  position: relative;
  margin: 0 auto;
  text-align: center;

}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item03.exp__prize-finalis .exp__prize-txt {
    font-size: min(3.733333333333334vw, 28px);
    width: min(62.6666666667vw, 470px);
    height: min(15.733333333333333vw, 118px);
    gap: min(1.0666666667vw, 8px);
    margin: 0 auto 4.2666666667vw;
    align-items: center;
  }
}

.about .about-exp .exp__prize-item.exp__prize-item03.exp__prize-finalis .exp__prize-item03__ttl::after {
  content: "";
  display: block;
  background-image: url("../img/exp_prize_img02.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: min(5vw, 65px);
  height: min(5vw, 65px);
  position: absolute;
  top: min(-1vw, -13px);
  right: min(20.384615384615383vw, 265px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-item.exp__prize-item03.exp__prize-finalis .exp__prize-item03__ttl::after {
    content: "";
    background-image: url("../img/exp_prize_img02_sp.png");
    width: 10.5333333333vw;
    height: 10.5333333333vw;
    top: -1.0666666667vw;
    right: 12.6666666667vw;
  }
}
.about .about-exp .exp__prize-txt span {
  font-size: min(6.5384615385vw, 85px);
  line-height: 0.82;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-txt span {
    font-size: min(13.3333333333vw, 100px);
    padding: 0 min(4vw, 30px);
  }
}
.about .about-exp .exp__prize-txt-indent {
  text-indent: -0.3em;
}
.about .about-exp .exp__prize-txt-s {
  font-size: min(1.9230769231vw, 25px);
  line-height: 1.2;
  margin-top: min(0.7692307692vw, 10px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__prize-txt-s {
    font-size: min(4.2666666667vw, 32px);
  }
}
.about .about-exp .exp__prize-txt03 {
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__qua {
    margin-top: min(5.3333333333vw, 40px);
  }
}
.about .about-exp .exp__qua p {
  font-size: min(1.9230769231vw, 25px);
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__qua p {
    font-size: min(3.7333333333vw, 28px);
  }
}
.about .about-exp .exp__qua .caution {
  font-size: min(1.1538461538vw, 15px);
  margin: 0;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__qua .caution {
    font-size: min(2.9333333333vw, 22px);
    text-indent: -1em;
    padding-left: 1em;
  }
}
.about .about-exp .exp__term dl {
  display: flex;
  font-weight: 600;
  gap: min(0.6153846154vw, 8px);
  margin-bottom: min(0.9230769231vw, 12px);
  align-items: center;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__term dl {
    display: block;
  }
}
.about .about-exp .exp__term dl dt {
  font-size: min(1.1538461538vw, 15px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__term dl dt {
    font-size: min(2.9333333333vw, 22px);
    margin-bottom: min(1.0666666667vw, 8px);
  }
}
.about .about-exp .exp__term dl dd {
  font-size: min(2.3076923077vw, 30px);
  line-height: 0.86;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__term dl dd {
    font-size: min(4.8vw, 36px);
    margin-bottom: min(3.2vw, 24px);
    line-height: 1.33;
  }
}
.about .about-exp .exp__term span {
  font-weight: 600;
  font-size: min(1.1538461538vw, 15px);
  color: #FF0000;
  margin-top: min(0.6153846154vw, 8px);
  padding-left: 8em;
  text-indent: -8em;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__term span {
    font-size: min(2.9333333333vw, 22px);
    margin-top: min(1.0666666667vw, 8px);
    padding-left: 0;
    text-indent: 0;
  }
}
.about .about-exp .exp__btn {
  background-image: url("../img/about-app-1st-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: min(80.7692307692vw, 1050px);
  height: min(7.0769230769vw, 92px);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: min(4.3076923077vw, 56px);
  margin-bottom: min(7.3846153846vw, 96px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__btn {
    background-image: url("../img/about-app-1st-bg-sp.png");
    width: 80vw;
    height: 11.2vw;
    margin-top: min(10.6666666667vw, 80px);
    margin-bottom: min(10.6666666667vw, 80px);
  }
}
.about .about-exp .exp__btn p {
  font-size: min(2.6923076923vw, 35px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.08em;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__btn p {
    font-size: min(4.8vw, 36px);
  }
}
.about .about-exp .exp__btn p::after {
  content: "";
  display: block;
  background-image: url("../img/about-app-arr.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: min(0.8461538462vw, 11px);
  height: min(2.0769230769vw, 27px);
  position: absolute;
  top: min(2.4615384615vw, 32px);
  right: min(15.3846153846vw, 200px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__btn p::after {
    background-image: url("../img/about-app-arr.png");
    top: 4.1333333333vw;
    right: 9.4666666667vw;
    width: 1.4666666667vw;
    height: 3.6vw;
  }
}
.about .about-exp .exp__btn:hover {
  background-image: url(../img/about-app-1st-bg-hov.png);
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__btn:hover {
    background-image: url(../img/about-app-1st-bg-sp-hov.png);
  }
}
.about .about-exp .second-prize {
  width: min(52.3076923077vw, 680px);
  margin: min(0.9230769231vw, 12px) auto min(3.0769230769vw, 80px);
  background-color: #fff;
}
@media screen and (max-width: 640px) {
  .about .about-exp .second-prize {
    width: 74.6666666667vw;
    margin: 6.4vw auto 2.8vw;
  }
}
.about .about-exp .second-prize__ttl {
  color: #00452A;
  text-align: center;
  font-size: min(1.9230769231vw, 25px);
  font-weight: 500;
  letter-spacing: -0.08em;
  padding-top: min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .second-prize__ttl {
    font-size: 3.3333333333vw;
    padding-top: 3.2vw;
  }
}
.about .about-exp .second-prize__ttl p {
  position: relative;
}
.about .about-exp .second-prize__ttl p::before {
  content: "";
  display: block;
  background-color: #00452A;
  width: min(13.8461538462vw, 180px);
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, 0);
  left: 30%;
}
@media screen and (max-width: 640px) {
  .about .about-exp .second-prize__ttl p::before {
    width: 24vw;
    left: 26%;
  }
}
.about .about-exp .second-prize__ttl p::after {
  content: "";
  display: block;
  background-color: #00452A;
  width: min(13.8461538462vw, 180px);
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, 0);
  right: 3%;
}
@media screen and (max-width: 640px) {
  .about .about-exp .second-prize__ttl p::after {
    width: 24vw;
    right: -6%;
  }
}
.about .about-exp .second-prize__text {
  font-size: min(1.2307692308vw, 16px);
  font-weight: 300;
  line-height: 1.5;
  padding: min(0.7692307692vw, 10px) min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .second-prize__text {
    font-size: 3.2vw;
    line-height: 1.5;
    padding: 1.3333333333vw 2.1333333333vw 3.2vw;
  }
}
.about .about-exp .second-prize__text p:nth-of-type(2) {
  font-size: min(0.9230769231vw, 12px);
  font-weight: 300;
  line-height: 1.5;
  margin-top: min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .second-prize__text p:nth-of-type(2) {
    font-size: 2.9333333333vw;
  }
}

/* two-box 選考基準 */
.about .two-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min(3.8461538462vw, 50px);
  margin-bottom: min(11.8461538462vw, 104px);
}
@media screen and (max-width: 640px) {
  .about .two-box {
    gap: 5.3333333333vw;
    margin-bottom: 10.6666666667vw;
  }
}
.about .two-box__00 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #F1F1F1;
  width: min(29.6923076923vw, 386px);
  padding: 0 min(1vw, 13px) min(3.3846153846vw, 44px);
}
@media screen and (max-width: 640px) {
  .about .two-box__00 {
    width: 72vw;
    padding: 0 2.6666666667vw 3.3333333333vw;
  }
}
.about .two-box__00__ttl {
  background-color: #007749;
  margin-bottom: min(2.6153846154vw, 34px);
  width: min(29.6923076923vw, 386px);
}
@media screen and (max-width: 640px) {
  .about .two-box__00__ttl {
    width: 72vw;
  }
}
.about .two-box__00__ttl p {
  font-size: min(1.9230769231vw, 25px);
  font-weight: 800;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  padding: min(1vw, 13px) 0;
}
@media screen and (max-width: 640px) {
  .about .two-box__00__ttl p {
    font-size: 3.7333333333vw;
    padding: 1.7333333333vw;
  }
}
.about .two-box__00__line {
  width: min(23.4615384615vw, 305px);
  margin-bottom: min(1.5384615385vw, 20px);
  border: solid min(0.1923076923vw, 2.5px) #007749;
  margin-top: min(0.9230769231vw, 12px);
}
@media screen and (max-width: 640px) {
  .about .two-box__00__line {
    width: 66.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.about .two-box__00__theme p {
  font-size: min(1.0769230769vw, 14px);
  font-weight: 600;
  line-height: 1.1428571429;
  text-align: center;
  margin-bottom: min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .about .two-box__00__theme p {
    font-size: 2.9333333333vw;
    margin-bottom: 3.2vw;
  }
}
.about .two-box__00__text p {
  font-size: min(1.5384615385vw, 20px);
  font-weight: 600;
  line-height: 1.25;
  color: #007749;
  text-align: center;
  margin-bottom: min(0.3076923077vw, 7px);
}
@media screen and (max-width: 640px) {
  .about .two-box__00__text p {
    font-size: 3.7333333333vw;
    margin-bottom: 1.0666666667vw;
  }
}
.about .two-box__00__p p {
  font-size: min(1.1538461538vw, 15px);
  font-weight: 600;
  line-height: 1.3333333333;
  text-align: center;
  margin-bottom: min(1.9230769231vw, 25px);
}
@media screen and (max-width: 640px) {
  .about .two-box__00__p p {
    font-size: 2.9333333333vw;
    line-height: 1.3636363636;
    margin-bottom: 4.2666666667vw;
  }
}
.about .two-box__03 {
  width: min(63.0769230769vw, 820px);
  padding-bottom: min(1.8461538462vw, 24px);
  background-color: #F1F1F1;
}
@media screen and (max-width: 640px) {
  .about .two-box__03 {
    width: 72vw;
    padding-bottom: 3.3333333333vw;
  }
}
.about .two-box__03__ttl {
  background-color: #007749;
  margin-bottom: min(1.8461538462vw, 24px);
  width: min(63.0769230769vw, 820px);
}
@media screen and (max-width: 640px) {
  .about .two-box__03__ttl {
    width: 72vw;
    margin-bottom: 3.3333333333vw;
  }
}
.about .two-box__03__ttl p {
  font-size: min(2.6923076923vw, 35px);
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: min(0.4615384615vw, 16px) 0;
}
@media screen and (max-width: 640px) {
  .about .two-box__03__ttl p {
    font-size: 4.4vw;
    padding: 1.7333333333vw 0;
  }
}
@media screen and (max-width: 640px) {
  .about .two-box__03__text p {
    text-align: left;
    padding: 0 2.6666666667vw;
  }
}
/*two-box 選考基準 */

/* app 　応募要項*/
.about .about-app {
  position: relative;
}
.about .about-app::after {
  position: absolute;
  top: 38%;
  left: -4%;
  width: 3.9230769231vw;
  height: 66.0769230769vw;
  max-width: 59px;
  max-height: 859px;
  background: url(../img/logo-tate.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  content: "";
}
@media screen and (max-width: 640px) {
  .about .about-app::after {
    left: -5%;
    top: -30%;
  }
}
.about .about-app__inner {
  width: min(80.7692307692vw, 1050px);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .about .about-app__inner {
    width: 80vw;
  }
}
.about .about-app__subttl {
  width: min(55.2307692308vw, 718px);
  margin-bottom: min(7.1538461538vw, 80px);
}
@media screen and (max-width: 640px) {
  .about .about-app__subttl {
    width: 54vw;
    margin-bottom: 4.2666666667vw;
  }
}
.about .about-app__text p {
  font-size: min(1.9230769231vw, 25px);
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.027em;
}
@media screen and (max-width: 640px) {
  .about .about-app__text p {
    font-size: 3.7333333333vw;
  }
}
.about .about-app__text-m19 p {
  margin-bottom: min(1.4615384615vw, 19px);
}
@media screen and (max-width: 640px) {
  .about .about-app__text-m19 p {
    margin-bottom: 2.1333333333vw;
  }
}
.about .about-app__ttl {
  position: relative;
  margin-top: min(7.6923076923vw, 80px);
  margin-bottom: min(3.0769230769vw, 40px);
}
@media screen and (max-width: 640px) {
  .about .about-app__ttl {
    margin-top: 10.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.about .about-app__ttl::before {
  content: "";
  background-color: #D7D7D7;
  width: min(80.7692307692vw, 1050px);
  height: 2px;
  position: absolute;
  top: min(1.3846153846vw, 18px);
  left: 0;
}
@media screen and (max-width: 640px) {
  .about .about-app__ttl::before {
    width: 80vw;
    top: 3.2vw;
  }
}
.about .about-app__ttl-head span {
  margin-bottom: min(1.3333333333vw, 10px);
}
.about .about-app__ttl p {
  font-size: min(2.3076923077vw, 30px);
  font-weight: 500;
  line-height: 1.1666666667;
  letter-spacing: -0.027em;
  color: #007749;
  background-color: #fff;
  text-align: center;
  width: min(19.2307692308vw, 250px);
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .about .about-app__ttl p {
    font-size: 5.3333333333vw;
    width: 33.3333333333vw;
  }
}
.about .about-app__ttl-02 p {
  width: min(35.7692307692vw, 465px);
}
@media screen and (max-width: 640px) {
  .about .about-app__ttl-02 p {
    width: 72vw;
  }
}
.about .about-app__ttl-03 p {
  width: min(35.7692307692vw, 465px);
}
@media screen and (max-width: 640px) {
  .about .about-app__ttl-03 p {
    width: 53.3333333333vw;
  }
}
.about .about-app__text-small {
  padding-left: 15px;
}
@media screen and (max-width: 640px) {
  .about .about-app__text-small {
    padding-left: 0;
  }
}
.about .about-app__text-small p {
  font-size: min(0.9230769231vw, 12px);
  font-weight: 600;
  line-height: 1.5;
  text-indent: min(-1.1538461538vw, 15px);
  padding-left: min(1.1538461538vw, -15px);
}
@media screen and (max-width: 640px) {
  .about .about-app__text-small p {
    font-size: 2.9333333333vw;
    text-indent: -2.9333333333vw;
    padding-left: 2.9333333333vw;
  }
}
.about .about-app__1st {
  border: solid 2px #969696;
  background-color: #F5F5F5;
  padding: min(3.5384615385vw, 46px) 0;
  text-align: center;
  margin-bottom: min(3.6923076923vw, 48px);
}
@media screen and (max-width: 640px) {
  .about .about-app__1st {
    padding: 5.3333333333vw 2.5333333333vw 6.4vw 4vw;
    margin-bottom: 10.6666666667vw;
  }
}
.about .about-app__1st__ttl {
  background-color: #FFFFFF;
  width: min(24.6153846154vw, 320px);
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 640px) {
  .about .about-app__1st__ttl {
    background-color: transparent;
    width: min(55.2vw, 414px);
  }
}
.about .about-app__1st__ttl p {
  font-size: min(2.3076923077vw, 30px);
  font-weight: 600;
  line-height: 1.1666666667;
  margin-bottom: min(3.8461538461538463vw, 50px);
}
@media screen and (max-width: 640px) {
  .about .about-app__1st__ttl p {
    line-height: 1.6;
    font-size: 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.about .about-app__1st__ttl p::after {
  content: "";
  display: block;
  background-color: #00FF00;
  width: min(26.1538461538vw, 340px);
  height: 5px;
  margin: min(0.7692307692vw, 10px) auto 0;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 640px) {
  .about .about-app__1st__ttl p::after {
    width: 56.4vw;
    height: 0.6666666667vw;
    left: 0;
  }
}
@media screen and (max-width: 640px) {
  .about .about-app__1st__ttl p span {
    display: inline;
    background-color: #FFFFFF;
    padding: 0 min(1.0666666667vw, 8px);
    margin-bottom: min(1.3333333333vw, 10px);
  }
}
.about .about-app__1st__text p {
  font-size: min(1.5384615385vw, 20px);
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  margin-bottom: min(3.0769230769vw, 40px);
}
@media screen and (max-width: 640px) {
  .about .about-app__1st__text p {
    font-size: 3.4666666667vw;
    margin-bottom: 3.2vw;
    text-align: left;
  }
}
.about .about-app__1st__time p {
  font-size: min(1.7692307692307692vw, 23px);
  font-weight: 800;
  line-height: 1.3;
  text-align: left;
  padding-left: min(12.384615384615385vw, 161px);
  letter-spacing: 0.08em;
}
@media screen and (max-width: 640px) {
  .about .about-app__1st__time p {
    font-size: 3.2vw;
    padding-left: 0;
  }
}
.about .about-app__1st__p p {
  font-size: min(0.9230769231vw, 12px);
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  padding-left: min(9.6153846154vw, 125px);
  margin-top: min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .about .about-app__1st__p p {
    font-size: 2.9333333333vw;
    line-height: 1.3636363636;
    padding-left: 2.9333333333vw;
    text-indent: -2.9333333333vw;
    margin-top: 2.4vw;
  }
}
.about .about-app__1stbtn {
  background-image: url("../img/about-app-1st-bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: min(80.7692307692vw, 1050px);
  height: min(7.0769230769vw, 92px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .about .about-app__1stbtn {
    background-image: url("../img/about-app-1st-bg-sp.png");
    width: 80vw;
    height: 11.2vw;
  }
}
.about .about-app__1stbtn p {
  font-size: min(2.6923076923vw, 35px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.08em;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .about .about-app__1stbtn p {
    font-size: 4.8vw;
    line-height: 1.3636363636;
  }
}
.about .about-app__1stbtn .btn-text {
  font-size: min(1.5384615384615385vw, 20px);
  font-weight: 500;
  /* line-height: 2; */
  letter-spacing: 0.02em;
  color: #ffffff;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .about .about-app__1stbtn .btn-text {
    font-size: 2.933333333333333vw;
  }
}
.about .about-app__1stbtn p::after {
  content: "";
  display: block;
  background-image: url("../img/about-app-arr.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: min(0.8461538462vw, 11px);
  height: min(2.0769230769vw, 27px);
  position: absolute;
  top: min(2.4615384615vw, 32px);
  right: min(15.3846153846vw, 200px);
}
@media screen and (max-width: 640px) {
  .about .about-app__1stbtn p::after {
    background-image: url("../img/about-app-arr.png");
    top: 4.1333333333vw;
    right: 9.4666666667vw;
    width: 1.4666666667vw;
    height: 3.6vw;
  }
}
.about .about-app__1stbtn:hover {
  background-image: url(../img/about-app-1st-bg-hov.png);
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .about .about-app__1stbtn:hover {
    background-image: url(../img/about-app-1st-bg-sp-hov.png);
  }
}
.about .about-app__two {
  background-image: url("../img/about-app-2nd-bg.png");
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  width: min(80.7692307692vw, 1050px);
  padding: min(3.5384615385vw, 46px) min(6.9230769231vw, 90px);
  margin-top: min(5.5384615385vw, 72px);
  position: relative;
}
@media screen and (max-width: 1200px) {
  .about .about-app__two {
    width: 100%;
    padding: min(3.5384615385vw, 46px) min(1.25vw, 15px);
  }
}
@media screen and (max-width: 640px) {
  .about .about-app__two {
    background-image: url("../img/about-app-2nd-bg-sp.png");
    width: 80vw;
    padding: 9.3333333333vw 4vw 5.333333333333334vw;
    margin-top: 5.3333333333vw;
  }
}
.about .about-app__two__ttl {
  margin-top: min(6.153846153846154vw, 80px);
  width: min(42.30769230769231vw, 550px);
  position: relative;
}
@media screen and (max-width: 640px) {
  .about .about-app__two__ttl {
    width: min(55.2vw, 414px);
    margin-top: 4.666666666666667vw;
  }
}
.about .about-app__two__ttl p {
  text-align: center;
}
.about .about-app__two__ttl p::after {
  width: min(46.1538461538vw, 600px);
  position: absolute;
  left: min(-2.1538461538vw, -28px);
}
@media screen and (max-width: 640px) {
  .about .about-app__two__ttl p::after {
    width: 55.2vw;
    left: 0.6666666667vw;
  }
}
.about .about-app__two__text p {
  margin-bottom: min(3.0769230769vw, 40px);
}
@media screen and (max-width: 640px) {
.about .about-app__two__text p {
  margin-bottom: 3vw;
}
}
.about .about-app__two__text02 p {
  font-size: min(0.9230769231vw, 12px);
  font-weight: 600;
  line-height: 1.5;
  text-align: left;
  margin-bottom: min(3.0769230769vw, 40px);
  text-indent: min(-1.1538461538vw, -15px);
  padding-left: min(1.1538461538vw, 15px);
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 640px) {
  .about .about-app__two__text02 p {
    font-size: 2.9333333333vw;
    line-height: 1.3636363636;
    margin-bottom: 3.2vw;
    text-indent: -2.9333333333vw;
    padding-left: 2.9333333333vw;
  }
}
.about .about-app__two__text03 p {
  text-align: center;
  margin-bottom: min(3.0769230769vw, 40px);
}
@media screen and (max-width: 640px) {
  .about .about-app__two__text03 p {
    text-align: left;
  }
}
.about .about-app__two__time p {
  font-size: min(1.7692307692vw, 23px);
  font-weight: 600;
  line-height: 1.3;
  text-align: left;
  margin-bottom: min(2vw, 26px);
  padding-left: min(9.2307692308vw, 120px);
  letter-spacing: 0.04em;
}
@media screen and (max-width: 640px) {
  .about .about-app__two__time p {
    font-size: 3.2vw;
    line-height: 1.3333333333;
    margin-bottom: 2.1333333333vw;
    padding-left: 0;
  }
}
.about .about-app__list {
  margin-bottom: min(12.307692307692308vw, 160px);
}
@media screen and (max-width: 640px) {
  .about .about-app__list {
    margin-bottom: min(20vw, 150px);
  }
}
.about .about-app__list ul {
  padding-left: min(1.9230769231vw, 25px);
}
@media screen and (max-width: 640px) {
  .about .about-app__list ul {
    padding-left: 0;
  }
}
.about .about-app__list ul li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: min(0.9230769231vw, 12px);
  font-weight: 600;
  line-height: 1.3333333333;
  letter-spacing: 0.01em;
  position: relative;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 640px) {
  .about .about-app__list ul li {
    font-size: 2.9333333333vw;
  }
}
.about .about-app__result__ttl {
  width: min(25.384615384615383vw, 330px);
  position: relative;
}
@media screen and (max-width: 640px) {
  .about .about-app__result__ttl {
    width: 48vw;
    background-color: #FFFFFF;
    padding: 0 min(1.3333333333vw, 10px);
  }
}
.about .about-app__result__ttl p {
  text-align: center;
}
.about .about-app__result__ttl p::after {
  width: min(24.23076923076923vw, 315px);
  position: absolute;
  left: 2%;
}
@media screen and (max-width: 640px) {
  .about .about-app__result__ttl p::after {
    width: 48vw;
    left: 0%;
  }
}
.about .about-app__result__text p {
  margin-bottom: min(0.7692307692vw, 10px);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .about .about-app__result__text p {
    margin-bottom: 2.1333333333vw;
    text-align: left;
  }
}
.about .about-app__result__text02 p {
  margin-bottom: min(1.9230769230769231vw, 25px);
}
@media screen and (max-width: 640px) {
  .about .about-app__result__text02 p {
    margin-bottom: 3.2vw;
  }
}
.about .about-app__result__text03 {
  margin-bottom: min(4vw, 52px);
}
@media screen and (max-width: 640px) {
  .about .about-app__result__text03 {
    margin-bottom: min(6.4vw, 52px);
  }
}
.about .about-app__result__text03 p{
  margin-bottom: 0;
}
@media screen and (max-width: 640px) {
  .about .about-app__result__text04 {
    margin-bottom: 5.3333333333vw;
  }
}
.about .about-app__result__text04 p {
  margin-bottom: min(1.9230769231vw, 25px);
}
@media screen and (max-width: 640px) {
  .about .about-app__result__text04 p {
    margin-bottom: 3.2vw;
  }
}
.about .about-app__result__text04 p:nth-child(1) {
  margin-bottom: min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .about .about-app__result__text04 p:nth-child(1) {
    margin-bottom: 3.2vw;
  }
}
.about .about-app__result__text04 p:nth-child(2) {
  margin-bottom: min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .about .about-app__result__text04 p:nth-child(2) {
    margin-bottom: 3.2vw;
  }
}
.about .about-app__result__text05 p {
  margin-bottom: min(0.7692307692vw, 10px);
}
.about .about-app__flow__text p {
  font-size: min(1.5384615385vw, 20px);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: min(2.4615384615vw, 32px);
}
@media screen and (max-width: 640px) {
  .about .about-app__flow__text p {
    font-size: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.about .about-app__flow__ttl p {
  color: #007749;
  margin-bottom: 0;
}
.about .about-app__flow__text02 p {
  margin-bottom: min(0.6153846154vw, 8px);
}
@media screen and (max-width: 640px) {
  .about .about-app__flow__text02 p {
    margin-bottom: 2.1333333333vw;
  }
}
.about .about-app__flow__text03 p {
  margin-bottom: 0;
  text-indent: min(-1.5384615385vw, -20px);
  padding-left: min(1.5384615385vw, 20px);
}
@media screen and (max-width: 640px) {
  .about .about-app__flow__text03 p {
    text-indent: -3.7333333333vw;
    padding-left: 3.7333333333vw;
  }
}
.about .about-app__scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(82.3076923077vw, 1070px);
  height: min(40.4615384615vw, 526px);
  border: 2px solid #007749;
  overflow: scroll;
  overflow-x: hidden;
  margin: 0 auto min(3.0769230769vw, 40px);
  padding: min(3.0769230769vw, 40px) min(1.9230769231vw, 25px);
}
@media screen and (max-width: 640px) {
  .about .about-app__scroll {
    width: min(80vw, 520px);
    height: min(132.6666666667vw, 995px);
    margin: 0 auto min(10.6666666667vw, 80px);
    padding: min(5.3333333333vw, 40px) min(5.3333333333vw, 40px);
  }
}
/* スクロールの開始 */
.about .about-app__scroll__box {
  width: 100%;
}
@media screen and (max-width: 640px) {
  .about .about-app__scroll__ttl01 p {
    width: min(55.4666666667vw, 416px);
  }
}
.about .about-app__scroll__ttl01::before {
  width: min(75vw, 975px);
}
@media screen and (max-width: 640px) {
  .about .about-app__scroll__ttl01::before {
    width: min(68vw, 510px);
  }
}
@media screen and (max-width: 640px) {
  .about .about-app__scroll__ttl01-s p {
    width: min(64vw, 416px);
    font-size: min(4.9230769231vw, 32px);
    line-height: 1.3125;
  }
}
.about .about-app__scroll__ttl02::before {
  width: min(75vw, 975px);
}
@media screen and (max-width: 640px) {
  .about .about-app__scroll__ttl02::before {
    width: min(66.4vw, 498px);
  }
}
.about .about-app__notes ul {
  list-style: disc;
  padding-left: min(1.5384615385vw, 20px);
}
@media screen and (max-width: 640px) {
  .about .about-app__notes ul {
    padding-left: 5.3333333333vw;
  }
}
.about .about-app__notes li {
  font-size: min(1.5384615385vw, 20px);
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .about .about-app__notes li {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
  }
}
.about .about-app__notes__ul01 {
  margin-bottom: min(3.0769230769vw, 40px);
}
@media screen and (max-width: 640px) {
  .about .about-app__notes__ul01 {
    margin-bottom: 6.4vw;
  }
}
.about .about-app__notes__p p {
  font-size: min(1.1538461538vw, 15px);
  font-weight: 600;
  line-height: 1.6666666667;
  color: #007749;
}
@media screen and (max-width: 640px) {
  .about .about-app__notes__p p {
    font-size: 2.9333333333vw;
    line-height: 1.3636363636;
  }
}
.about .about-app__notes__ul02 {
  margin-bottom: min(100vw, 40px);
  list-style: none !important;
  padding-left: 0 !important;
}
@media screen and (max-width: 640px) {
  .about .about-app__notes__ul02 {
    margin-bottom: 6.4vw;
  }
}
.about .about-app__notes__ul02 li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: min(0.9230769231vw, 12px);
  line-height: 1.6666666667;
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .about .about-app__notes__ul02 li {
    font-size: 2.9333333333vw;
    line-height: 1.3636363636;
    text-indent: -2.9333333333vw;
    padding-left: 2.9333333333vw;
  }
}
.about .about-app__notes__ul04 {
  margin-bottom: min(6.1538461538vw, 80px);
  list-style: none !important;
  padding-left: 0 !important;
}
.about .about-app__notes__ul04 li {
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 640px) {
  .about .about-app__notes__ul04 li {
    text-indent: -3.7333333333vw;
    padding-left: 3.7333333333vw;
  }
}
.about .about-app__p p {
  font-size: min(1.5384615385vw, 20px);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: min(6.1538461538vw, 80px);
}
@media screen and (max-width: 640px) {
  .about .about-app__p p {
    font-size: 3.7333333333vw;
    margin-bottom: 0;
  }
}
.about .about-app__p p:nth-child(1) {
  margin-bottom: min(1.6923076923vw, 22px);
}
@media screen and (max-width: 640px) {
  .about .about-app__p p:nth-child(1) {
    margin-bottom: 4.3076923077vw;
  }
}
/* app */

/* judge */
.about .about-exp .exp__judge p {
  font-size: min(1.9230769231vw, 25px);
  line-height: 1.4;
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__judge p {
    font-size: min(3.7333333333vw, 28px);
  }
}
.about .about-exp .exp__judge-first {
  margin-bottom: min(4.6153846154vw, 60px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__judge-first {
    margin-bottom: min(5.3333333333vw, 40px);
  }
}
.about .about-exp .exp__judge-second {
  margin-bottom: min(4.6153846154vw, 60px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__judge-second {
    margin-bottom: min(5.3333333333vw, 40px);
  }
}
.about .about-exp .exp__judge-box dl {
  display: flex;
  gap: min(3.6923076923vw, 48px);
  font-weight: 600;
  margin-bottom: min(1.8461538462vw, 24px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__judge-box dl {
    display: block;
    margin-bottom: min(3.2vw, 24px);
  }
}
.about .about-exp .exp__judge-box dl dt {
  width: 20%;
  color: #007749;
  font-size: min(1.9230769231vw, 25px);
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__judge-box dl dt {
    width: 100%;
    font-size: min(3.7333333333vw, 28px);
    margin-bottom: min(1.0666666667vw, 8px);
  }
}
.about .about-exp .exp__judge-box dl dd {
  width: 75%;
  font-size: min(1.5384615385vw, 20px);
  text-indent: -4em;
  padding-left: 4em;
}
@media screen and (max-width: 640px) {
  .about .about-exp .exp__judge-box dl dd {
    width: 100%;
    font-size: min(3.2vw, 24px);
  }
}
.about .about-exp .exp__judge-box dl dd span {
  color: #969696;
}
.about .about-judge {
  margin-top: min(8vw, 104px);
}
@media screen and (max-width: 640px) {
  .about .about-judge {
    margin-top: min(10.6666666667vw, 80px);
  }
}
@media screen and (max-width: 640px) {
  .about .about-judge .about-judge__inner {
    transform: translate(0, 0);
    padding-bottom: 11.3333333333vw;
  }
}
.about .about-judge__subttl {
  width: min(54vw, 702px);
  margin-bottom: min(4.3076923077vw, 56px);
}
@media screen and (max-width: 640px) {
  .about .about-judge__subttl {
    width: min(51.8666666667vw, 389px);
    margin-bottom: min(11.4666666667vw, 86px);
  }
}
.about .about-judge__container {
  display: block;
  margin: 0 auto;
  width: min(50vw, 650px);
}
@media screen and (max-width: 640px) {
  .about .about-judge__container {
    width: min(69.6vw, 522px);
  }
}
.about .about-judge__box {
  display: flex;
  flex-direction: column;
  gap: min(5.5384615385vw, 72px);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .about .about-judge__box {
    gap: min(8vw, 60px);
  }
}
.about .about-judge__top {
  display: flex;
  align-items: center;
  gap: min(4.3076923077vw, 56px);
}
@media screen and (max-width: 640px) {
  .about .about-judge__top {
    gap: min(5.3333333333vw, 40px);
  }
}
.about .about-judge__top-txt {
  width: min(24.2307692308vw, 315px);
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .about .about-judge__top-txt {
    width: min(26.6666666667vw, 200px);
  }
}
.about .about-judge__top img {
  width: min(21.6923076923vw, 282px);
}
@media screen and (max-width: 640px) {
  .about .about-judge__top img {
    width: min(37.6vw, 282px);
  }
}
.about .about-judge__txt-L {
  display: inline-block;
  font-size: min(2.4615384615vw, 32px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  margin-bottom: min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .about .about-judge__txt-L {
    font-size: min(4.8vw, 36px);
  }
}
.about .about-judge__txt-hiromi {
  display: inline-block;
  font-size: min(2.1538461538vw, 28px);
  font-weight: 600;
  line-height: 1.25;
  text-indent: 0.93;
  margin-bottom: min(0.6153846154vw, 8px);
}
@media screen and (max-width: 640px) {
  .about .about-judge__txt-hiromi {
    font-size: min(4.2666666667vw, 32px);
  }
}
.about .about-judge__txt-M {
  display: inline-block;
  font-size: min(1.8461538462vw, 24px);
  font-weight: 600;
  line-height: 1.25;
  text-indent: 0.93;
  margin-bottom: min(0.6153846154vw, 8px);
}
@media screen and (max-width: 640px) {
  .about .about-judge__txt-M {
    font-size: min(3.7333333333vw, 28px);
  }
}
.about .about-judge__txt-S {
  display: inline-block;
  font-size: min(1.5384615385vw, 20px);
  font-weight: 300;
  line-height: 1.5;
  text-indent: 1.5;
}
@media screen and (max-width: 640px) {
  .about .about-judge__txt-S {
    font-size: min(3.2vw, 24px);
  }
}

.about .about-judge .about-judge__contactbox{
  width: min(80.7692307692vw, 1050px);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .about .about-judge .about-judge__contactbox {
    width: 80vw;
  }
}
.about .about-judge .about-judge__ttl{
  position: relative;
  margin-top: min(7.6923076923vw, 67px);
  margin-bottom: min(3.0769230769vw, 24px);
}
@media screen and (max-width: 640px) {
  .about .about-judge .about-judge__ttl {
    margin-top: 10.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.about .about-judge__ttl p{
font-size: min(2.3076923077vw, 30px);
  font-weight: 500;
  line-height: 1.1666666667;
  letter-spacing: -0.027em;
  color: #007749;
  background-color: #fff;
  text-align: center;
  width: min(19.2307692308vw, 250px);
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 640px) {
  .about .about-judge__ttl p{
    font-size: 5.3333333333vw;
    width: 37.333333333333336vw;
  }
}
.about .about-judge .about-judge__ttl::before {
  content: "";
  background-color: #D7D7D7;
  width: min(80.7692307692vw, 1050px);
  height: 2px;
  position: absolute;
  top: min(1.3846153846vw, 18px);
  left: 0;
}
@media screen and (max-width: 640px) {
  .about .about-judge .about-judge__ttl::before {
    width: 80vw;
    top: 3.2vw;
  }
}
.about .about-judge .about-judge__contact p{
  font-size: min(1.5384615384615385vw, 20px); 
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .about .about-judge .about-judge__contact p {
    font-size: min(3.7333333333vw, 28px);
    line-height: 1.43;
  }
}

.about .about-judge .about-judge__contact__txt-first{
  margin-bottom: min(2.307692307692308vw, 30px);
}
@media screen and (max-width: 640px) {
  .about .about-judge .about-judge__contact__txt-first {
      margin-bottom: min(5.333333333333334vw, 40px);
  }
}


.about .about-judge__inquiry {
  margin: 0 auto;
  width: min(80.7692307692vw, 1050px);
}
.about .about-judge__footer {
  max-width: 1300px;
  border-top: 5px solid #00FF00;
}
.about .about-judge__footer::before {
  position: absolute;
  top: 86%;
  left: -4%;
  width: 3.9230769231vw;
  height: 66.0769230769vw;
  max-width: 59px;
  max-height: 859px;
  background: url(../img/logo-tate.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  content: "";
}
@media screen and (max-width: 640px) {
  .about .about-judge__footer::before {
    left: -5%;
    top: 63%;
  }
}
/* judge */
.about .fadein {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

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

@media screen and (max-width: 640px) {
  .pcD {
    display: none;
  }
}

/*　動き */
.js-action {
  transition-property: opacity, transform;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(0, 0.295, 0.5, 1);
  opacity: 0;
}
.js-action.delay {
  transition-delay: 0;
}
.js-action.show {
  opacity: 1;
  transform: translate(0, -50px);
}

.slideup {
  opacity: 0;
  transform: translate(0, 3rem);
}

.slideleft {
  opacity: 0;
  transform: translate(-200px, 0);
}

.slideright {
  opacity: 0;
  transform: translate(200px, 0);
}

/* contents いったん移動　*/
.lp_main {
  background: linear-gradient(#07be66 0%, #007749 100%);
}
.lp_main.kv-back {
  background: linear-gradient(#07be66 0%, #07be66 51.29%, #07be66 100%);
}
@media screen and (max-width: 640px) {
  .lp_main.kv-back {
    height: 230.6666666667vw;
  }
}

.cco {
  position: relative;
}
.cco_ttl {
  margin: 0 auto;
  width: 546px;
}
@media screen and (max-width: 640px) {
  .cco_ttl {
    /* width: min(72.8vw, 546px); */
    width: min(49.2vw, 369px);
  }
}
.cco .cco_container {
  display: flex;
  background-color: #FFFFFF;
  margin: 0 auto min(6.1538461538vw, 80px);
  gap: min(5.6923076923vw, 74px);
  width: min(100vw, 1300px);
  border-bottom: 5px solid #00FF00;
}
@media screen and (max-width: 640px) {
  .cco .cco_container {
    flex-direction: column;
    gap: min(4.6666666667vw, 35px);
    width: min(86.6666666667vw, 650px);
    margin: 0 auto min(10.6666666667vw, 80px);
  }
}
.cco .cco_box_img {
  display: flex;
  flex-direction: column;
  gap: min(1.6153846154vw, 21px);
  width: min(50vw, 650px);
}
@media screen and (max-width: 640px) {
  .cco .cco_box_img {
    width: min(86.6666666667vw, 650px);
  }
}
.cco .cco_box_img .cco_name {
  width: min(46.1538461538vw, 600px);
  margin-left: auto;
}
@media screen and (max-width: 640px) {
  .cco .cco_box_img .cco_name {
    width: min(56.8vw, 426px);
    margin-right: auto;
    margin-left: 0;
    padding-left: min(3.3333333333vw, 25px);
  }
}
.cco .cco_box_txt {
  width: min(40.4615384615vw, 526px);
  margin: min(4.923076923076923vw, 64px) min(3.8461538461538463vw, 50px) min(3.0769230769vw, 40px) 0;
}
@media screen and (max-width: 640px) {
  .cco .cco_box_txt {
    width: min(80vw, 600px);
    margin: 0 auto min(10vw, 75px);
  }
}
.cco .cco_box_txt p {
  font-size: min(2.3076923077vw, 30px);
  font-weight: 600;
  line-height: 1.8;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .cco .cco_box_txt p {
    font-size: min(3.7333333333vw, 28px);
  }
}
.cco .cco_box_txt .cco_box_txt_sign {
  margin-top: min(3.5384615385vw, 46px);
  text-align: right;
}
@media screen and (max-width: 640px) {
  .cco .cco_box_txt .cco_box_txt_sign {
    width: 54.9333333333vw;
    margin-top: min(5.4666666667vw, 41px);
    margin-right: 0;
    margin-left: auto;
  }
}

/* *****************************  2024 award   ************************* */
.past_awards {
  position: relative;
}
.past_awards_ttl {
  margin: 0 auto;
  width: 378px;
}
@media screen and (max-width: 640px) {
  .past_awards_ttl {
    width: min(49.2vw, 369px);
  }
}

.past_awards .cco_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FFFFFF;
  margin: 0 auto min(6.1538461538vw, 80px);
  width: min(100vw, 1300px);
  border-bottom: 5px solid #00FF00;
}
@media screen and (max-width: 640px) {
  .past_awards .cco_container {
    flex-direction: column;
    width: min(86.6666666667vw, 650px);
    margin: 0 auto min(10.6666666667vw, 80px);
  }
}

.past_awards .about-exp02{
  display: none;
}

.past_awards .about-exp02.show {
  display: block;
  margin: 0 auto min(6vw, 78px);
  gap: min(5.6923076923vw, 74px);
  width: min(100vw, 1300px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp02.show {
    width: min(86.6666666667vw, 650px);
    margin: 0 auto min(10.6666666667vw, 80px);
  }
}


/* ****  ボタンデザイン　開始　　********** */
.past_awards .past_awards_btn {
  margin: 56px auto;
  width: 316px;
  background-color: #007749;
  padding: 15px 58px 13px 59px;
  border: 1px solid #00FF00;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .past_awards .past_awards_btn{
    margin: min(7.291666666666667vw, 56px)  min(3.2552083333333335vw, 25px);
    width: min(78.125vw, 600px);
    padding-inline: min(24.479166666666664vw, 188px);
    padding-block: min(3.2552083333333335vw, 25px) min(2.213541666666667vw, 17px);
  }
}

.past_awards .past_awards_btn::before,
.past_awards_btn::after {
  display: inline-block;
  content: "";
  width: 20px;
  height: 2px;
  background-color: #00FF00;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s;
}
@media screen and (max-width: 640px) {
  .past_awards .past_awards_btn::before,
.past_awards_btn::after{
  width: min(4.6875vw, 36px);
  }
}

.past_awards .past_awards_btn::after {
  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.3s;
}



/*  ******  ボタン　クリック時のデザイン ******** */
.past_awards .past_awards_btn.show::before{
  opacity: 0;
}

.past_awards .past_awards_btn.show::after{
  transform: translateY(-50%) rotate(180deg);
}

/*  ***********  ボタン　クリック時のデザイン　終了 ********* */


.past_awards .past_awards_btn p{
  color: #ffffff;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .past_awards .past_awards_btn p{
  font-size: 3.6vw;
  }
}

/* **********  ボタンデザイン　終了　　******************* */

/* **********  授賞式　開始　　******************* */
/* 大枠のデザイン */
.past_awards .about-exp__ttl {
  font-size: min(2.3076923077vw, 30px);
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp__ttl {
    font-size: 5.2vw;
    font-weight: 600;
    line-height: 1.35;
  }
}

.past_awards .about-exp__ttl,
.about-exp__txt,
.about-reports,
.about-reports__box,
.about-prize,
.about-overall,
.past_awards_judge__inner {
  padding: 0 min(19.2307692308vw, 250px);
}

@media screen and (max-width: 640px) {
  .past_awards .about-exp__ttl,
  .about-exp__txt,
  .about-reports,
  .about-reports__box,
  .about-prize,
  .about-overall,
  .past_awards_judge__inner {
    padding: 0 3.3333333333vw;

  }
}


/* コンテンツのデザイン */
.past_awards .about-exp__ttl::after {
  content: "";
  background-color: #00FF00;
  width: min(23.8461538462vw, 310px);
  height: min(0.3846153846vw, 5px);
  position: absolute;
  bottom: min(-0.6153846154vw, -8px);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp__ttl::after {
    width: 41.3333333333vw;
    height: 0.6666666667vw;
    bottom: -2.1333333333vw;
  }
}
.past_awards .about-exp__txt {
  font-size: min(1.2307692308vw, 16px);
  font-weight: 300;
  line-height: 1.8;
  text-align: center;
  margin-top: min(3.4615384615vw, 45px);
  text-align: left;
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp__txt {
    font-size: 3.2vw;
    line-height: 1.8666666667;
    margin-top: 8.1333333333vw;
  }
}
.past_awards .about-exp .about-reports {
  display: flex;
  gap: min(2.7692307692vw, 36px);
  margin-top: min(4.0769230769vw, 53px);
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-reports {
    flex-direction: column;
    gap: 4.2666666667vw;
    margin-top: 4.2666666667vw;
  }
}
.past_awards .about-exp .about-reports__img {
  width: min(29.2307692308vw, 380px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-reports__img {
    width: 80vw;
  }
}
.past_awards .about-exp .about-reports__box {
  display: flex;
  justify-content: center;
  gap: min(3.0769230769vw, 40px);
  margin-top: min(2.6153846154vw, 34px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-reports__box {
    justify-content: left;
    flex-wrap: wrap;
    gap: 5.8666666667vw;
    margin-top: 4.2666666667vw;
  }
}
.past_awards .about-exp .about-reports__box__img {
  width: min(18.4615384615vw, 240px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-reports__box__img {
    width: 37.0666666667vw;
  }
}
.past_awards .about-exp .about-prize {
  margin-top: min(6.1538461538vw, 80px);
  position: relative;
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-prize {
    margin-top: 10.6666666667vw;
  }
}

.past_awards .about-exp .about-prize::before {
  content: "";
  position: absolute;
  top: 129%;
  left: -5%;
  width: 3.9230769231vw;
  height: 66.0769230769vw;
  max-width: 59px;
  max-height: 859px;
  background: url(../img/logo-tate.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}

@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-prize::before {
    top: -10%;
  }
}

.past_awards .about-exp .about-prize__box {
  display: flex;
  justify-content: center;
  align-items: end;
  gap: min(3.0769230769vw, 40px);
  margin-top: min(3.6923076923vw, 48px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-prize__box {
    flex-direction: column;
    justify-content: center;
    margin-top: 7.4666666667vw;
    gap: 3.2vw;
  }
}
.past_awards .about-exp .about-prize__box__text {
  width: min(29.2307692308vw, 380px);
  position: relative;
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-prize__box__text {
    width: 80vw;
  }
}
.past_awards .about-exp .about-prize__box__text__ttl {
  color: #007749;
  font-size: min(2vw, 26px);
  font-weight: 600;
  line-height: 1.1153846154;
  margin-top: min(0.2307692308vw, 3px);
  margin-left: min(3.3846153846vw, 44px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-prize__box__text__ttl {
    font-size: 5.3333333333vw;
    margin-left: 5.8666666667vw;
  }
}
.past_awards .about-exp .about-prize__box__text__ttl::before {
  content: "";
  background-color: #007749;
  width: min(1.5384615385vw, 20px);
  height: min(4.9230769231vw, 64px);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-prize__box__text__ttl::before {
    width: 2.6666666667vw;
    height: 12.1333333333vw;
  }
}
.past_awards .about-exp .about-prize__box__text__name {
  color: #1E1E1E;
  font-size: min(1.6923076923vw, 22px);
  font-weight: 600;
  line-height: 1.3181818182;
  margin-left: min(3.3846153846vw, 44px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-prize__box__text__name {
    font-size: 3.7333333333vw;
    margin-left: 5.8666666667vw;
  }
}
.past_awards .about-exp .about-prize__box__text__p {
  color: #000;
  font-size: min(1.2307692308vw, 16px);
  font-weight: 300;
  line-height: 1.5;
  margin-top: min(1.0769230769vw, 14px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-prize__box__text__p {
    font-size: 3.2vw;
    margin-top: 3.2vw;
  }
}
.past_awards .about-exp .about-prize__box__img {
  width: min(29.2307692308vw, 380px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-prize__box__img {
    width: 80vw;
  }
}
.past_awards .about-exp .about-overall__inner {
  margin-top: min(6.1538461538vw, 80px);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-overall__inner {
    margin-top: 10.6666666667vw;
  }
}
.past_awards .about-exp .about-overall__ttl {
  color: #007749;
  font-size: min(2.3076923077vw, 30px);
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-overall__ttl {
    font-size: 5.3333333333vw;
  }
}
.past_awards .about-exp .about-overall__ttl::after {
  content: "";
  background-color: #00FF00;
  width: min(23.8461538462vw, 310px);
  height: min(0.3846153846vw, 5px);
  position: absolute;
  top: min(3.0769230769vw, 40px);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-overall__ttl::after {
    width: 41.3333333333vw;
    height: 0.6666666667vw;
    top: 5.3333333333vw;
  }
}
.past_awards .about-exp .about-overall__name {
  color: #1E1E1E;
  font-size: min(1.8461538462vw, 24px);
  font-weight: 600;
  line-height: 1.25;
  margin-top: min(3.4615384615vw, 45px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-overall__name {
    font-size: 3.7333333333vw;
    margin-top: 8.1333333333vw;
  }
}
.past_awards .about-exp .about-overall__company {
  color: #1E1E1E;
  font-size: min(1.5384615385vw, 20px);
  font-weight: 300;
  line-height: 1.5;
  margin-top: min(0.7692307692vw, 10px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-overall__company {
    font-size: 3.2vw;
    margin-top: 0.6666666667vw;
  }
}
.past_awards .about-exp .about-overall__text {
  color: #000;
  font-size: min(1.2307692308vw, 16px);
  font-weight: 300;
  line-height: 1.5;
  margin-top: min(24.6153846154vw, 32px);
  text-align: left;
}
@media screen and (max-width: 640px) {
  .past_awards .about-exp .about-overall__text {
    font-size: 3.2vw;
    margin-top: 5.3333333333vw;
  }
}
/* **********  授賞式　終了　　******************* */

/* **********  選考委員　開始　　******************* */

.past_awards .about-judge {
  margin-top: min(7.3846153846vw, 96px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge {
    margin-top: min(10.6666666667vw, 80px);
  }
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge .about-judge__inner {
    transform: translate(0, 0);
    padding-bottom: 11.3333333333vw;
  }
}
.past_awards .about-judge__subttl {
  width: min(54vw, 702px);
  margin-bottom: min(4.3076923077vw, 57px);
  margin-top: min(6.153846153846154vw, 80px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__subttl {
    width: min(51.8666666667vw, 389px);
    margin-bottom: min(11.4666666667vw, 86px);
    margin-top: min(19.3333333333vw, 80px);
  }
}
.past_awards .about-judge__container {
  display: block;
  margin: 0 auto;
  width: min(50vw, 650px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__container {
    width: min(69.6vw, 522px);
  }
}
.past_awards .about-judge__box {
  display: flex;
  flex-direction: column;
  gap: min(5.5384615385vw, 56px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__box {
    gap: min(8vw, 60px);
  }
}
.past_awards .about-judge__top {
  display: flex;
  align-items: center;
  gap: min(4.3076923077vw, 56px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__top {
    gap: min(5.3333333333vw, 40px);
  }
}
.past_awards .about-judge__top-txt {
  width: min(24.2307692308vw, 315px);
  font-weight: 600;
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__top-txt {
    width: min(26.6666666667vw, 200px);
  }
}
.past_awards .about-judge__top img {
  width: min(21.6923076923vw, 282px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__top img {
    width: min(37.6vw, 282px);
  }
}
.past_awards .about-judge__txt-L {
  display: inline-block;
  font-size: min(2.4615384615vw, 32px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  margin-bottom: min(1.2307692308vw, 16px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__txt-L {
    font-size: min(4.8vw, 36px);
  }
}
.past_awards .about-judge__txt-hiromi {
  display: inline-block;
  font-size: min(2.1538461538vw, 28px);
  font-weight: 600;
  line-height: 1.25;
  text-indent: 0.93;
  margin-bottom: min(0.6153846154vw, 8px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__txt-hiromi {
    font-size: min(4.2666666667vw, 32px);
  }
}
.past_awards .about-judge__txt-M {
  display: inline-block;
  font-size: min(1.8461538462vw, 24px); 
  font-weight: 600;
  line-height: 1.25;
  text-indent: 0.93;
  margin-bottom: min(0.6153846154vw, 8px);
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__txt-M {
    font-size: min(3.7333333333vw, 28px);
  }
}
.past_awards .about-judge__txt-S {
  display: inline-block;
  font-size: min(1.5384615385vw, 20px);
  font-weight: 300;
  line-height: 1.5;
  text-indent: 1.5;
}
@media screen and (max-width: 640px) {
  .past_awards .about-judge__txt-S {
    font-size: min(3.2vw, 24px);
  }
}


/*  ***  選考委員　内容 終了　**** */