@charset "utf-8";
/* -----------------------------------------------------------
    PC時微調整
----------------------------------------------------------- */

@media screen and (min-width:1560px) {
  .people-section-01 .list-layout-04{
    margin-bottom: 4rem;
  }
  .job-section-01 .inner-1300{
    background-size: 60%;
  }
}

@media screen and (max-width:1690px) {
  .cross-talk-section-01 .img{
    bottom: -7rem;
  }
}

@media screen and (max-width:1642px) {
  .list-layout-04 > :nth-of-type(2){
    margin-left: 2rem;
  }
}
@media screen and (max-width:1610px) {
  .cross-talk-section-01 .img{
    bottom: -9rem;
  }
}
@media screen and (max-width:1560px) {
  .people-section-01 .list-layout-04{
    row-gap: 3rem;
    padding-bottom: 0rem;
    align-items: end;
  }
  .job-section-01 .inner-1300{
    background-size: 65%;
  }

  .people-section-01 .list-layout-04 .en-title{
    margin-bottom: 0rem;
    font-size: 4rem;
  }

  .list-layout-04 .ja-title{
    font-size: 2rem;
  }

  .people-section-01 .list-layout-04 > li:first-of-type .ja-title-wrap{
    position: unset;
    width: 100%;
  }
  .people-section-01 .small-display{
    display: block;
  }
  .people-section-01 .big-display{
    display: none;
  }
  .culture-section-01 .flex-layout-01{
    padding: 0 2%;
  }
  .culture-section-01 .flex-layout-01.list-item-03{
    padding-top: 8rem;
  }
}
@media screen and (max-width:1450px) {

  .flex-layout-05.flex {
    gap: 3rem;
  }
  .flex-layout-05 .flex-layout-05-content-dt .time{
    font-size: 3.6rem;
  }
  .flex-layout-05 .flex-layout-05-content-dt .action{
    font-size: 1.8rem;
  }

  .flex-layout-05-figure {
    margin-top: 4.0rem;
  }

  .flex-layout-05 .flex-layout-05-left {
    margin-right: 0;
  }

  #people .people-article-01 .inner-1500 {
    padding-right: 0;
  }

  .list-layout-05.grid {
    display: block;
  }

  .list-layout-05 > li + li {
    margin-top: 8.0rem;
  }

  .grid-layout-item-03 {
    left: 0;
  }

  .cross-talk-section-01 .img{
    bottom: -6rem;
    margin-bottom: 9rem;
  }
  .cross-talk-section-01.lower-fv-01 .en-title{
    font-size: 6rem;
  }
  .cross-talk-section-01.lower-fv-01 .ja-title{
    font-size: 2.4rem;
  }
  .cross-talk-section-01.lower-fv-01 .lead-text{
    font-size: 1.5rem;
  }

  #fresh .dl-layout-02 .dd .dd-text{
    padding-right: 0;
  }
  .list-layout-08 .block .img.img01{
    width: 50%;
    right: -5%;
  }
}


@media screen and (max-width:1380px) {
  .dl-layout-01 .dd .img{
    text-align: center;
  }
  .dl-layout-01 .dd .img img{
    width:80%;
  }
  .people-section-01 .list-layout-04 .en-title{
    font-size: 3.2rem;
  }
  .list-layout-04 .number{
    font-size: 5rem;
  }
  .people-section-02.narrow-area{
    width: 90%;
  }
}

@media screen and (max-width:1350px) {
  .support-fv img{
    margin-top: 6rem;
  }
  .list-layout-08 .title#anchor02,
  .list-layout-08 .title#anchor03,
  .list-layout-08 .title#anchor04{
  left: 0;
  }
  .list-layout-08 .block .img.img01{
    right: 0;
    width: 65%;
    top: 2rem;
  }
  .list-layout-08 .block .img.img03{
    right: 0;
  }
}

@media screen and (max-width:1300px) {

  .list-layout-10 li .title{
    font-size: 2.2rem;
  }

  .list-layout-10 .one{
    width: 49%;
  }
  .list-layout-10 .two {
    width: 49%;
    margin-top: -12rem;
  }
  .list-layout-10 .three {
    margin-top: 5.0rem;
  }
  .career-section-02 .inner-1500 .d-block.absolute{
    bottom: 70px;
  }
  .career-section-03 .inner-1200 {
    margin-top: -18rem;
  }
  .career-section-02 .inner-1500{
    padding-bottom: 30rem;
  }
  .career-section-02 .inner-1500 .list-layout-10{
    top: 5rem;
  }
  .job-section-01 .inner-1300{
    background-size: 65%;
  }
}
@media screen and (max-width:1285px) {
  #fresh .list-layout-07 > li{
    width: 250px;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .fresh-section-02 .list-layout-07 .title{
    font-size: 2.4rem;
  }
}
@media screen and (max-width:1280px) {
  .dl-layout-02 .dt{
    margin-right: 3rem;
  }
  .dl-layout-02 .dd {
    width: calc(100% - 16rem);
  }
  #career .career-section-01 img{
    height: 550px;
    object-fit: cover;
    width: 100%;
    object-position: bottom;
  }
  .culture-section-fv img {
    width: 80%;
  }
  .culture-section-01 .flex-layout-01.list-item-02{
    margin-top: 1rem;
  }
  .culture-section-01 .flex-layout-01.list-item-04{
    padding-bottom: 3rem;
  }
  .flex-layout-01.list-item-04 .left.img{
    top: -3rem;
  }
  .list-layout-04 .discription{
    font-size: 1.6rem;
  }
  .project-section-03 .block:nth-of-type(1) .border-text.back{
    left: 45%;
  }
  .project-section-03 .block:nth-of-type(2) .border-text{
    left: 50%;
  }
  .project-section-03 .block:nth-of-type(2) .border-text.back{
    left: 53%;
  }
}

@media screen and (min-width:1265px) {
  .modalnav .nav-content{
    min-width: 860px;
  }
}

@media screen and (max-width:1264px) {

  .people-section-02 .dl-wrap-01{
    flex-direction: column;
  }

  .people-section-04 .dl-wrap-01{
    flex-direction: column-reverse;
  }

  .flex-layout-04 .dl-wrap-01 .dl-title {
    text-align: center;
    margin-right: 0;
    margin-top: 1.5rem;
  }

  .flex-layout-04 .dl-wrap-01 .dl-text {
    margin: 6.0rem auto 0;
  }
  #people .flex-layout-04 .dl-wrap-01 .dl-text {
    margin-top: 1rem;
  }

  .flex-layout-04 .interview-title{
    font-size: 3.2rem;
  }

  .people-section-04 .dl-text-dt {
    margin-bottom: 2.0rem;
  }

  .people-section-04 .right {
    margin-left: 0;
  }

  .cross-talk-section-01.lower-fv-01 .en-title{
    font-size: 5rem;
  }

  .modalnav .nav-content{
    padding-left: 4%;
    width: 67%;
  }
  .modalnav .nav_head{
    position: absolute;
    left: auto;
    right: 0;
    z-index: -1;
  }
  .job-section-01 .inner-1300{
    padding-top: 35rem;
  }
  .flex-layout-01.list-item-05{
    padding-bottom: 3rem;
  }
}

@media screen and (max-width:1240px) {
  .number-section-03 .number-max{
    font-size: 6rem;
  }
  .number-section-03 .unit{
    font-size: 3rem;
  }
  .number-section-03 .number{
    font-size: 6rem;
  }
  .number-section-03 .number-block_07 .d-block{
    font-size: 2rem;
  }
  .number-section-03 .number-block_07 .left .block{
    width: 126px;
  }
  /* .number-section-03 .number-block_04 .d-block{
    font-size: 2rem;
  } */
  .number-section-03 .number-block_07,
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-4per{
    min-height: 350px;
  }
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-4per.number-block_04{
    min-height: 400px;
  }
  .number-block_04 .left .number{
    font-size: 9rem;
  }
  .number-block_04 .d-block{
    font-size: 2rem;
  }
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-4per{
    min-width: 253px; 
  }
  #job .flex-layout-04.flex.job-section-02,
  #job .flex-layout-04.flex.job-section-03,
  #job .flex-layout-04.flex.job-section-04 {
    display: block;
  }
  #job .flex-layout-04.flex.job-section-02 .left .en-title,
  #job .flex-layout-04.flex.job-section-03 .left .en-title,
  #job .flex-layout-04.flex.job-section-04 .left .en-title{
    display: none;
  }
  #design.job-article-02 .white-op-bg{
    top: 410px;
    height: 63%;
  }
  #job #design .dl-wrap-01{
    width: 100%;
  }
}

@media screen and (max-width:1230px) {
  .graph-circle{
    width: 100%;
  }
  .number-section-02 .dl-layout-01 .right{
    gap: 3rem;
  }
  .fresh-section-03 {
    margin-top: 3rem;
  }
  .fresh-section-03 .title {
    margin-bottom: 2rem;
  }
  .fresh-section-04{
    margin-top: 5rem;
  }
}


@media screen and (max-width:1210px) {
  .cross-talk-section-01 .img {
    bottom: -6rem;
  }
  .project-section-03 .border-text{
    left: auto;
    transform: none;
  }
  .project-section-03 .block:nth-of-type(1) .border-text.back{
    left: auto;
    margin-left: auto;
  }
  .project-section-03 .block:nth-of-type(2) .border-text{
    left: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .project-section-03 .block:nth-of-type(2) .border-text.back{
    left: auto;
    margin-left: auto;
    margin-right: 0;
  }
  .project-section-03 .block:nth-of-type(6) .border-text{
    left: auto;
    margin-left: auto;
  }
  .list-layout-04 .discription{
    font-size: 1.4rem;
  }
}
@media screen and (max-width:1190px) {
  .people-section-01 .list-layout-04 > li:first-of-type .ja-title-wrap{
    align-items: center;
  }
  .people-section-01 .list-layout-04 > li:first-of-type{
    align-items: flex-end;
  }
}
@media screen and (max-width:1180px) {
  .flex-layout-01.list-item-04 .left.img{
    top: 0rem;
    margin: 0 auto;
    width: 70%;
  }
  .flex-layout-01.list-item-01 .right.img{
    top: 0rem;
    margin: 0 auto;
    width: 70%;
    right: 0;
  }
  .flex-layout-01.list-item-02 .left.img{
    margin: 0 auto;
    width: 70%;
  }
  .top-message-about-section .flex-layout-01 .right.img{
    width: fit-content;
    margin: 0;
  }
  .flex-layout-01 .right.img{
    top: 0rem;
    margin: 0 auto;
    width: 70%;
  }
  .flex-layout-01.list-item-03 .right.img{
    margin-top: 1rem;
  }
  .culture-section-01 .flex-layout-01.list-item-04{
    padding-bottom: 3rem;
  }

}

@media screen and (max-width:1170px) {
  .job-section-01 .inner-1300{
    padding-top: 33rem;
  }
  .cross-talk-section-01 .img {
    bottom: -7rem;
  }
  .list-layout-04 .number{
    font-size: 4.2rem;
    margin-right: 0.5rem;
  }
  .culture-section-01 h1 img{
    max-width: 100%;
  }
}

@media screen and (max-width:1160px) {
  .number-block_04 .left .number{
    font-size: 6rem;
  }
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-4per.number-block_04,
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-6per.number-block_05
  {
    min-height: 350px;
  }
  .dl-layout-01 .number-block_04 .left{
    min-width: 260px;
  }
}

@media screen and (max-width:1150px) {
  .flex-layout-04 .left .hexagon {
  width: 158px;
  }
  #job .flex-layout-04 .left .hexagon .ja-title{
    font-size: 1.5rem;
  }
  .flex-layout-04 .left .ja-title{
    font-size: 1.8rem;
  }
  .people-article-01 .flex-layout-04 .left .hexagon .center.pattern-01{
    min-width: 90px;
  }
  .cross-talk-anchor-section .flex-box-04 .box .title .f-size-21{
    font-size: 1.8rem;
  }

}

@media screen and (max-width:1100px) {

  .top-people-section .list-layout-02 > li{
    margin-top: 4rem;
  }

  .top-people-section .list-layout-02{
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .top-people-section .list-layout-02.four > li{
    width: 48%;
  }
}

@media screen and (max-width:1090px) {
  .graph-circle{
    height: 300px;
  }
}

/* -----------------------------------------------------------
    タブレット・スマホ時
----------------------------------------------------------- */
@media screen and (max-width: 1070px) {
  .cross-talk-section-01 .img {
    bottom: -10rem;
    margin-bottom: 15rem;
  }
  .top-message-about-section .flex-layout-01 .text {
    min-width: auto;
  }
  .flex-layout-01 .text {
    min-width: 473px;
    padding-right:0;
  }
  .project-section-03 .full-img.img-1080{
    margin-left: auto;
    margin-right: auto;
  }

}
@media screen and (max-width: 1060px) {
  .column_1060{
    flex-direction: column;
  }
  .column_1060 .w-100-btn-02.btn-mt-60{
    margin-top: 0;
  }
  .dl-layout-02 .row.flex {
    display: block;
  }
  .dl-layout-02 .row {
    padding-left: 2%;
    padding-right: 2%;
  }

  .dl-layout-02 .dt {
    margin-right: 0;
    margin-bottom: 1.0rem;
    width: 100%;
  }

  .dl-layout-02 .dd {
    width: 100%;
    margin-left: 0;
  }

  .dl-layout-02 .table-01 th,
  .dl-layout-02 .table-01 td{
    display: block;
    width: 100%;
  }

  .dl-layout-02 .table-01 td .pc-none{
    display: inline-block;
  }
  
  .dl-layout-02 .table-01 thead{
    display: none;
  }  
  .dl-layout-02 .table-01 tr{
    display: block;
    margin-bottom: 3rem;
  }
  .dl-layout-02 .table-01 tr:last-of-type{
    margin-bottom: 0;
  }
  .modalnav .nav-content .indent{
    flex-direction: column;
    display: flex;
  }
  .top-message-about-section .flex-layout-01:nth-of-type(2) .text p{
    padding-right: 0;
  }
  .top-job-introduction-section .list-layout-01 > li{
    width: 100%;
    height: 100%;
  }

  #fresh .dl-layout-02 .dd .dd-text,
  #career .dl-layout-02 .dd .dd-text{
    margin-left: 1.5rem;
  }
}

@media screen and (max-width:1050px) {
  .pc-only {
    display: none;
  }

  .pc-none,
  .tablet-only {
    display: block;
  }
  .people-section-03 .pc-only-txt{
    display: flex;
    align-items: center;
  }
  #culture .flex-layout-01 .text{
    max-width: 379px;
  }

  .list-layout-04 > :not(:first-child){
    display: none;
  }

  .flex-layout-04 .left .hexagon .center.pattern-01 .number{
    font-size: 1.8rem;
  }

  .flex-layout-04 .left .hexagon{
    width: 125px;
  }
  .people-section-04 .dl-text .dl-text-dt{margin-bottom: 0;}
  .people-section-04 .hexagon{
    position: relative;
    z-index: 1;
    aspect-ratio: 100 / 86.6;
    clip-path: polygon(25% 0%, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);
    width: 125px;
    margin-right: 3rem;
  }
  .people-section-04 .hexagon-wrapper{margin-bottom: 2rem;}
  #job .flex-layout-04 .left .hexagon{
    width: 160px;
  }

  .flex-layout-04 .left {
    padding-right: 0;
    display: flex;
    gap: 3rem;
    margin-bottom: 3rem;
  }
  .flex-layout-04 .left .mt-40{
    margin-top: 0;
  }

  .flex-layout-04 .right .main-visual{
    margin-top: -1rem;
    margin-bottom: 2rem;
  }

  .flex-layout-04.flex {
    display: block;
  }
  .people-section-04.flex-layout-04.flex{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }


  .job-section-03 .dl-wrap-01 .white-op-bg{
    width: 84vw;
  }

  #job .article-wrap .job-article-01{
    padding:12rem 0;
    padding-top: 6rem;
  }

  #job .job-article-01 .bg.right{
    width: 100%;
    border-radius: 20px;
  }

  #job .article-wrap .job-article-02{
    padding:12rem 0;
    padding-top: 6rem;
  }

  #job .job-article-02 .bg.left{
    width: 100%;
    border-radius: 20px 20px 0 0;
  }

  #job .article-wrap .job-article-03{
    padding:12rem 0;
    padding-top: 6rem;
  }

  #job .job-article-03 .bg.right{
    width: 100%;
    border-radius: 20px 20px 0 0;
  }
  .job-section-01 .inner-1300 {
    padding-top: 30rem;
  }
  #job .dl-wrap-01{
    margin-top: 17rem;
  }
  .dl-wrap-01 .dl-paragraph{
    margin-top: 7rem;
  }
  #job .dl-wrap-01 .img-layout-01 {
    margin-top: -16rem;
  }

  .cross-talk-anchor-section .flex-box-04{
    gap: 0.5rem;
  }

  #design.job-article-02 .white-op-bg {
    top: 320px; 
    height: 70%;
    width: 100%;
    border-radius: 0;
  }
  
  .people-section-02.narrow-area{
    width: 100%;
  }
}
@media screen and (max-width:1024px) {

  main {
    margin-top: 88px;
    overflow: hidden;
  }

  .list-layout-02.flex {
    display: block;
  }

  .list-layout-02 > li {
    margin: 4.0rem auto 0 auto;
  }

  .list-layout-02-wrap .layer {
    height: calc(100% - 14.0rem);
  }

  .list-layout-02 > li {
    width: 320px !important;
  }
  .top-people-section .list-layout-02.four > li{
    width: 48%!important;
  }
  .top-people-section .list-layout-02{
    display: flex;
    justify-content: space-between;
  }

  .list-layout-02.two > li {
    width: 100%;
  }

  .flex-layout-03 .title {
    margin-bottom: 4.0rem;
  }

  .flex-layout-03 video {
    margin: 4.0rem auto 0;
  }

  #job .dl-wrap-01{
    margin-top: 13rem;
  }

  .flex-layout-04 .main-visual {
    margin-top: 6.0rem;
  }

  .flex-layout-06 .flex {
    display: block;
  }

  .flex-layout-06 .left {
    margin-right: 0;
  }

  .flex-layout-06 .title {
    min-width: 100%;
    margin-bottom: 12rem;
  }

  .flex-layout-06 .text {
    max-width: 100%;
  }

  .number-section-02 .dl-layout-01.flex {
    display: block;
  }

  .dl-layout-01 .left {
    margin-right: 0;
  }

  .dl-layout-01 .right {
    margin-top: 4.0rem;
  }

  .job-section-03 .dl-wrap-01 .white-op-bg {
    width: 100vw;
  }

  .section-wrap .dl-wrap-01.flex {
    display: block;
  }

  .dl-wrap-01 .dl-title-wrap {
    margin-right: 0;
  }

  #support .dl-wrap-01 .dl-title-wrap {
    margin-bottom: 4.0rem;
  }

  .dl-wrap-01 .dl-title {
    margin-right: 0;
  }

  .dl-wrap-01 .dl-title-description {
    margin-left: auto;
    margin-right: auto;
  }

  .dl-wrap-01 .dl-text-wrap {
    max-width: 100%;
  }

  .support-fv {
    padding-left: 4%;
    padding-top: 34.0rem;
  }

  #support .section-wrap-bg {
    /* background: url(../image/support/support_01_bg.png) repeat-y left center; */
    position: absolute;
    top: 0;
    left: 4%;
  }

  .list-layout-09.flex {
    display: block;
  }

  .list-layout-09 li + li {
    margin-top: 6.0rem;
  }

  .lower-fv-02 .en-title-01 {
    font-size: 10.9rem;
  }

  .lower-fv-02 .lower-fv-02-inner .rounded-title-02 {
    margin-top: 3.7rem;
  }

  .lower-fv-02 .en-title-02 {
    font-size: 11.0rem;
  }

  .lower-fv-02 .lower-fv-02-inner {
    padding-top: 8.0rem;
    padding-bottom: 8.0rem;
  }

  .dl-layout-04 .row.flex {
    display: block;
  }

  .dl-layout-04 .row .dt {
    margin-bottom: 2.0rem;
    gap: 0 1.0rem;
  }

  .dl-layout-04 .row .dd {
    padding-left: 0;
  }

  .fresh-section-02 .bg-img {
    margin-top: -7.0rem;
  }

  .job-section-05 .job-section-05-text{
    font-size: 2rem;
  }

  .job-section-05 .w-100-btn a{
    font-size: 2rem;
  }
  .job-section-01 .flex-box-03{
    flex-direction: column;
  }
  .job-section-01 .flex-box-03 .box p{
    max-width: 100%;
  }
  .job-section-01 .flex-box-03 .box{
    max-width: 100%;
  }

  .career-section-02 .circle-title{
    width: 20rem;
    height: 20rem;
  }
  .career-section-02 .circle-title h2{
    font-size: 2.4rem;
  }
  .list-layout-10 li .title{
    font-size: 1.8rem;
  }
  .fresh-section-02 .list-layout-07 > li .inner{
    padding: 0 2rem;
  }
  .section-wrap .dl-wrap-01.flex {
    display: flex;
  }
  #support .lower-fv-01 .en-title{
    font-size: 3rem;
  }
  #support .lower-fv-01 .ja-title{
    font-size: 2rem;
  }
  #support .lower-fv-01 .en-title br{
    display: none;
  }
  #support .lower-fv-01 .en-title-ja-title-wrap .lead-text{
    font-size: 1.6rem;
    font-weight: normal;
  }
  .support-fv{
    padding-top: 8rem;
  }
  .lower-fv-02 .en-title-01{
    font-size: 8rem;
  }
  .lower-fv-02 .lower-fv-02-inner .ja-title-01{
    font-size: 5rem;
  }
  .number-section-02 .dl-layout-01.flex {
    display: flex;
  }
  .dl-layout-01 .right{
    margin-top:0;
  }
  .number-section-02 .right .dt span{
    display: block;
  }
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-one-third{
    width: 100%
  }
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-4per{
    min-width: 100%;
    width: 100%;
    min-height: auto;
  }
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-4per.number-block_04, 
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-6per.number-block_05{
    min-width: 100%;
    width: 100%;
    min-height: auto;
  }
  .number-section-03 .number-block_07{
    min-height: auto;
  }
  .number-section-03 .dl-layout-01 .number-block_06{
    padding: 2rem;
  }
  .number-section-03 .dl-layout-01 .dt-dd-wrap.w-6per{
    width: 100%;
  }
  .number-block_04 .dd .flex,
  .dl-layout-01 .number-block_06 .dd .flex{
    justify-content: center;
  }
  .number-section-03 .number-block_07 .left{
    min-width: 279px;
    width: 50%;
    gap: 1rem;
  }
  .number-section-03 .number-block_07 .dd .space-between{
    justify-content: center;
  }
  .dl-layout-01 .number-block_04 .left{
    min-width: auto;
  }

  #support .dl-wrap-01{
    flex-direction: column;
    gap: 0;
  }
  .dl-wrap-01 .dl-text-dt.rounded{
    max-width: 100%;
    min-width: 100%;
  }
  #support .dl-wrap-01 .dl-text-wrap {
    margin-bottom: 2rem;
  }
  .support-section-02 .dl-wrap-01 .dl-text-wrap,
  .support-section-03 .dl-wrap-01 .dl-text-wrap{
  width: 100%;
}
}

/* -----------------------------------------------------------
    スマホ時
----------------------------------------------------------- */
@media screen and (max-width:980px) {
  .cross-talk-section-01 .img {
    bottom: -12rem;
  }
  .culture-section-fv img {
    width: 100%;
  }
}
@media screen and (max-width:950px) {
  .top-job-introduction-section .list-layout-01 .center{
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .top-job-introduction-section .list-layout-01 .title{
    font-size: 2rem;
  }
  /* .flex-layout-01 .img {
    margin-top: 4.0rem;
    padding-right: 0;
  } */
  .flex-layout-03 .movie-wrap{
    width: 100%;
    margin: 0 auto;
  }
  .flex-layout-03 .movie-wrap:has(.movie-01),
  .flex-layout-03 .movie-wrap:has(.movie-02) {
    max-width: 80%;
  }
  .flex-layout-03 .movie-wrap.movie-wrap{
    margin-bottom: 4rem;
  }
  .flex-layout-01 {
    display: block;
  }
  .flex-layout-01 .text{
    min-width: 100%;
  }
  .flex-layout-01 img{
    width: 100%;
    max-width: 478px;
    margin-top: 2rem;
  }
  .top-support-numbers-section .flex-layout-01 img{
    max-width: none;
  }
  .top-support-numbers-section .flex-layout-01 .left{
    padding-right: 0;
  }

  .top-message-about-section .flex-layout-01 .right.img{
    width: 100%;
  }
  .top-message-about-section .img img{
    max-width: 100%;
  }
  .top-message-about-section .flex-layout-01 .left{
    padding-right: 0;
    margin-top: 0;
  }

  .top-project-story .figure{
    margin-top: 2rem;
  }

  .flex-layout-03.flex {
    display: block;
  }

  .lower-fv-01 .en-title-ja-title-wrap .bg-01{
    margin-right: 3%;
  }


  .top-movie-section .flex-layout-03{
    flex-wrap: wrap;
  }

  .flex-layout-03 .title{
    order: 1;
    width: 100%;
  }
  .flex-layout-03 .movie-wrap:has(.movie-01){
    order: 2;
  }
  .flex-layout-03 .movie-wrap:has(.movie-02){
    order: 3;
  }

  #culture .flex-layout-01 .text{
    max-width: 100%;
  }
  #culture .flex-layout-01 .text p{
    max-width: 100%;
  }
}

@media screen and (max-width:910px) {
  .number-section-02 .dl-layout-01.flex{
    flex-direction: column;
  }
  .number-section-02 .dl-layout-01 .left{
    width: 100%;
  }
  .number-section-02 .dl-layout-01 .right{
    width: 100%;
  }
  .number-section-02 .dl-layout-01 .dt{
    text-align: center;
  }
  .number-section-03 .dl-layout-01 .dt{
    text-align: center;
  }
  .dl-layout-01 .dd{
    text-align: center;
  }
  .number-section-02 .right .dt{
    font-size: 2rem;
  }

  .number-section-02 .right .dd{
    flex-direction: column;
    margin-top: 2rem;
  }
  .number-section-02 .right .dd .number,
  .number-section-02 .right .dd .number span{
    font-size: 3rem;
  }
}

@media screen and (max-width: 890px) {
  #fresh .list-layout-07 > li{
    width: 170px;
  }
  .fresh-section-02 .list-layout-07 .title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 885px) {
  #support .dl-wrap-01 .dl-title-wrap{
    min-width: fit-content;
  }
  .support-section-05 .inner-1000{
    padding: 3.5rem 3%;
  }
}
@media screen and (max-width:880px) {
  .cross-talk-section-01 .img {
    bottom: -13rem;
}
}
@media screen and (max-width:875px) {
  .job-section-01 .inner-1300 {
    background-size: 80%;
  }
}
@media screen and (max-width:850px) {
  .top-job-introduction-section .list-layout-01 .number{
    margin-left: 0;
  }

  .top-job-introduction-section .list-layout-01 .title{
    text-align: left;
  }
}
@media screen and (max-width:825px) {

  .fresh-entry-section-01, .career-entry-section-01{
    height: 5rem;
  }

}

@media screen and (max-width:767px) {

  .sp-only {
    display: block;
  }

  .tablet-only,
  .sp-none {
    display: none;
  }

  .f-size-60 {
    line-height: 1;
  }

  main {
    margin-top: 65px;
    overflow: hidden;
  }
  .page-header-area.fixed {
    padding: 2% 4%;
  }

  .page-header-area.fixed .header-logo a {
    width: 80%;
  }

  .page-footer-area {
    padding: 4.0rem 0 calc(4.0rem + 52px) 0;
  }

  .g-nav ul {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    gap: 0;
    background-color: #fff;
    z-index: 9998;
  }

  .g-nav ul li {
    width: 50%;
  }

  .g-nav ul li:first-of-type a {
    border-right: none;
  }

  .g-nav ul li a {
    text-align: center;
    padding: 15px 0;
  }

  .header-logo a {
    width: 80%;
  }

  .nav-content.flex {
    display: block;
  }

  .modalnav .nav-content{
    width: 100%;
    padding: 0 3%;
    padding-top: 8rem;
  }

  .modalnav .nav_head{
    width: 68%;
  }

  .modalnav.flex{
    flex-direction: column;
    gap: 3rem;
    padding-top: 2rem;
  }

  .modalnav .nav-content .left,
  .modalnav .nav-content .right {
    width: 100%;
  }

  .modalnav .nav-content .right{
    margin-top: 4rem;
  }

  .top-lead-section {
    margin-left: 2rem;
    width: 100%;
    padding-bottom: 8.0rem;
    font-size: 1.5rem;
    padding-right: 8%;
    padding-bottom: 0rem;
    padding-top: 4rem;
  }
  .top-culture-section .top-culture-text {
    margin-top: 2rem;
  }

  .top-lead-section p {
    line-height: 2.0;
  }

  .top-culture-section {
    padding-bottom: 6.0rem;
    margin-left: 2rem;
    width: 100%;
  }

  .top-culture-section img{
    width: 100%;
  }

  .top-culture-text{
    font-weight: 100;
    font-size: 1.7rem;
  }

  .top-project-story .figure .btn {
    bottom: 2.0rem;
  }

  .top-culture-section .btn{
    width: 155px;
  }

  .top-culture-section .btn a .btn-text, 
  .top-culture-section .btn a .btn-text-hover{
    width: 153px;
    padding-left: 2rem;
  }

  .top-people-section .list-layout-02.four > li{
    width: 70%!important;
  }

  .top-people-section{
    background: var(--gray-color-05);
    padding-top: 4rem;
    margin-top: 4rem;
  }

  .top-people-section .list-layout-02 > li{
    margin-top: 2rem;
  }

  .flex-layout-01.pb{
    padding-bottom: 2rem;
  }
  .flex-layout-01.pt{
    padding-top: 4rem;
  }
  .top-message-about-section .img img{
    margin-top: 1rem;
  }
  .top-project-story .figure{
    margin-top: 1rem;
  }
  .top-support-numbers-section .flex-layout-01 .right.img{
    width: 50%;
  }
  .top-support-numbers-section .flex-layout-01 .left.img{
    text-align: center;
  }

  .top-support-numbers-section .flex-layout-01 img{
    margin-top: 0;
  }
  .top-support-numbers-section .flex-layout-01 .img {
    margin-top: 1rem;
  }

  .about-us-section-03 .img{
    margin-top: 3rem;
  }
  .about-us-section-02 .img-layout-02 {
    margin-top: 3rem;
  }

  #culture .flex-layout-01 .text {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    min-width: 100%;
  }
  #culture .culture-section-fv .inner-1300{
    padding: 0;
  }
  .culture-section-01 .flex-layout-01.list-item-05{
    padding: 5rem 5%;
  }
  #culture .flex-layout-01 .img {
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 1rem;
  }

  #culture .ja-title .f-size-50{
    font-size: 3.5rem;
  }
  #culture .ja-title .f-size-40{
    font-size: 2.5rem;
  }
  #culture .number-title .f-size-40{
    font-size: 3rem;
  }

  .culture-section-fv img{
    padding-top: 15px;
  }

  .culture-section-01 .flex-layout-01 {
    margin-top: 3rem;
  }

  #about-us .bubble-01{
    display: none;
  }
  #about-us .flex-layout-06 .title{
    margin-bottom: 2rem;
  }

  #people .flex-layout-04 .dl-wrap-01 .dl-title{
    text-align: left;
  }

  .flex-layout-01 .left {
    margin-right: 0;
    padding-right: 0;
  }
  .flex-layout-01 .img{
    padding-right: 0;
  }

  .btn.h-25{
    height: 45px;
    width: 140px;
  }

  .btn.h-25 a .btn-text,
  .btn.h-25 a .btn-text-hover{
    height: 45px;
    font-size: 1.7rem;
    width: 150px;
  }

  .btn.w-229.h-25{
    width: 240px;
  }

  .btn.h-25.w-229 a .btn-text, 
  .btn.h-25.w-229 a .btn-text-hover{
    width: 250px
  }

  .top-message-about-section .flex-layout-01 .en-title{margin-top: 6rem;}
  .top-job-introduction-section{
    margin-top: 6rem;
  }

  .top-job-introduction-section .list-layout-01{
    gap: 1rem;
    margin-top: 2rem;
  }

  .top-job-introduction-section .list-layout-01 .center{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .flex-layout-01 .img {
    margin-top: 4.0rem;
  }

  .flex-layout-01 .accent-bg-05,
  .flex-layout-01 .img-bg {
    width: 100vw;
  }

  .flex-layout-02.flex {
    display: block;
  }

  .flex-layout-02 .title .en-title {
    line-height: 1.0;
  }

  .flex-layout-02 .ja-title {
    margin-bottom: 1.0rem;
  }

  .flex-layout-02 .text {
    margin: 0;
  }

  .list-layout-04.flex {
    display: block;
  }

  .people-section-01 .list-layout-04{
    padding-bottom: 0rem;
  }
  .people-section-01 .small-display{
    margin-bottom: 3rem;
  }

  .flex-layout-01 .en-title{
    font-size: 3.3rem;
  }

  .people-section-01 .list-layout-04 .en-title{
    font-size: 3rem;
    margin-bottom: 2rem;
  }

  .people-section-01 .list-layout-04 .ja-title{
    font-size: 2rem;
  }
  .people-article-01 .flex-layout-04 .left .ja-title{
    font-size: 1.6rem;
  }
  .flex-layout-04 .left .mt-40{
    font-size: 5.5rem;
  }
  .dl-wrap-01 .gray-bg-02{
    width: 100vh;
    left: auto;
    right: 0;
    border-radius: 0;
  }
  #design.job-article-02 .white-op-bg{
    width: 100%;
    border-radius:0;
  }

  .people-section-02.flex-layout-04 .dl-wrap-01 .dl-text{
    margin-top: 3rem;
  }
  .people-section-02.flex-layout-04 .dl-wrap-01.flex{
    padding: 4rem 0;
  }

  .people-section-04.flex-layout-04 .dl-wrap-01.flex{
    padding: 4rem 0;
  } 

  #people .people-article-01 .inner-1500{
    padding: 0 3%;
  }

  .people-section-01 .list-layout-04 > li:first-of-type .ja-title-wrap{
    flex-direction: column;
    align-items: flex-start;
  }

  .people-section-02.flex-layout-04 .left{
    margin-bottom: -4.5rem;
  }
  .flex-layout-04 .right .description-title{
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
  }

  .people-section-05 .list-layout-02 .category01-bg {
    background: var(--category-color-01);
  }
  .people-section-05 .list-layout-02 .category02-bg {
    background: var(--category-color-02);
  }
  .people-section-05 .list-layout-02 .category03-bg {
    background: var(--category-color-03);
  }

  .people-section-04 .hexagon{
    width: 80px;
    margin-right: 1.5rem;
  }

  .title-list-01 .title-list-title{
    font-size: 2rem;
  }

  .flex-layout-05 .flex-layout-05-content-dt{
    align-items: center;
  }
  .people-section-03 .flex-layout-05 .flex-layout-05-content-dt{
    align-items: flex-end;
    margin-bottom: 0.5rem;
  }
  .people-section-04.flex-layout-04.flex{
    margin-top: 1rem;
  }
  .people-section-04 .dl-text .dl-text-dt{
    font-size: 2.8rem;
  }

  .flex-layout-05-content-dt-dd + .flex-layout-05-content-dt-dd{
    margin-top: 3rem;
  }
  .flex-layout-05-content{
    width: auto;
  }

  .list-layout-04 .ja-title {
    margin-bottom: 2.0rem;
  }

  .flex-layout-04 .left .en-title .line {
    display: block;
  }

  /* .img-layout-01.flex {
    display: block;
  } */

  /* .img-layout-01 .img + .img {
    margin-top: 6.0rem;
  } */

  .img-layout-02 li {
    flex-basis: 49%;
  }

  .list-layout-05 > li {
    width: 100%;
    line-height: 1;
  }

  .list-layout-07{
    gap: 1rem;
    row-gap: 0;
  }

  .list-layout-07 > li {
    width: 150px;
    height: 150px;
    padding-top: 0;
  }

  .list-layout-07 .title{
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }


  .dl-layout-02 .inner-1500 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .big-title {
    padding-left: 4.0rem;
    padding-right: 4.0rem;
  }

  .list-layout-08 .icon{
    min-width: 9rem;
    padding-top: 2rem;
  }

  .list-layout-08 .title {
    width: 34rem;
    font-size: 2rem;
    left: -30px;
  }

  #cross-talk .mt-160{
    margin-top: 3rem;
  }

  #cross-talk .list-layout-08 .text .name{
    margin-bottom: 0.8rem;
  }

  .list-layout-08 .right.icon {
    text-align: right;
  }

  .list-layout-08 .text {
    margin-top: 0rem;
    padding: 1rem;
  }

  .cross-talk-section-01 .img {
    bottom: 5rem;
    margin-bottom: 0;
  }

  .cross-talk-anchor-section{
    margin-top: 0rem;
  }

  .cross-talk-section-01.lower-fv-01 .en-title-ja-title-wrap p{
    font-weight: normal;
  }

  .list-layout-08 li {
    margin-top: 3.0rem;
    gap: 3rem;
  }
  .cross-talk-section-02 .list-layout-08 li{
    gap: 3rem;
  }
  .list-layout-08 .block:not(:first-child){
    padding-top: 34rem;
  }

  .list-layout-08 .block .img.img01{
    width: 100%;
  }

  .list-layout-08 .block .img{
    width: 100%;
    max-width: 447px;
  }

  .list-layout-08 .block .img.img02{
    width: 100%;
    left: 0;
    transform: translate(0, 0);

  }

  .list-layout-08 .block .img.img03{
    width: 100%;
  }

  .triangle-02-front{
    width: 20px;
  }

  .triangle-02-back{
    width: 20px;
  }

  .project-section-03 .border-text {
    padding-left: 4%;
    padding-right: 4%;
  }

  .list-layout-10 .one,
  .list-layout-10 .two,
  .list-layout-10 .three {
    padding: 3%;
    max-width: 100%;
    width: 100%;
    margin-top: 5rem;
  }

  .tab-group .tab{
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 5px;
  }

  .tab-button{
    gap: 0.5rem;
  }

  .list-layout-10 .three{
    transform: translateX(0);
  }

  .career-section-01 {
    padding-bottom: 8rem;
    padding-top: 8rem;
  }
  .career-section-01.lower-fv-01 .en-title-ja-title-wrap{
    top: -6rem;
  }

  .career-section-02{
    margin-top: -8rem;
  }
  .career-section-02 .inner-1500 .d-block.absolute{
    position: relative;
    margin-top: 6rem;
    bottom: 0;
  }

  .career-section-02 .inner-1500{
    padding-bottom: 0rem;
  }
  .career-section-02 .list-layout-10 .title{
    font-size: 2rem;
  }
  .career-section-02 .circle-title {
    width:14rem;
    height: 14rem;
    top: 9rem;
  }
  .career-section-02 .inner-1500 .list-layout-10 {
    top: 10rem;
}
  .career-section-02 .circle-title h2{
    font-size: 1.8rem;
  }
  .career-section-02 .list-layout-10 .one{
    margin-top: 1rem;
  }
  .career-section-03 .inner-1200{
    margin-top: 0rem;
  }
  .career-section-04 .circle-title h2{
    font-size: 1.7rem;
  }
  .career-section-04 .circle-title{
    width: 144px;
    height: 144px;
  }
  .career-section-04 .inner-1500{
    padding: 0;
  }
  .career-section-04 .title.mt-30{
    margin-top: 0;
  }


  .circle-title{
    width: 150px;
    height: 150px;
  }
  .circle-title h2{
    font-size: 2rem;
  }

  .fresh-section-02 {
    margin-top: 1.0rem;
  }
  .fresh-section-04 .dl-layout-02 .inner-1500{
    padding: 3rem 4%; 
  }
  .fresh-section-04 .dl-layout-02 .dl-layout-02-title{
    margin-bottom: 0;
  }
  .dl-layout-03 {
    padding-left: 4%;
    padding-right: 4%;
  }

  .dl-layout-04 .row .select-form-item-wrap.margin {
    margin-right: 0;
    margin-bottom: 2.0rem;
  }

  .career-entry-section-02 {
    margin-top: 10.0rem;
  }
  .lower-fv-01 .en-title{
    font-size: 2.8rem;
    margin-bottom: 1.0rem;
  }
  .lower-fv-01 .ja-title{
    font-size: 2.0rem;
  }
  .about-us-section-01.lower-fv-01{
    background-color: #fff;
    padding-top: 2.5rem;
  }
  .about-us-section-01.lower-fv-01 .en-title-ja-title-wrap{
    position: relative;
    left: auto;
    top: auto;
    margin-bottom: 2rem;
  }
  .about-us-section-04 .img{
    margin-top: 3rem;
  }
  #about-us section .ja-title-02{
    font-size: 2.2rem
  }
  .job-section-01 .flex-box-03{
    flex-direction: column;
  }
  #job .bg.right{
    width: 100%;
    border-radius: 10px 10px 0 0
  }
  #job .article-wrap{
    background-size: contain;
  }
  .list-layout-02.two > li{
    width: 100%!important;
  }
  #job .list-layout-02.two > li{
    width: 90%!important;
  }
  #job .dl-wrap-01 .img-layout-01{
    gap: 1rem;
  }
  #job .dl-wrap-01{
    padding-left: 0;
    padding-right: 0;
    margin-top: 15rem;
  }
  #job .dl-wrap-01 .gray-bg-02, #job .dl-wrap-01 .white-op-bg{
    top: 22px;
  }
  #job .dl-wrap-01 .dl-paragraph{
    padding-left: 6%;
  }
  #job .dl-wrap-01 .dl-text{
    padding-left: 6%;
  }
  #job .flex-layout-04 .left .hexagon{
    width: 158px;
  }
  #job .flex-layout-04 .left .hexagon .center.pattern-01 .number{
    font-size: 3rem;
    padding-left: 2rem;
  }
  #job .flex-layout-04 .left .hexagon .ja-title{
    font-size: 1.8rem;
  }
  .rounded-title{
    margin: 0 auto;
  }

  .flex-layout-04 .interview-title{
    font-size: 3rem;
  }

  .title-list-01 .title-list-text{
    padding-left: 0;
  }

  #cross-talk #wrapper{
    background-size: contain;
  }
  #cross-talk .lower-fv-01 .en-title{
    color: var(--main-color)!important;
    font-size: 2.9rem;
  }
  #cross-talk .lower-fv-01 .en-title-ja-title-wrap-bg{
    background: transparent!important;
  }
  .cross-talk-anchor-section .flex-box-04{
    flex-wrap: wrap;
  }
  .cross-talk-anchor-section .flex-box-04 .box{
    flex: 1 1 40%;
  }
  .cross-talk-anchor-section .flex-box-04 .box .title .f-size-21 {
    font-size: 1.5rem;
  }
  .cross-talk-anchor-section .flex-box-04 .box a{
    padding: 1rem;
  }

  .cross-talk-section-01.lower-fv-01 .en-title-ja-title-wrap{
    position: relative;
    left: auto;
    top: auto;
    padding-top: 2rem;
  }

  .people-article-01 .white-bg{
    width: 100%;
    border-radius: 20px 20px 0 0;
  }

  .lower main{
    padding-bottom: 6rem;
  }
  #about-us main{
    padding-bottom: 0rem;
  }

  #people .article-wrap{
    padding-top: 4rem;
    padding-bottom: 0rem;
    margin-top: 0rem;
  }

  .people-section-02 .left .hexagon{
    width:110px;
  }
  .people-article-01 .flex-layout-04 .left .hexagon .center.pattern-01{
    min-width: 100%;
  }
  .people-section-03 .left .hexagon{
    width:80px;
  }

  .flex-layout-05 .flex-layout-05-content-dt .time{
    margin-right: 3rem;
  }

  #faq .inner-1500{
    padding: 0;
  }
  .faq-section-02{
    margin-top: 8rem;
  }

  #faq .dl-layout-03 .dt-span{
    font-size: 2rem;
  }

  #faq .dl-layout-03 .row{
    padding: 2rem 2.5%; 
  }

  .dl-layout-03 .dt-icon::before, .dl-layout-03 .dd-icon::before{
    font-size: 3rem;
  }

  .list-layout-02 > li{
    width: 70%!important;
    margin-top: 1.5rem;
  }

  .flex-layout-03 .movie-wrap:has(.movie-01){
    max-width: 80%;
    margin-bottom: 2rem;
  }
  .flex-layout-03 .movie-wrap:has(.movie-02){
    max-width: 80%;
  }
  .flex-layout-03 .movie-wrap{
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
  }

  .flex-layout-03 .movie-wrap video{
    max-width: 100%;
    margin-top: 2rem;
  }

  .top-job-introduction-section .list-layout-01 > li {
    width: calc(100% / 3);
    height: auto;
  }

  .top-job-introduction-section .flex-layout-02 .title .en-title{
    font-size: 4rem;
    margin-bottom: 2rem;
  }
  .flex-layout-02 .title .en-title{
    font-size: 4rem;
    margin-bottom: 2rem;
  }

  .flex-layout-03 .title{
    font-size: 4rem;
    margin-bottom: 2rem;
  }
  .top-project-story .title{
    font-size: 3.3rem;
    margin-bottom: 2rem;
  }
  .top-project-story .t-center{
    text-align: left;
  }
  .top-project-story .ja-title{
    margin-bottom: 1rem;
  }
  .flex-layout-01 .ja-title{
    margin-bottom: 1rem;
  }
  .top-footer-nav-area{
    border-radius: 0px;
    margin-top: 9rem;
  }
  .top-footer-nav-area .list-layout-03{
    gap: 0 2rem;
  }

  #top .page-footer-area .copy{
    font-size: 1rem;
  }

  .job-section-01 .inner-1300{
    background-size: 100%;
    padding-top: 34rem;
  }

  .faq-section-01{
    height: 6rem;
  }
  #faq .dl-layout-03 .dt{
    align-items: flex-start;
  }
  #faq .dl-layout-03 .dd-span{
    font-size: 1.6rem;
  }

  .fresh-section-02 .list-layout-07 .title br{
    display: none;    
  }
  .fresh-section-02 .list-layout-07 .title {
    font-size: 1.6rem;
  }
  #fresh .list-layout-07 > li{
    width: 160px;
  }
  .fresh-section-02 .bg-img{
    margin-top: -2rem;
  }
  .w-100-btn-02 a{
    padding: 2rem;
  }
  .w-100-btn-02 .w-100-btn-02-main-text{
    font-size: 2rem;
    width: 100%;
    margin: 0 auto;
  }
  .w-100-btn-02 .w-100-btn-02-sub-text{
    font-size: 2.2rem;
  }
  .people-section-01 .list-layout-04 > li:first-of-type{
    display: block;
  }
  .flex-layout-05.flex{
    display: block;
  }
  #career .career-section-01 img{
    height: auto;
  }
  #support .dl-wrap-01 .dl-title-wrap{
    margin-bottom: 2rem;
  }
  #support .dl-wrap-01 .dl-text-wrap{
    margin-bottom: 2rem;
  }
  #support .dl-img{
    max-width: 100%;
  }
  #support .dl-img img{
    width: 100%;
  }
  #support .dl-wrap-01 .dl-title-wrap .dl-title br{
    display: none;
  }
  #support .dl-wrap-01 .dl-text{
    max-width: 100%;
  }
  #support .dl-wrap-01 .dl-text-dt.rounded{
    max-width: 100%;
    min-width: 100%;
  }
  .support-bar-block .support-bar-block-wrapper{
    gap: 1rem;
  }
  .support-bar-item{
    font-size: 1.2rem;
  }
  .lower-fv-02 .lower-fv-02-inner {
    min-width: auto;
}
  .lower-fv-02{
    height: 30rem;
  }
  .lower-fv-02 .en-title-01{
    font-size: 1.8rem;
  }
  .lower-fv-02 .lower-fv-02-inner .ja-title-01{
    font-size: 1.8rem;
  }
  .lower-fv-02 .lower-fv-02-inner .ja-title-02{
    font-size: 1.8rem;
  }
  .lower-fv-02 .lower-fv-02-inner .ja-title-03{
    font-size: 1.8rem;
  }
  .lower-fv-02 .lower-fv-02-inner .img-01 {
    top: -10px;
    left: -10px;
    width: 15%;
  }
  .lower-fv-02 .lower-fv-02-inner .img-02 {
    top: -10px;
    right: -10px;
    width: 15%;
  }
  .lower-fv-02 .lower-fv-02-inner .img-03 {
    bottom: -15px;
    left: -15px;
    width: 15%;
  }
  .lower-fv-02 .lower-fv-02-inner .img-04 {
    bottom: -15px;
    right: -15px;
    width: 15%;
  }
  #project .rounded-title-03{
    font-size: 2.4rem;
    padding: 3rem;
    border-radius: 30px;
  }
  .project-section-03 .border-text{
    border-radius: 30px;
  }
  #project.lower main{
    padding-bottom: 6rem;
  }
  .project-section-03 .full-img{
    margin-top: 6rem;
  }
  .dl-layout-02 .content .dd .dd-text{
    padding-right: 0;
  }
  .flex-layout-07 .en-title{
    font-size: 4rem;
  }
  .flex-layout-07 .ja-title{
    font-size: 2.6rem;
  }
  section.number-section-02{
    margin-top: 6rem;
  }
  .number-section-03 .number-block_07 .dd .space-between{
    flex-direction: column;
  }
  .number-section-02 .bg{
    width: 100%;
    border-radius: 20px;
  }
  .number-section-03 .bg{
    width: 100%;
    border-radius: 20px;
  }
  .number-section-03 .number-block_07 .left{
    min-width: 100%;
  }
  .number-section-03 .number-block_07 .dd{
    padding: 0;
  }
  .number-section-03 .number-block_07 .left{
    justify-content: center;
  }

}
@media screen and (max-width: 650px) {
  #support .section-wrap{
    margin-top: 27rem;
  }
  .support-fv img{
    margin-top: 5rem;
  }
  .lower-fv-02 .lower-fv-02-inner{
    width: 60%;
  }
}
.br-600-sp{display: none;}
@media screen and (max-width:600px) {
  .top-job-introduction-section .list-layout-01 .number{
    font-size: 3rem;
    margin-right: 0;
    margin-left: 0;
  }

  .top-job-introduction-section .list-layout-01 .title{
    font-size: 1.3rem;
    letter-spacing: -0.4px;
  }
  .br-600-sp{
    display: block;
  }
  .modalWrapper{
    padding: 20px;
  }
  .closeModal{
    top: 1px;
    right: 3px;
  }
}
@media screen and (max-width:560px) {
  .top-job-introduction-section .list-layout-01 .number{
    margin-right: 0;
  }
  .job-section-01 .inner-1300{
    background: url(../image/job/job_01_sp.png) no-repeat top center / cover;
    padding-top: 40rem;
  }
  .cross-talk-section-01 .img{
    bottom: 0rem;
    margin-bottom: 1rem;
  }
  .modalWrapper{
    padding: 10px;
  }
  .closeModal{
    display: none;
  }

}

/* -----------------------------------------------------------
    iPhone5・SE時
----------------------------------------------------------- */
@media screen and (max-width: 480px) {
  .support-fv img{
    margin-top: 9rem;
  }
  #design.job-article-02 .white-op-bg {
    height: 74%;
  }
  .top-footer-nav-area{
    margin-top: 6rem;
    padding-bottom: 2rem;
  }
  #project .lower-fv-02 .lower-fv-02-inner {
    width: 80%;
}
}
@media screen and (max-width:470px) {
  .top-job-introduction-section .list-layout-01 .number{
    font-size: 2rem;
  }
  .job-section-01 .inner-1300{
    padding-top: 34rem;
  }
  #fresh .list-layout-07 > li {
    width: 155px;
  }
  .top-support-numbers-section .flex-layout-01 .right.img{
    width: 60%;
  }

}

/* Firefoxのみに適用  */
@-moz-document url-prefix() {
  .flex-layout-04 .left .en-title {
    position: relative;
    left: 50%;
    transform: translate(-50%,0);
  }
}

@media screen and (max-width:400px) {
  .job-section-01 .inner-1300 {
    padding-top: 33rem;
  }
}