@charset "UTF-8";

@media screen and (max-width: 767px) {
  body {
    background-image: url(../img/common/bg_road_sp.svg);
    background-size: 80%;
  }
  /*----------------------------------------------------------------

  フォントサイズ

  ----------------------------------------------------------------*/
  .f_10 {
    font-size: 2.8vw;
  }
  .f_12 {
    font-size: 2.8vw;
  }
  .f_14 {
    font-size: 2.8vw;
  }
  .f_16 {
    font-size: 3.2vw;
  }
  .f_18 {
    font-size: 3.6vw;
  }
  .f_20 {
    font-size: 3.8vw;
  }
  .f_22 {
    font-size: 4vw;
  }
  .f_24 {
    font-size: 4.2vw;
  }
  .f_26 {
    font-size: 4.4vw;
  }
  .f_28 {
    font-size: 4.6vw;
  }
  .f_30 {
    font-size: 4.6vw;
  }
  .f_32 {
    font-size: 4.8vw;
  }
  .f_34 {
    font-size: 4.8vw;
  }
  .f_36 {
    font-size: 4.8vw;
  }
  .f_38 {
    font-size: 5vw;
  }
  .f_40 {
    font-size: 5vw;
  }
  .f_42 {
    font-size: 5vw;
  }
  .f_44 {
    font-size: 5.2vw;
  }
  .f_46 {
    font-size: 5.2vw;
  }
  .f_48 {
    font-size: 5.4vw;
  }
  .f_50 {
    font-size: 5.4vw;
  }
  .f_52 {
    font-size: 5.6vw;
  }
  .f_54 {
    font-size: 5.6vw;
  }
  .f_56 {
    font-size: 5.8vw;
  }
  .f_58 {
    font-size: 5.8vw;
  }
  .f_60 {
    font-size: 6vw;
  }
  .f_62 {
    font-size: 6vw;
  }
  .f_64 {
    font-size: 6.2vw;
  }
  .f_66 {
    font-size: 6.2vw;
  }
  .f_68 {
    font-size: 6.4vw;
  }
  .f_70 {
    font-size: 6.4vw;
  }
  .f_72 {
    font-size: 6.6vw;
  }
  .f_74 {
    font-size: 6.6vw;
  }
  .f_76 {
    font-size: 6.8vw;
  }
  .f_78 {
    font-size: 6.8vw;
  }
  .f_80 {
    font-size: 7vw;
  }
  .f_82 {
    font-size: 7vw;
  }
  .f_84 {
    font-size: 7.2vw;
  }
  .f_86 {
    font-size: 7.2vw;
  }
  .f_88 {
    font-size: 7.4vw;
  }
  .f_90 {
    font-size: 7.4vw;
  }
  .f_92 {
    font-size: 7.6vw;
  }
  .f_94 {
    font-size: 7.6vw;
  }
  .f_96 {
    font-size: 7.8vw;
  }
  .f_98 {
    font-size: 7.8vw;
  }
  .f_100 {
    font-size: 8vw;
  }
  .f_102 {
    font-size: 8vw;
  }
  .f_104 {
    font-size: 8.2vw;
  }
  .f_106 {
    font-size: 8.2vw;
  }
  .f_108 {
    font-size: 8.4vw;
  }
  .f_110 {
    font-size: 8.4vw;
  }
  .f_112 {
    font-size: 8.6vw;
  }
  .f_114 {
    font-size: 8.6vw;
  }
  .f_116 {
    font-size: 8.8vw;
  }
  .f_118 {
    font-size: 8.8vw;
  }
  .f_120 {
    font-size: 9vw;
  }
  .f_122 {
    font-size: 9vw;
  }
  .f_124 {
    font-size: 9.2vw;
  }
  .f_126 {
    font-size: 9.2vw;
  }
  .f_128 {
    font-size: 9.4vw;
  }
  .f_130 {
    font-size: 9.4vw;
  }
  .f_132 {
    font-size: 9.6vw;
  }
  .f_134 {
    font-size: 9.6vw;
  }
  .f_136 {
    font-size: 9.8vw;
  }
  .f_138 {
    font-size: 9.8vw;
  }
  .f_140 {
    font-size: 10vw;
  }
  .f_142 {
    font-size: 10vw;
  }
  .f_144 {
    font-size: 10.2vw;
  }
  .f_146 {
    font-size: 10.2vw;
  }
  .f_148 {
    font-size: 10.4vw;
  }
  .f_150 {
    font-size: 10.4vw;
  }
  .f_152 {
    font-size: 10.6vw;
  }
  .f_154 {
    font-size: 10.6vw;
  }
  .f_156 {
    font-size: 10.8vw;
  }
  .f_158 {
    font-size: 10.8vw;
  }
  .f_160 {
    font-size: 11vw;
  }
  .f_162 {
    font-size: 11vw;
  }
  .f_164 {
    font-size: 11vw;
  }
  .mt10 {
    margin-top: 1vw;
  }
  .mb10 {
    margin-bottom: 1vw;
  }
  .ml10 {
    margin-left: 1vw;
  }
  .mr10 {
    margin-right: 1vw;
  }
  .my10 {
    margin-top: 1vw;
    margin-bottom: 1vw;
  }
  .mx10 {
    margin-left: 1vw;
    margin-right: 1vw;
  }
  .mt20 {
    margin-top: 2vw;
  }
  .mb20 {
    margin-bottom: 2vw;
  }
  .ml20 {
    margin-left: 2vw;
  }
  .mr20 {
    margin-right: 2vw;
  }
  .my20 {
    margin-top: 2vw;
    margin-bottom: 2vw;
  }
  .mx20 {
    margin-left: 2vw;
    margin-right: 2vw;
  }
  .mt30 {
    margin-top: 3vw;
  }
  .mb30 {
    margin-bottom: 3vw;
  }
  .ml30 {
    margin-left: 3vw;
  }
  .mr30 {
    margin-right: 3vw;
  }
  .my30 {
    margin-top: 3vw;
    margin-bottom: 3vw;
  }
  .mx30 {
    margin-left: 3vw;
    margin-right: 3vw;
  }
  .mt40 {
    margin-top: 4vw;
  }
  .mb40 {
    margin-bottom: 4vw;
  }
  .ml40 {
    margin-left: 4vw;
  }
  .mr40 {
    margin-right: 4vw;
  }
  .my40 {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
  .mx40 {
    margin-left: 4vw;
    margin-right: 4vw;
  }
  .mt50 {
    margin-top: 5vw;
  }
  .mb50 {
    margin-bottom: 5vw;
  }
  .ml50 {
    margin-left: 5vw;
  }
  .mr50 {
    margin-right: 5vw;
  }
  .my50 {
    margin-top: 5vw;
    margin-bottom: 5vw;
  }
  .mx50 {
    margin-left: 5vw;
    margin-right: 5vw;
  }
  .mt60 {
    margin-top: 6vw;
  }
  .mb60 {
    margin-bottom: 6vw;
  }
  .ml60 {
    margin-left: 6vw;
  }
  .mr60 {
    margin-right: 6vw;
  }
  .my60 {
    margin-top: 6vw;
    margin-bottom: 6vw;
  }
  .mx60 {
    margin-left: 6vw;
    margin-right: 6vw;
  }
  .mt70 {
    margin-top: 7vw;
  }
  .mb70 {
    margin-bottom: 7vw;
  }
  .ml70 {
    margin-left: 7vw;
  }
  .mr70 {
    margin-right: 7vw;
  }
  .my70 {
    margin-top: 7vw;
    margin-bottom: 7vw;
  }
  .mx70 {
    margin-left: 7vw;
    margin-right: 7vw;
  }
  .mt80 {
    margin-top: 8vw;
  }
  .mb80 {
    margin-bottom: 8vw;
  }
  .ml80 {
    margin-left: 8vw;
  }
  .mr80 {
    margin-right: 8vw;
  }
  .my80 {
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
  .mx80 {
    margin-left: 8vw;
    margin-right: 8vw;
  }
  .mt90 {
    margin-top: 9vw;
  }
  .mb90 {
    margin-bottom: 9vw;
  }
  .ml90 {
    margin-left: 9vw;
  }
  .mr90 {
    margin-right: 9vw;
  }
  .my90 {
    margin-top: 9vw;
    margin-bottom: 9vw;
  }
  .mx90 {
    margin-left: 9vw;
    margin-right: 9vw;
  }
  .mt100 {
    margin-top: 10vw;
  }
  .mb100 {
    margin-bottom: 10vw;
  }
  .ml100 {
    margin-left: 10vw;
  }
  .mr100 {
    margin-right: 10vw;
  }
  .my100 {
    margin-top: 10vw;
    margin-bottom: 10vw;
  }
  .mx100 {
    margin-left: 10vw;
    margin-right: 10vw;
  }
  .mt110 {
    margin-top: 11vw;
  }
  .mb110 {
    margin-bottom: 11vw;
  }
  .ml110 {
    margin-left: 11vw;
  }
  .mr110 {
    margin-right: 11vw;
  }
  .my110 {
    margin-top: 11vw;
    margin-bottom: 11vw;
  }
  .mx110 {
    margin-left: 11vw;
    margin-right: 11vw;
  }
  .mt120 {
    margin-top: 12vw;
  }
  .mb120 {
    margin-bottom: 12vw;
  }
  .ml120 {
    margin-left: 12vw;
  }
  .mr120 {
    margin-right: 12vw;
  }
  .my120 {
    margin-top: 12vw;
    margin-bottom: 12vw;
  }
  .mx120 {
    margin-left: 12vw;
    margin-right: 12vw;
  }
  .mt130 {
    margin-top: 13vw;
  }
  .mb130 {
    margin-bottom: 13vw;
  }
  .ml130 {
    margin-left: 13vw;
  }
  .mr130 {
    margin-right: 13vw;
  }
  .my130 {
    margin-top: 13vw;
    margin-bottom: 13vw;
  }
  .mx130 {
    margin-left: 13vw;
    margin-right: 13vw;
  }
  .mt140 {
    margin-top: 14vw;
  }
  .mb140 {
    margin-bottom: 14vw;
  }
  .ml140 {
    margin-left: 14vw;
  }
  .mr140 {
    margin-right: 14vw;
  }
  .my140 {
    margin-top: 14vw;
    margin-bottom: 14vw;
  }
  .mx140 {
    margin-left: 14vw;
    margin-right: 14vw;
  }
  .mt150 {
    margin-top: 15vw;
  }
  .mb150 {
    margin-bottom: 15vw;
  }
  .ml150 {
    margin-left: 15vw;
  }
  .mr150 {
    margin-right: 15vw;
  }
  .my150 {
    margin-top: 15vw;
    margin-bottom: 15vw;
  }
  .mx150 {
    margin-left: 15vw;
    margin-right: 15vw;
  }
  .mt160 {
    margin-top: 16vw;
  }
  .mb160 {
    margin-bottom: 16vw;
  }
  .ml160 {
    margin-left: 16vw;
  }
  .mr160 {
    margin-right: 16vw;
  }
  .my160 {
    margin-top: 16vw;
    margin-bottom: 16vw;
  }
  .mx160 {
    margin-left: 16vw;
    margin-right: 16vw;
  }
  .mt170 {
    margin-top: 17vw;
  }
  .mb170 {
    margin-bottom: 17vw;
  }
  .ml170 {
    margin-left: 17vw;
  }
  .mr170 {
    margin-right: 17vw;
  }
  .my170 {
    margin-top: 17vw;
    margin-bottom: 17vw;
  }
  .mx170 {
    margin-left: 17vw;
    margin-right: 17vw;
  }
  .mt180 {
    margin-top: 18vw;
  }
  .mb180 {
    margin-bottom: 18vw;
  }
  .ml180 {
    margin-left: 18vw;
  }
  .mr180 {
    margin-right: 18vw;
  }
  .my180 {
    margin-top: 18vw;
    margin-bottom: 18vw;
  }
  .mx180 {
    margin-left: 18vw;
    margin-right: 18vw;
  }
  .mt190 {
    margin-top: 19vw;
  }
  .mb190 {
    margin-bottom: 19vw;
  }
  .ml190 {
    margin-left: 19vw;
  }
  .mr190 {
    margin-right: 19vw;
  }
  .my190 {
    margin-top: 19vw;
    margin-bottom: 19vw;
  }
  .mx190 {
    margin-left: 19vw;
    margin-right: 19vw;
  }
  .mt200 {
    margin-top: 20vw;
  }
  .mb200 {
    margin-bottom: 20vw;
  }
  .ml200 {
    margin-left: 20vw;
  }
  .mr200 {
    margin-right: 20vw;
  }
  .my200 {
    margin-top: 20vw;
    margin-bottom: 20vw;
  }
  .mx200 {
    margin-left: 20vw;
    margin-right: 20vw;
  }
  .mt210 {
    margin-top: 21vw;
  }
  .mb210 {
    margin-bottom: 21vw;
  }
  .ml210 {
    margin-left: 21vw;
  }
  .mr210 {
    margin-right: 21vw;
  }
  .my210 {
    margin-top: 21vw;
    margin-bottom: 21vw;
  }
  .mx210 {
    margin-left: 21vw;
    margin-right: 21vw;
  }
  .mt220 {
    margin-top: 22vw;
  }
  .mb220 {
    margin-bottom: 22vw;
  }
  .ml220 {
    margin-left: 22vw;
  }
  .mr220 {
    margin-right: 22vw;
  }
  .my220 {
    margin-top: 22vw;
    margin-bottom: 22vw;
  }
  .mx220 {
    margin-left: 22vw;
    margin-right: 22vw;
  }
  .mt230 {
    margin-top: 23vw;
  }
  .mb230 {
    margin-bottom: 23vw;
  }
  .ml230 {
    margin-left: 23vw;
  }
  .mr230 {
    margin-right: 23vw;
  }
  .my230 {
    margin-top: 23vw;
    margin-bottom: 23vw;
  }
  .mx230 {
    margin-left: 23vw;
    margin-right: 23vw;
  }
  .mt240 {
    margin-top: 24vw;
  }
  .mb240 {
    margin-bottom: 24vw;
  }
  .ml240 {
    margin-left: 24vw;
  }
  .mr240 {
    margin-right: 24vw;
  }
  .my240 {
    margin-top: 24vw;
    margin-bottom: 24vw;
  }
  .mx240 {
    margin-left: 24vw;
    margin-right: 24vw;
  }
  .mt250 {
    margin-top: 25vw;
  }
  .mb250 {
    margin-bottom: 25vw;
  }
  .ml250 {
    margin-left: 25vw;
  }
  .mr250 {
    margin-right: 25vw;
  }
  .my250 {
    margin-top: 25vw;
    margin-bottom: 25vw;
  }
  .mx250 {
    margin-left: 25vw;
    margin-right: 25vw;
  }
  .mt260 {
    margin-top: 26vw;
  }
  .mb260 {
    margin-bottom: 26vw;
  }
  .ml260 {
    margin-left: 26vw;
  }
  .mr260 {
    margin-right: 26vw;
  }
  .my260 {
    margin-top: 26vw;
    margin-bottom: 26vw;
  }
  .mx260 {
    margin-left: 26vw;
    margin-right: 26vw;
  }
  .mt270 {
    margin-top: 27vw;
  }
  .mb270 {
    margin-bottom: 27vw;
  }
  .ml270 {
    margin-left: 27vw;
  }
  .mr270 {
    margin-right: 27vw;
  }
  .my270 {
    margin-top: 27vw;
    margin-bottom: 27vw;
  }
  .mx270 {
    margin-left: 27vw;
    margin-right: 27vw;
  }
  .mt280 {
    margin-top: 28vw;
  }
  .mb280 {
    margin-bottom: 28vw;
  }
  .ml280 {
    margin-left: 28vw;
  }
  .mr280 {
    margin-right: 28vw;
  }
  .my280 {
    margin-top: 28vw;
    margin-bottom: 28vw;
  }
  .mx280 {
    margin-left: 28vw;
    margin-right: 28vw;
  }
  .mt290 {
    margin-top: 29vw;
  }
  .mb290 {
    margin-bottom: 29vw;
  }
  .ml290 {
    margin-left: 29vw;
  }
  .mr290 {
    margin-right: 29vw;
  }
  .my290 {
    margin-top: 29vw;
    margin-bottom: 29vw;
  }
  .mx290 {
    margin-left: 29vw;
    margin-right: 29vw;
  }
  .mt300 {
    margin-top: 30vw;
  }
  .mb300 {
    margin-bottom: 30vw;
  }
  .ml300 {
    margin-left: 30vw;
  }
  .mr300 {
    margin-right: 30vw;
  }
  .my300 {
    margin-top: 30vw;
    margin-bottom: 30vw;
  }
  .mx300 {
    margin-left: 30vw;
    margin-right: 30vw;
  }
  .pt10 {
    padding-top: 1vw;
  }
  .pb10 {
    padding-bottom: 1vw;
  }
  .pl10 {
    padding-left: 1vw;
  }
  .pr10 {
    padding-right: 1vw;
  }
  .py10 {
    padding-top: 1vw;
    padding-bottom: 1vw;
  }
  .px10 {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  .pt20 {
    padding-top: 2vw;
  }
  .pb20 {
    padding-bottom: 2vw;
  }
  .pl20 {
    padding-left: 2vw;
  }
  .pr20 {
    padding-right: 2vw;
  }
  .py20 {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
  .px20 {
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .pt30 {
    padding-top: 3vw;
  }
  .pb30 {
    padding-bottom: 3vw;
  }
  .pl30 {
    padding-left: 3vw;
  }
  .pr30 {
    padding-right: 3vw;
  }
  .py30 {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
  .px30 {
    padding-left: 3vw;
    padding-right: 3vw;
  }
  .pt40 {
    padding-top: 4vw;
  }
  .pb40 {
    padding-bottom: 4vw;
  }
  .pl40 {
    padding-left: 4vw;
  }
  .pr40 {
    padding-right: 4vw;
  }
  .py40 {
    padding-top: 4vw;
    padding-bottom: 4vw;
  }
  .px40 {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .pt50 {
    padding-top: 5vw;
  }
  .pb50 {
    padding-bottom: 5vw;
  }
  .pl50 {
    padding-left: 5vw;
  }
  .pr50 {
    padding-right: 5vw;
  }
  .py50 {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
  .px50 {
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .pt60 {
    padding-top: 6vw;
  }
  .pb60 {
    padding-bottom: 6vw;
  }
  .pl60 {
    padding-left: 6vw;
  }
  .pr60 {
    padding-right: 6vw;
  }
  .py60 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
  .px60 {
    padding-left: 6vw;
    padding-right: 6vw;
  }
  .pt70 {
    padding-top: 7vw;
  }
  .pb70 {
    padding-bottom: 7vw;
  }
  .pl70 {
    padding-left: 7vw;
  }
  .pr70 {
    padding-right: 7vw;
  }
  .py70 {
    padding-top: 7vw;
    padding-bottom: 7vw;
  }
  .px70 {
    padding-left: 7vw;
    padding-right: 7vw;
  }
  .pt80 {
    padding-top: 8vw;
  }
  .pb80 {
    padding-bottom: 8vw;
  }
  .pl80 {
    padding-left: 8vw;
  }
  .pr80 {
    padding-right: 8vw;
  }
  .py80 {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
  .px80 {
    padding-left: 8vw;
    padding-right: 8vw;
  }
  .pt90 {
    padding-top: 9vw;
  }
  .pb90 {
    padding-bottom: 9vw;
  }
  .pl90 {
    padding-left: 9vw;
  }
  .pr90 {
    padding-right: 9vw;
  }
  .py90 {
    padding-top: 9vw;
    padding-bottom: 9vw;
  }
  .px90 {
    padding-left: 9vw;
    padding-right: 9vw;
  }
  .pt100 {
    padding-top: 10vw;
  }
  .pb100 {
    padding-bottom: 10vw;
  }
  .pl100 {
    padding-left: 10vw;
  }
  .pr100 {
    padding-right: 10vw;
  }
  .py100 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  .px100 {
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .pt110 {
    padding-top: 11vw;
  }
  .pb110 {
    padding-bottom: 11vw;
  }
  .pl110 {
    padding-left: 11vw;
  }
  .pr110 {
    padding-right: 11vw;
  }
  .py110 {
    padding-top: 11vw;
    padding-bottom: 11vw;
  }
  .px110 {
    padding-left: 11vw;
    padding-right: 11vw;
  }
  .pt120 {
    padding-top: 12vw;
  }
  .pb120 {
    padding-bottom: 12vw;
  }
  .pl120 {
    padding-left: 12vw;
  }
  .pr120 {
    padding-right: 12vw;
  }
  .py120 {
    padding-top: 12vw;
    padding-bottom: 12vw;
  }
  .px120 {
    padding-left: 12vw;
    padding-right: 12vw;
  }
  .pt130 {
    padding-top: 13vw;
  }
  .pb130 {
    padding-bottom: 13vw;
  }
  .pl130 {
    padding-left: 13vw;
  }
  .pr130 {
    padding-right: 13vw;
  }
  .py130 {
    padding-top: 13vw;
    padding-bottom: 13vw;
  }
  .px130 {
    padding-left: 13vw;
    padding-right: 13vw;
  }
  .pt140 {
    padding-top: 14vw;
  }
  .pb140 {
    padding-bottom: 14vw;
  }
  .pl140 {
    padding-left: 14vw;
  }
  .pr140 {
    padding-right: 14vw;
  }
  .py140 {
    padding-top: 14vw;
    padding-bottom: 14vw;
  }
  .px140 {
    padding-left: 14vw;
    padding-right: 14vw;
  }
  .pt150 {
    padding-top: 15vw;
  }
  .pb150 {
    padding-bottom: 15vw;
  }
  .pl150 {
    padding-left: 15vw;
  }
  .pr150 {
    padding-right: 15vw;
  }
  .py150 {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
  .px150 {
    padding-left: 15vw;
    padding-right: 15vw;
  }
  .pt160 {
    padding-top: 16vw;
  }
  .pb160 {
    padding-bottom: 16vw;
  }
  .pl160 {
    padding-left: 16vw;
  }
  .pr160 {
    padding-right: 16vw;
  }
  .py160 {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
  .px160 {
    padding-left: 16vw;
    padding-right: 16vw;
  }
  .pt170 {
    padding-top: 17vw;
  }
  .pb170 {
    padding-bottom: 17vw;
  }
  .pl170 {
    padding-left: 17vw;
  }
  .pr170 {
    padding-right: 17vw;
  }
  .py170 {
    padding-top: 17vw;
    padding-bottom: 17vw;
  }
  .px170 {
    padding-left: 17vw;
    padding-right: 17vw;
  }
  .pt180 {
    padding-top: 18vw;
  }
  .pb180 {
    padding-bottom: 18vw;
  }
  .pl180 {
    padding-left: 18vw;
  }
  .pr180 {
    padding-right: 18vw;
  }
  .py180 {
    padding-top: 18vw;
    padding-bottom: 18vw;
  }
  .px180 {
    padding-left: 18vw;
    padding-right: 18vw;
  }
  .pt190 {
    padding-top: 19vw;
  }
  .pb190 {
    padding-bottom: 19vw;
  }
  .pl190 {
    padding-left: 19vw;
  }
  .pr190 {
    padding-right: 19vw;
  }
  .py190 {
    padding-top: 19vw;
    padding-bottom: 19vw;
  }
  .px190 {
    padding-left: 19vw;
    padding-right: 19vw;
  }
  .pt200 {
    padding-top: 20vw;
  }
  .pb200 {
    padding-bottom: 20vw;
  }
  .pl200 {
    padding-left: 20vw;
  }
  .pr200 {
    padding-right: 20vw;
  }
  .py200 {
    padding-top: 20vw;
    padding-bottom: 20vw;
  }
  .px200 {
    padding-left: 20vw;
    padding-right: 20vw;
  }
  .pt210 {
    padding-top: 21vw;
  }
  .pb210 {
    padding-bottom: 21vw;
  }
  .pl210 {
    padding-left: 21vw;
  }
  .pr210 {
    padding-right: 21vw;
  }
  .py210 {
    padding-top: 21vw;
    padding-bottom: 21vw;
  }
  .px210 {
    padding-left: 21vw;
    padding-right: 21vw;
  }
  .pt220 {
    padding-top: 22vw;
  }
  .pb220 {
    padding-bottom: 22vw;
  }
  .pl220 {
    padding-left: 22vw;
  }
  .pr220 {
    padding-right: 22vw;
  }
  .py220 {
    padding-top: 22vw;
    padding-bottom: 22vw;
  }
  .px220 {
    padding-left: 22vw;
    padding-right: 22vw;
  }
  .pt230 {
    padding-top: 23vw;
  }
  .pb230 {
    padding-bottom: 23vw;
  }
  .pl230 {
    padding-left: 23vw;
  }
  .pr230 {
    padding-right: 23vw;
  }
  .py230 {
    padding-top: 23vw;
    padding-bottom: 23vw;
  }
  .px230 {
    padding-left: 23vw;
    padding-right: 23vw;
  }
  .pt240 {
    padding-top: 24vw;
  }
  .pb240 {
    padding-bottom: 24vw;
  }
  .pl240 {
    padding-left: 24vw;
  }
  .pr240 {
    padding-right: 24vw;
  }
  .py240 {
    padding-top: 24vw;
    padding-bottom: 24vw;
  }
  .px240 {
    padding-left: 24vw;
    padding-right: 24vw;
  }
  .pt250 {
    padding-top: 25vw;
  }
  .pb250 {
    padding-bottom: 25vw;
  }
  .pl250 {
    padding-left: 25vw;
  }
  .pr250 {
    padding-right: 25vw;
  }
  .py250 {
    padding-top: 25vw;
    padding-bottom: 25vw;
  }
  .px250 {
    padding-left: 25vw;
    padding-right: 25vw;
  }
  .pt260 {
    padding-top: 26vw;
  }
  .pb260 {
    padding-bottom: 26vw;
  }
  .pl260 {
    padding-left: 26vw;
  }
  .pr260 {
    padding-right: 26vw;
  }
  .py260 {
    padding-top: 26vw;
    padding-bottom: 26vw;
  }
  .px260 {
    padding-left: 26vw;
    padding-right: 26vw;
  }
  .pt270 {
    padding-top: 27vw;
  }
  .pb270 {
    padding-bottom: 27vw;
  }
  .pl270 {
    padding-left: 27vw;
  }
  .pr270 {
    padding-right: 27vw;
  }
  .py270 {
    padding-top: 27vw;
    padding-bottom: 27vw;
  }
  .px270 {
    padding-left: 27vw;
    padding-right: 27vw;
  }
  .pt280 {
    padding-top: 28vw;
  }
  .pb280 {
    padding-bottom: 28vw;
  }
  .pl280 {
    padding-left: 28vw;
  }
  .pr280 {
    padding-right: 28vw;
  }
  .py280 {
    padding-top: 28vw;
    padding-bottom: 28vw;
  }
  .px280 {
    padding-left: 28vw;
    padding-right: 28vw;
  }
  .pt290 {
    padding-top: 29vw;
  }
  .pb290 {
    padding-bottom: 29vw;
  }
  .pl290 {
    padding-left: 29vw;
  }
  .pr290 {
    padding-right: 29vw;
  }
  .py290 {
    padding-top: 29vw;
    padding-bottom: 29vw;
  }
  .px290 {
    padding-left: 29vw;
    padding-right: 29vw;
  }
  .pt300 {
    padding-top: 30vw;
  }
  .pb300 {
    padding-bottom: 30vw;
  }
  .pl300 {
    padding-left: 30vw;
  }
  .pr300 {
    padding-right: 30vw;
  }
  .py300 {
    padding-top: 30vw;
    padding-bottom: 30vw;
  }
  .px300 {
    padding-left: 30vw;
    padding-right: 30vw;
  }
  .sp {
    display: block !important;
  }
  .pc,
  .pc_flex {
    display: none !important;
  }
  ::-webkit-input-placeholder {
    font-size: 3.6vw;
    letter-spacing: 0.12em;
    color: #cccccc;
  }
  ::-moz-placeholder {
    font-size: 3.6vw;
    letter-spacing: 0.12em;
    color: #cccccc;
  }
  :-ms-input-placeholder {
    font-size: 3.6vw;
    letter-spacing: 0.12em;
    color: #cccccc;
  }
  ::-ms-input-placeholder {
    font-size: 3.6vw;
    letter-spacing: 0.12em;
    color: #cccccc;
  }
  ::placeholder {
    font-size: 3.6vw;
    letter-spacing: 0.12em;
    color: #cccccc;
  }
  .wrap_btn {
    right: 2%;
    bottom: 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 9vw;
    height: 9vw;
  }
  .wrap_btn_img img {
    width: 100%;
  }
  .wrap_btn_img:hover {
    opacity: 1;
  }
  .site_subtitle {
    padding-bottom: 3px;
  }
  .section_title img {
    width: 20vw;
  }
  .section_title .f_120 {
    font-size: 12vw;
  }
  .f_36.f_gra, .f_36.bg_gra01 {
    font-size: 6vw;
  }
  .f_36.f_gra span, .f_36.bg_gra01 span {
    font-size: 6vw;
  }

  /*===================================================================
   button
  ===================================================================*/
  .btn_large {
    font-size: 4vw;
    padding: 3vw 4.5vw;
    /* margin-left: auto;
    margin-right: auto; */
  }
  .btn_large .material-symbols-outlined {
    font-size: 5vw;
  }
  .btn_large:hover {
    background: #004aff;
    color: #fff;
  }
  .btn_large:hover .material-symbols-outlined {
    color: #fff;
  }
  .btn_small {
    font-size: 3.4vw;
  }
  .btn_small .material-symbols-outlined {
    font-size: 4vw;
  }
  .btn_small:hover {
    background: #004aff;
    color: #fff;
  }
  .btn_small:hover .material-symbols-outlined {
    color: #fff;
  }

  /*===================================================================
   header/hamburger
  ===================================================================*/
  header .h_inner {
    height: 55px;
  }
  header .h_inner .logo {
    background: transparent;
    height: 55px;
    position: relative;
    z-index: 9999;
  }
  header .h_inner .logo .dnp {
    width: 74px;
  }
  header .h_inner .logo .dnp img {
    height: 20px;
  }
  header .h_inner .logo .h1_text {
    width: 240px;
    flex-direction: column;
  }
  header .h_inner .logo .h1_text h1 {
    font-size: 3.4vw;
  }
  header .h_inner .logo .h1_text .rec_site_h1{
    height: fit-content;
    background: #004AFF;
    background: linear-gradient(90deg,rgba(0, 74, 255, 1) 0%,#73DAFF 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 3.8vw;
    line-height: 1;
    letter-spacing: 0.4vw;
    margin-top: 1vw;
    margin-left: 0;
  }
  header .h_inner #contact_btn_link {
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50px;
    justify-content: center !important;
    font-size: 4.2vw;
    padding-right: 0;
  }
  header .h_inner .openbtn {
    width: 55px;
    height: 55px;
    border-radius: 0 0 0 5px;
  }
  header .h_inner .openbtn span {
    width: 31px;
    left: 12px;
  }
  header .h_inner .openbtn span:nth-of-type(1) {
    top: 16px;
  }
  header .h_inner .openbtn span:nth-of-type(2) {
    top: 27px;
  }
  header .h_inner .openbtn span:nth-of-type(3) {
    top: 38px;
  }
  header .h_inner .openbtn.active span:nth-of-type(1) {
    top: 40%;
    left: 20%;
  }
  header .h_inner .openbtn.active span:nth-of-type(3) {
    top: 61%;
    left: 20%;
  }
  header .h_inner #g-nav {
    width: 100%;
    padding: 0;
  }
  header .h_inner #g-nav:before {
    display: none;
  }
  header .h_inner #g-nav:after {
    content: "";
    width: 100%;
    height: 60px;
    background: #fff;
    display: inline-block;
  }
  header .h_inner #g-nav ul {
    width: 85%;
    height: auto;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 80px !important;
  }
  header .h_inner #g-nav ul li {
    border-bottom: 1px solid #B9D7EB;
    padding-bottom: 2.5vw;
    margin-bottom: 2.5vw;
  }
  header .h_inner #g-nav ul li a {
    font-size: 3.8vw;
  }
  header .h_inner #g-nav ul li:nth-child(6) {
    padding-bottom: 0;
    border-bottom: 0;
  }
  header .h_inner #g-nav ul li:nth-child(7) {
    border-bottom: 0;
    padding-left: 15px;
    padding-bottom: 0;
  }
  header .h_inner #g-nav ul li:nth-child(7):before {
    width: 7px;
  }
  header .h_inner #g-nav ul li:nth-child(8) {
    padding-left: 15px;
  }
  header .h_inner #g-nav ul li:nth-child(8):before {
    width: 7px;
  }
  header .h_inner #g-nav .bottom {
    width: 85%;
    flex-direction: column;
    align-items: top;
    margin-left: auto;
    margin-right: auto;
  }
  header .h_inner #g-nav .bottom .btn_header {
    font-size: 4.2vw;
  }
  header .h_inner #g-nav .bottom .link_privacy {
    font-size: 3.6vw;
    margin-top: 15px;
  }
  header .h_inner #g-nav.panelactive #g-nav-list {
    width: 100%;
    padding: 0;
  }
  header .h_inner #g-nav .entry_btn {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  header .h_inner #g-nav .entry_btn .entry_inner {
    margin-top: 6vw;
  }
  header .h_inner #g-nav .entry_btn .entry_inner .text .comment {
    font-size: 3.1vw;
  }
  header .h_inner #g-nav .entry_btn .entry_inner .text .en {
    font-size: 15vw;
    -webkit-text-stroke-width: 0.3vw;
    -webkit-text-stroke-color: #fff;
  }
  .scroll a {
    right: 5px;
  }
  .scroll a::before {
    top: 20vw;
  }
  @keyframes test04 {
    0% {
      transform:translateY(0%);
    }
    100% {
      transform:translateY(49%);
    }
  }


  /*******************************************************************
    TOP
  *******************************************************************/
  .mv .swiper {
    /* border-bottom-left-radius: 50% 25px;
    border-bottom-right-radius: 50% 25px; */
  }
  .mv .gallery-slide img {
    height: 75vh;
    object-fit: cover;
  }
  .mv .mv_bottom {
    bottom: -1px;
  }
  .mv .text_wrap {
    width: 83vw;
    height: fit-content;
    left: 5%;
    top: 45vh;
    bottom: 0;
  }

  .top_message {
    padding-top: 13vw;
  }
  .top_message .sub_ttl .ja {
    font-size: 7.2vw;
  }
  .top_message .sub_ttl .en {
    font-size: 4.8vw;
  }
  .top_message .message_inner .text_anime {
    margin-top: 10vw;
    margin-bottom: 20vw;
  }
  .top_message .message_inner .text_anime span {
    font-size: 5.6vw;
  }
  .top_message .message_inner .text_anime span:first-child {
    -webkit-transform: translateX(-4vw);
            transform: translateX(-4vw);
  }
  .top_message .message_inner .text_anime span:last-child {
    -webkit-transform: translateX(4vw);
            transform: translateX(4vw);
  }
  .top_message .message_inner .message_text {
    width: 100%;
    line-height: 2;
  }
  .top_message .message_inner .message_text .bg_opacity {
    width: 100%;
    height: 100%;
  }
  .top_message .message_inner .message_text p {
    font-size: 3.4vw;
    line-height: 2.4;
  }
  .top_message .message_inner .btn_large {
    /* margin-left: 0 !important; */
  }
  .top_message .object {
    width: 13vw;
    height: 13vw;
    top: 0;
    right: 5%;
  }
  .top_message .image01 {
    width: 24vw;
    height: 24vw;
    top: 26vw;
    right: 3%;
  }
  .top_message .image02 {
    width: 21.5vw;
    height: 21.5vw;
    top: 66vw;
    left: 4%;
  }
  .top_message .image03 {
    z-index: 2;
    width: 18.4vw;
    height: 18.4vw;
    top: 198vw;
    right: 6%;
  }

  .gallery .gallery_wrapper {
    animation: scroll-left 40s infinite linear both;
  }

  .gallery .gallery-slide {
    /* width: 36vw !important; */
  }
  .gallery .gallery-slide img {
    width: 100%;
  }
  .gallery .gallery-slide:nth-child(odd) img {
    height: 31.9vw;
    width: auto;
  }
  .gallery .gallery-slide:nth-child(even) img {
    height: 37.5vw;
    width: auto;
  }

  .top_number .number_inner {
    flex-direction: column;
  }
  .top_number .number_inner .image {
    width: 100%;
  }
  .top_number .number_inner .text {
    width: 100%;
  }
  .top_number .number_inner .text .icon {
    width: 80%;
    gap: 2%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6vw;
  }
  .top_number .number_inner .text .icon .bike_wrap {
    width: 49%;
    height: auto;
  }
  .top_number .number_inner .text .icon .bike {
    width: 100%;
  }
  .top_number .number_inner .text .icon .gas {
    width: 49%;
    height: auto;
  }
  .top_number .number_inner .text .sub_ttl .ja {
    font-size: 7.2vw;
    text-align: center;
  }
  .top_number .number_inner .text .sub_ttl .en {
    font-size: 4.8vw;
    text-align: center;
  }
  .top_number .number_inner .detail_text {
    font-size: 3.4vw;
    font-weight: 700;
    text-align: center;
    line-height: 2;
    margin-bottom: 6vw;
  }
  .top_number .number_inner .text .btn_large {
    margin-top: 10vw;
    margin-left: auto;
    margin-right: auto;
  }

  .top_crosstalk .crosstalk_inner .image {
    width: 100%;
  }
  .top_crosstalk .crosstalk_inner .text {
    width: 90%;
    flex-direction: column;
    padding: 12vw 5.5vw 8vw;
    -webkit-transform: translateX(-5%) translateY(-10vw);
            transform: translateX(-5%) translateY(-10vw);
  }
  .top_crosstalk .crosstalk_inner .text .icon {
    width: 22vw;
    top: -8.5vw;
    left: 4vw;
  }
  .top_crosstalk .crosstalk_inner .text .left {
    width: 100%;
    margin-bottom: 2vw;
  }
  .top_crosstalk .crosstalk_inner .text .left .sub_ttl .ja {
    font-size: 7.2vw;
  }
  .top_crosstalk .crosstalk_inner .text .left .sub_ttl .en {
    font-size: 4.8vw;
  }
  .top_crosstalk .crosstalk_inner .text .right {
    width: 100%;
  }
  .top_crosstalk .crosstalk_inner .text .right .text_anime span {
    font-size: 4.2vw;
  }
  .top_crosstalk .crosstalk_inner .text .right p {
    font-size: 3.4vw;
    font-weight: 700;
    line-height: 2;
    margin-top: 6vw;
    margin-bottom: 8vw;
  }
  .top_crosstalk .image02 {
    width: 22.6vw;
    height: 22.6vw;
    top: 124vw;
    right: 5%;
  }
  
  main .cnt04 {
    position: relative;
  }
  main .cnt04 img.position-absolute {
    width: 40vw;
  }
  main .cnt04 img.position-absolute.first {
    top: -6%;
    right: 0;
  }
  main .cnt04 img.position-absolute.second {
    left: 0;
    bottom: 5%;
  }
  main .cnt04 .cnt04_inner .cnt04_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item .text {
    flex-direction: column;
    align-items: flex-start !important;
    padding: 7vw 5vw;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item .text .sub_ttl .ja {
    font-size: 6vw;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item .text .sub_ttl .en {
    font-size: 4.8vw;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item .text .btn_medium {
    font-size: 3.4vw;
    margin-top: 4vw;
    padding: 2vw 4vw;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item .text .btn_medium .material-symbols-outlined {
    font-size: 4.8vw;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item .text .button_box {
    width: 100%;
    display: flex;
    gap: 5%;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item .text .button_box .btn_medium {
    margin-bottom: 0;
  }

  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item02 {
    margin-top: 0px;
  }

  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item:last-child {
    margin-top: 5vw;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item:first-child .img {
    border-radius: 15.6vw 0 0 0;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item:last-child .img {
    border-radius: 0 15.6vw 0 0;
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item a {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
            /* margin-left: auto;
        margin-right: auto; */
  }
  main .cnt04 .cnt04_inner .cnt04_row .cnt04_row_item a p .f_46 {
    font-size: 2.4vw;
  }

  .entry .icon {
    width: 75%;
  }
  
  .entry .entry_inner {
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 10%;
  }
  
  .entry .entry_inner .image.primary {
    width: 36%;
    order: 2;
  }
  .entry .entry_inner .image.secondary {
    width: 36%;
    order: 3;
  }
  .entry .entry_inner .text {
    width: 100%;
    order: 1;
    margin-bottom: 6vw;
  }
  .entry .entry_inner .text .comment {
    font-size: 3.8vw;
    margin-bottom: 2vw;
  }
  .entry .entry_inner .text .en {
    font-size: 18.5vw;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
    margin-bottom: 6vw;
  }
  .entry .entry_inner .text .btn_round {
    font-size: 3.6vw;
    margin-bottom: 2vw;
    padding: 3vw 6vw;
  }
  .entry .entry_inner .text .btn_round .material-symbols-outlined {
    font-size: 5.4vw;
  }
  .entry .entry_inner .text .btn_round:hover {
    background: #fff;
    color: #036dd6;
    filter: drop-shadow(6px 6px 0 #036dd6);
  }
  .entry .entry_inner .text .btn_round:hover .material-symbols-outlined {
    color: #036dd6;
  }



  /*===================================================================
  sub
  ===================================================================*/
  /* common */
  .sub_main {
    padding: 100px 0 40px;
  }
  .sub_main .en {
    -webkit-text-stroke-width: 0.14vw;
  }

  .sub_main_career {
    background: url("../img/career/sub_bg_sp.jpg") no-repeat center;
    background-size: cover;
  }
  .sub_main_requirement {
    background: url("../img/requirement/sub_bg_sp.jpg") no-repeat center;
    background-size: cover;
  }
  .sub_main_entry {
    background: url("../img/entry/sub_bg_sp.jpg") no-repeat center;
    background-size: cover;
  }

  .group_ttl {
    width: 100%;
    gap: 3vw;
  }
  .group_ttl .ja {
    font-size: 5.4vw;
    font-weight: 900 !important;
  }
  .group_ttl .en {
    font-size: 5.4vw;
  }


  /* message */
  .msg_intro_inner {
    backdrop-filter: blur(5px);
    width: 90%;
    padding: 7%;
  }
  .msg_intro_inner .text {
    width: 100%;
  }
  .msg_intro_inner .text .text_anime span,
  .msg_intro_inner .text .text_anime_load span {
    width: fit-content;
    font-size: 4.8vw;
    position: relative;
    z-index: 2;
  }
  .msg_intro_inner .text .comment {
    width: 100%;
  }
  .msg_intro .image01 {
    width: 25%;
    top: 40vw;
    right: 2%;
    z-index: 1;
  }
  .msg_intro .image02 {
    width: 15.1vw;
    top: 435px;
    right: 5%;
  }
  .msg_intro .image03 {
    width: 11.9vw;
    top: 620px;
    right: 23%;
  }
  .msg_intro .image04 {
    width: 36.7vw;
    border-radius: 120px 0 0 0;
    bottom: 150px;
    right: 0;
  }
  .msg_product {
    background-size: cover;
  }
  .msg_product .group_ttl {
    width: 75%;
    gap: 0;
  }
  .msg_product .comment {
    font-size: 3.8vw;
  }
  .msg_product .image_box {
    flex-direction: column;
    gap: 8vw;
  }
  .msg_product .image_box .item {
    width: 100%;
  }
  .msg_product .image_box .item p {
    font-size: 3.8vw;
  }
  .msg_appeal_inner {
    backdrop-filter: blur(5px);
    width: 90%;
    padding-top: 16vw;
  }
  .msg_appeal_inner .group_ttl {
    top: -5vw;
  }
  .msg_appeal_inner .point_box {
    width: 85%;
  }
  .msg_appeal_inner .point_box .detail:nth-child(odd) {
    flex-direction: column;
  }
  .msg_appeal_inner .point_box .detail:nth-child(even) {
    flex-direction: column;
  }
  .msg_appeal_inner .point_box .detail .image {
    width: 100%;
  }
  .msg_appeal_inner .point_box .detail .text {
    width: 100%;
    margin-top: 4vw;
  }
  .msg_appeal_inner .point_box .detail .text h4 span {
    font-size: 10vw;
    margin-right: 4vw;
    padding-right: 4vw;
  }


  /* number */
  .data_box_inner {
    backdrop-filter: blur(5px);
    width: 90%;
    padding: 7%;
  }
  .data_box_inner .group_box .group_box_item_lg {
    background-color: #fff;
    width: 100%;
    margin-top: 4%;
    padding-top: 4%;
  }
  .data_box_inner .group_box .group_box_item_sm {
    background-color: #fff;
    width: 48%;
    margin-top: 4%;
    padding-top: 4%;
  }
  .data_box_inner .group_box .group_box_item_lg .factor,
  .data_box_inner .group_box .group_box_item_sm .factor {
    min-width: 27vw;
    font-size: 3.4vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
  }

  .data_box_inner .group_box.grp_company div:nth-child(1) {
    order: 1;
  }
  .data_box_inner .group_box.grp_company div:nth-child(2) {
    order: 2;
  }
  .data_box_inner .group_box.grp_company div:nth-child(3) {
    order: 5;
  }
  .data_box_inner .group_box.grp_company div:nth-child(4) {
    order: 3;
  }
  .data_box_inner .group_box.grp_company div:nth-child(5) {
    order: 4;
  }

  .data_box_inner .group_box div {
    padding-top: 1vw !important;
  }
  .data_box_inner .group_box.grp_work div:nth-child(1) {
    order: 1;
  }
  .data_box_inner .group_box.grp_work div:nth-child(2) {
    order: 2;
  }
  .data_box_inner .group_box.grp_work div:nth-child(3) {
    order: 5;
  }
  .data_box_inner div.pt_sp {
    padding-top: 6vw !important;
  }
  .data_box_inner div.pt_sp p {
    font-size: 3.2vw !important;
  }
  .data_box_inner .group_box.grp_work div:nth-child(4) {
    order: 3;
  }
  .data_box_inner .group_box.grp_work div:nth-child(5) {
    order: 4;
  }
  .data_box_inner .group_box.grp_work div:nth-child(6) {
    order: 6;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }
  .data_box_inner .group_box.grp_work div:nth-child(7) {
    order: 9;
  }
  .data_box_inner .group_box.grp_work div:nth-child(8) {
    order: 10;
  }
  .data_box_inner .group_box.grp_work div:nth-child(9) {
    order: 7;
  }
  .data_box_inner .group_box.grp_work div:nth-child(10) {
    order: 8;
  }

  .data_box_inner .group_box.grp_employee div:nth-child(1) {
    order: 1;
  }
  .data_box_inner .group_box.grp_employee div:nth-child(2) {
    order: 2;
  }
  .data_box_inner .group_box.grp_employee div:nth-child(3) {
    order: 5;
  }
  .data_box_inner .group_box.grp_employee div:nth-child(4) {
    order: 3;
  }
  .data_box_inner .group_box.grp_employee div:nth-child(5) {
    order: 4;
  }
  .data_box_inner .group_box.grp_employee div:nth-child(6) {
    order: 6;
  }
  .data_box_inner .group_box.grp_employee div:nth-child(7) {
    order: 9;
  }
  .data_box_inner .group_box.grp_employee div:nth-child(8) {
    order: 10;
  }
  .data_box_inner .group_box.grp_employee div:nth-child(9) {
    order: 7;
  }
  .data_box_inner .group_box.grp_employee div:nth-child(10) {
    order: 8;
  }


  /* career */
  .careerplan {
    margin-top: 20vw;
  }
  .careerplan .inner {
    backdrop-filter: blur(5px);
    width: 90%;
    padding: 5%;
  }
  .careerplan .inner h3 {
    width: 75%;
    top: -5vw;
    left: 0;
    right: 0;
    margin: auto;
  }
  .careerplan .inner .step {
    width: 50%;
  }
  .careerplan .inner .step .text {
    padding: 7%;
  }
  .careerplan .inner .step .text h4,
  .careerplan .inner .step .text h4 span {
    font-size: 3.8vw;
  }
  .careerplan .inner .step .text p,
  .careerplan .inner .step .text p span {
    font-size: 3.4vw;
  }
  .careerplan .inner .step .text p span {
    display: inline !important;
  }
  .careerplan .inner .attention {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .careerplan .inner.dev .step:nth-child(3) .text {
    height: 60vw;
  }
  .careerplan .inner.dev .step:nth-child(4) .text {
    height: 66vw;
  }
  .careerplan .inner.dev .step:nth-child(5) .text {
    height: 42vw;
  }
  .careerplan .inner.dev .step:nth-child(6) .text {
    height: 48vw;
  }
  .careerplan .inner.mft .step:nth-child(3) .text {
    height: 40vw;
  }
  .careerplan .inner.mft .step:nth-child(4) .text {
    height: 46vw;
  }
  .careerplan .inner.mft .step:nth-child(5) .text {
    height: 47vw;
  }
  .careerplan .inner.mft .step:nth-child(6) .text {
    height: 53vw;
  }


  /* crosstalk */
  .ct_member .inner {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .ct_member .inner .text {
    backdrop-filter: blur(20px);
    padding: 6vw 7%;
  }
  .ct_member .inner .text .bg_color {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #DEEFFF;
    opacity: 52%;
    border-radius: 20px;
  }
  .ct_member .inner .text .text_anime span,
  .ct_member .inner .text .text_anime_load span {
    width: fit-content;
  }
  .ct_member .inner .text .text_anime_load span span {
    font-size: 4.7vw;
  }
  .ct_member .inner .text p {
    position: relative;
  }
  .ct_member .inner .people {
    backdrop-filter: blur(5px);
    gap: 0%;
    justify-content: space-between !important;
    padding: 5%;
  }
  .ct_member .inner .people .profile {
    width: 46%;
  }
  .ct_member .inner .people .profile .post {
    width: 100%;
  }
  .ct_member .inner .people .profile:nth-child(5),
  .ct_member .inner .people .profile:nth-child(6) {
    margin-top: 6vw;
  }
  .ct_q1,
  .ct_q3,
  .ct_q5 {
    backdrop-filter: blur(5px);
    width: 90%;
  }
  .ct_q1 .catch,
  .ct_q3 .catch,
  .ct_q5 .catch {
    flex-direction: column;
  }
  .ct_q1 .catch .image,
  .ct_q3 .catch .image,
  .ct_q5 .catch .image {
    width: 95%;
    border-radius: 10vw 0 0 0;
  }
  .ct_q1 .catch .text,
  .ct_q3 .catch .text,
  .ct_q5 .catch .text {
    width: 95%;
  }
  .ct_q1 .catch .text .text_anime span,
  .ct_q3 .catch .text .text_anime span,
  .ct_q5 .catch .text .text_anime span {
    font-size: 3.8vw;
  }
  .ct_q1 .dialogue,
  .ct_q3 .dialogue,
  .ct_q5 .dialogue {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    /* padding-bottom: 20vw; */
  }
  .ct_q1 .dialogue .talk,
  .ct_q3 .dialogue .talk,
  .ct_q5 .dialogue .talk {
    gap: 10%;
  }
  .ct_q1 .dialogue .talk .face,
  .ct_q3 .dialogue .talk .face,
  .ct_q5 .dialogue .talk .face {
    width: 20%;
  }
  .ct_q1 .dialogue .talk .text,
  .ct_q3 .dialogue .talk .text,
  .ct_q5 .dialogue .talk .text {
    width: 70%;
    padding: 6vw 4vw 4vw;
  }
  .ct_q1 .dialogue .talk .text .name,
  .ct_q3 .dialogue .talk .text .name,
  .ct_q5 .dialogue .talk .text .name {
    font-size: 5.6vw;
  }
  .ct_q2,
  .ct_q4 {
    backdrop-filter: blur(5px);
    width: 90%;
    margin-top: 15vw;
  }
  .ct_q2 .catch,
  .ct_q4 .catch {
    flex-direction: column;
  }
  .ct_q2 .catch .image,
  .ct_q4 .catch .image {
    width: 95%;
    border-radius: 0 10vw 0 0;
  }
  .ct_q2 .catch .text,
  .ct_q4 .catch .text {
    width: 95%;
  }
  .ct_q2 .catch .text .text_anime span,
  .ct_q4 .catch .text .text_anime span {
    font-size: 3.8vw;
  }
  .ct_q2 .dialogue,
  .ct_q4 .dialogue {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    /* margin-bottom: 20vw; */
  }
  .ct_q2 .dialogue .talk,
  .ct_q4 .dialogue .talk {
    gap: 10%;
  }
  .ct_q2 .dialogue .talk .face,
  .ct_q4 .dialogue .talk .face {
    width: 20%;
  }
  .ct_q2 .dialogue .talk .text,
  .ct_q4 .dialogue .talk .text {
    width: 70%;
    padding: 6vw 4vw 4vw;
  }
  .ct_q2 .dialogue .talk .text .name,
  .ct_q4 .dialogue .talk .text .name {
    font-size: 5.6vw;
  }


  /* requirement */
  .req_place_inner {
    width: 90%;
    flex-direction: column;
    gap: 6vw;
    margin-left: auto;
    margin-right: auto;
  }
  .req_place_list {
    width: 100%;
  }
  .req_place_list:nth-child(3),
  .req_place_list:nth-child(4) {
    margin-top: 0;
  }
  .req_place_list .place_ttl {
    font-size: 4.6vw;
  }
  .req_place_list:nth-child(3) .place_ttl,
  .req_place_list:nth-child(4) .place_ttl {
    min-height: auto;
  }
  .req_place_item:hover {
    opacity: 1;
  }
  .req_place_item .text p {
    font-size: 4vw;
  }
  .req_place_item .text .material-symbols-outlined {
    font-size: 7.8vw;
  }
  .detail_box_inner {
    backdrop-filter: blur(5px);
    width: 90%;
    padding: 7%;
  }
  .detail_box_inner table tr {
    padding: 4vw 1.5vw;
  }
  .detail_box_inner table tr th {
    width: 100%;
    font-size: 3.4vw;
    margin-bottom: 1.5vw;
  }
  .detail_box_inner table tr td {
    width: 100%;
    font-size: 3.2vw;
  }
  .detail_box_inner table tr td a,
  .detail_box_inner table tr td span {
    font-size: 3.2vw;
  }
  

  /* entry */
  .howto_inner {
    width: 90%;
    padding: 12vw 5% 6vw 5%;
  }
  .howto_inner .group_ttl {
    width: 90%;
    top: -5vw;
  }
  .howto_inner .group_ttl .ja {
    font-size: 5.4vw;
  }
  .howto_inner .group_ttl .en {
    font-size: 4.2vw;
  }
  .howto_inner .comment {
    font-size: 3.4vw;
  }
  .howto_inner .button_box {
    flex-direction: column;
    gap: 6vw;
  }
  .howto_inner .button_box .button_entryform {
    width: 100%;
  }
  .mynavi_inner {
    width: 90%;
    padding: 12vw 5% 6vw 5%;
  }
  .mynavi_inner .others_ttl {
    width: 80%;
    top: -5vw;
  }
  .mynavi_inner .comment {
    font-size: 3.4vw;
  }
  .mynavi_inner .button_box {
    flex-direction: column;
    gap: 6vw;
  }
  .mynavi_inner .button_box .button_entryform {
    width: 100%;
  }
  .mynavi_inner .button_box .button_entryform .text p {
    font-size: 3.6vw;
  }
  .mynavi_inner .button_box .button_entryform .text .material-symbols-outlined {
    font-size: 5.4vw;
  }





  /*===================================================================
  footer
  ===================================================================*/
  footer {
    padding-bottom: 18vw !important;
  }
  footer .footer_inner .left {
    width: 100%;
  }
  footer .footer_inner .left .logo {
    justify-content: center;
    gap: 2%;
  }
  footer .footer_inner .left .logo span {
    font-size: 4vw;
  }
  footer .footer_inner .left .logo img:first-child {
    width: 20%;
  }
  footer .footer_inner .left .logo img:last-child {
    width: 70%;
  }
  footer .footer_inner .left .rec_site {
    text-align: center;
  }
  footer .footer_inner .left .address {
    width: 90%;
    font-size: 3.4vw;
    line-height: 2;
    margin: 0 auto 6vw;
  }
  footer .footer_inner .left .address a {
    font-size: 3.4vw;
  }
  footer .footer_inner .btn_small {
    margin-left: auto;
    margin-right: auto;
  }
  footer .footer_inner .copyright {
    font-size: 3.4vw;
    text-align: center;
    margin-top: 6vw;
  }
}

@media screen and (max-width: 390px) {
  header .h_inner .logo .h1_text {
    width: 220px;
  }
}
@media screen and (max-width: 375px) {
  header .h_inner .logo .h1_text {
    width: 210px;
  }
}