@charset "UTF-8";
@media screen and (max-width: 767px) {
  html {
    font-size: 2.564vw;
  }
  /*----------------------------------------------------------------

  フォントサイズ

  ----------------------------------------------------------------*/
  .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 {
    display: none !important;
  }
  .sp-flex {
    display: flex !important;
  }
  .pc-flex {
    display: none !important;
  }
  ::placeholder {
    font-size: 3.6vw;
    letter-spacing: 0.12em;
    color: #cccccc;
  }
  .wrap_btn {
    right: 1.6rem;
    bottom: 2.4rem;
    width: 4.8rem;
    height: 4.8rem;
  }
  .wrap_btn_img {
    width: 2rem;
    height: 2rem;
  }
  .wrap_btn_img:hover {
    opacity: 1;
  }
  .wrap_btn p {
    font-size: 12px;
  }

.ta_left_sp{
  text-align: left !important;
}

  /*----------------------------------------------------------------

  ここから下は TOP ページ用の SP 記述。


  ----------------------------------------------------------------*/
  /* --- 共通ボタン --- */
  .c_btn .c_btn_label {
    min-width: 0;
    height: 5.6rem;
    max-height: none;
    min-height: 5.6rem;
    padding: 0 2rem;
  }
  .c_btn .c_btn_arrow {
    width: 2.2rem;
    min-width: 2.2rem;
    margin: 0 1.6rem;
  }
  /*----------------------------------------------------------------

  ハンバーガーメニュー（SP）

  ----------------------------------------------------------------*/
  .hamburger .hamburger_contents .sp_logo {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    display: flex;
    align-items: center;
    width: 100%;
    height: 6rem;
    padding-left: 1.2rem;
    background-color: #ffffff;
    box-shadow: 0 1px 0 rgba(22, 19, 134, 0.12);
  }
  .hamburger .hamburger_contents .sp_logo a {
    display: block;
    width: 17.2rem;
    max-width: 20rem;
  }
  .hamburger .hamburger_contents .sp_logo a img {
    width: 100%;
    height: auto;
  }
  .hamburger .hamburger_contents .contact_btn {
    position: fixed;
    top: 0;
    right: 6rem;
    z-index: 1003;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    background-color: #161386;
  }
  .hamburger .hamburger_contents .contact_btn span {
    color: #ffffff;
    font-size: 2.6rem;
  }
  .hamburger .hamburger_contents .menu_trigger {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1004;
    width: 6rem;
    height: 6rem;
    padding: 0;
    border: 0;
    background-color: #387af6;
  }
  .hamburger .hamburger_contents .menu_trigger span {
    position: absolute;
    left: 1.6rem;
    display: inline-block;
    box-sizing: border-box;
    width: 2.8rem;
    height: 0.2rem;
    background-color: #ffffff;
    transition: all 0.4s ease;
  }
  .hamburger .hamburger_contents .menu_trigger span:nth-of-type(1) {
    top: 2.1rem;
  }
  .hamburger .hamburger_contents .menu_trigger span:nth-of-type(2) {
    top: 2.9rem;
  }
  .hamburger .hamburger_contents .menu_trigger span:nth-of-type(3) {
    top: 3.7rem;
  }
  .hamburger .hamburger_contents .menu_trigger.active span:nth-of-type(1) {
    top: 2.9rem;
    transform: rotate(-45deg);
  }
  .hamburger .hamburger_contents .menu_trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .hamburger .hamburger_contents .menu_trigger.active span:nth-of-type(3) {
    top: 2.9rem;
    transform: rotate(45deg);
  }
  .hamburger .hamburger_contents .sp_nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1001;
    width: 100%;
    height: 100dvh;
    padding-top: 6rem;
    overflow-y: auto;
    background-color: #161386;
    transform: translateX(100%);
    transition: transform 0.4s ease;
    visibility: hidden;
  }
  .hamburger .hamburger_contents .sp_nav.open {
    transform: translateX(0);
    visibility: visible;
  }
  .hamburger .hamburger_contents .sp_nav .nav_inner {
    width: 88%;
    margin: auto;
    padding: 2.4rem 0 4.8rem;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_list li + li {
    margin-top: -0.1rem;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.8rem 0.4rem;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    font-size: 4.2vw;
    font-weight: 600;
    letter-spacing: 0.2rem;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_arrow {
    color: inherit;
    width: 2.2rem;
    height: 2.2rem;
    background-color: currentColor;
    -webkit-mask: url(../img/common/white_arrow.svg) no-repeat center/contain;
    mask: url(../img/common/white_arrow.svg) no-repeat center/contain;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_btns {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    margin-top: 3.2rem;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_btns .c_btn {
    width: 100%;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_btns .c_btn .c_btn_label {
    flex: 1 1 auto;
    min-width: 0;
    height: 5.6rem;
    min-height: 5.6rem;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_btns .c_btn .c_btn_arrow {
    margin: 0 1.6rem;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_tel {
    margin-top: 2.8rem;
    color: #ffffff;
    text-align: center;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_tel a {
    color: #ffffff;
  }
  .hamburger .hamburger_contents .sp_nav .sp_menu_tel .sp_menu_tel_num {
    display: block;
    margin-top: 0.4rem;
    font-size: 7.5vw;
    font-weight: 700;
    letter-spacing: 0.1rem;
  }
  body.is_nav_open {
    overflow: hidden;
  }
  main {
    /*----------------------------------------------------------------

    共通レイアウト（SP）

    デザインは PC のみ支給。SP は 1 カラムに積み替え、
    余白は PC の比率を保ったまま SP 幅（39rem 基準）へ置き換えている。

    ----------------------------------------------------------------*/
    /*----------------------------------------------------------------

    MV（SP 暫定）


    ----------------------------------------------------------------*/
    /*----------------------------------------------------------------

    ABOUT US

    ----------------------------------------------------------------*/
    /*----------------------------------------------------------------

    BUSINESS

    ----------------------------------------------------------------*/
    /*----------------------------------------------------------------

    COMPANY

    ----------------------------------------------------------------*/
    /*----------------------------------------------------------------

    RECRUIT

    ----------------------------------------------------------------*/
    /*----------------------------------------------------------------

    CONTACT

    ----------------------------------------------------------------*/
  }
  main .l_inner {
    width: 88%;
    max-width: none;
  }
  main .l_indent {
    padding-left: 0;
  }
  main .l_rule {
    display: none;
  }
  main .c_btn {
    width: 100%;
  }
  main .c_btn .c_btn_label {
    flex: 1 1 auto;
  }
  main .mv {
    height: 200vh;
  }
  main .mv .mv_stage {
    --mv-top: 7.5rem;
  }
  main .mv .mv_stage .mv_network {
    top: 6rem;
    width: 160%;
    height: calc(var(--mv-u) * 1436);
  }
  main .mv .mv_device {
    left: 50%;
    margin-left: calc(var(--mv-u) * -279);
  }
  main .mv .mv_catch {
    white-space: normal;
  }
  main .mv .mv_catch .mv_catch_main {
    flex-wrap: wrap;
  }
  main .mv .mv_subcatch {
    white-space: normal;
  }
  main .mv .mv_copy {
    padding: 0 1.6rem;
  }
  main .sec_head {
    height: auto;
    max-height: none;
    min-height: 0;
    padding: 2.8rem 0;
  }
  main .sec_head .sec_head_inner {
    width: 88%;
    max-width: none;
    padding-left: 0;
  }
  main .sec_head .sec_head_ja {
    gap: 0.8rem;
  }
  main .sec_head .sec_head_ja img {
    width: 1.6rem;
    min-width: 1.6rem;
  }
  main .sec_head .sec_head_en {
    font-size: 11vw;
    letter-spacing: 0.2rem;
  }
  main .sec_head.-center .sec_head_inner {
    width: 100%;
  }
  main .about {
    padding-top: 0rem;
  }
  main .about .about_body {
    display: block;
    padding-top: 2.8rem;
    padding-left: 0;
  }
  main .about .about_lead {
    width: 100%;
    max-width: none;
    white-space: normal;
  }
  main .about .about_lead .about_lead_1 {
    font-size: 4.4vw;
  }
  main .about .about_lead .about_lead_2 {
    display: block;
  }
  main .about .about_lead .about_lead_2 .c_grad,
  main .about .about_lead .about_lead_2 span:last-child {
    font-size: 5.4vw;
    line-height: 1.6;
  }
  main .about .about_text {
    width: 100%;
    max-width: none;
    margin-top: 2rem;
  }
  main .about .about_photos {
    width: 100%;
    max-width: none;
    margin-top: 2.8rem;
  }
  main .business {
    padding-top: 4.8rem;
  }
  main .business .business_body {
    display: block;
    width: 88%;
    max-width: none;
    padding-top: 2.8rem;
  }
  main .business .business_left {
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
  main .business .business_lead + .business_text {
    margin-top: 2rem;
  }
  main .business .business_text + .c_btn {
    margin-top: 2.4rem;
  }
  main .business .business_photos {
    width: 100%;
    max-width: none;
    margin-top: 2.8rem;
  }
  main .company {
    padding-top: 4.8rem;
  }
  main .company .sec_head {
    border-bottom: unset;
  }
  main .company .company_body {
    display: block;
    padding-top: 2.4rem;
  }
  main .company .company_list {
    width: 100%;
    max-width: none;
  }
  main .company .company_list a {
    height: auto;
    max-height: none;
    min-height: 0;
    padding: 2rem 0.4rem;
  }
  main .company .company_arrow {
    width: 2.2rem;
    min-width: 2.2rem;
  }
  main .company .company_photo {
    width: 100%;
    max-width: none;
    margin-top: 2.4rem;
    min-width: unset;
  }
  /* 採用情報。SP は縦長の一枚絵（recruit_ban_sp.png / 実寸 585×1344＝390×896 の 1.5 倍）。
     絵の上半分は余白、下半分が写真のかたまりなので、
     文字とボタンは上に載せ、ボタンの下に写真ぶんの余白を確保して見せている。
     背景は幅に合わせて拡大し、下端で固定（上の余白側が切れる）*/
  main .recruit {
    margin-top: 4.8rem;
    min-height: 0;
    background-image: url(../img/top/recruit_ban_sp.png);
    background-position: center bottom;
    background-size: 100% auto;
  }
  main .recruit .recruit_body {
    display: block;
    width: 88%;
    max-width: none;
    padding-top: 2.3rem;
    padding-bottom: 41rem;
  }
  /* PC 側の max-width:46vw（写真よけ）は SP では 179px になってしまうので解除。
     SP は背景の写真が文字の下に来るレイアウトなので、よける必要がない */
  main .recruit .recruit_left {
    max-width: none;
    margin-left: 0;
  }
  main .recruit .recruit_lead {
    font-size: 2.62rem;
    line-height: 1.4;
    letter-spacing: 3px;
    /* 3 行組みになるぶん、Figma では PC（226.77deg）より角度が寝ている */
    background-image: linear-gradient(246.8deg, #387af6 37.99%, #000000 90.31%);
  }
  main .recruit .recruit_lead b {
    font-size: 3.34rem;
  }
  /* 「“人”」だけデザイン上ひとまわり大きい（PC は他の太字と同じ大きさ） */
  main .recruit .recruit_lead b.recruit_lead_big {
    font-size: 4.5rem;
    line-height: 1.33;
  }
  main .recruit .recruit_text {
    margin-top: 2.3rem;
    font-size: 1.6rem;
    line-height: 1.54;
  }
  main .recruit .recruit_text + .c_btn {
    margin-top: 3.5rem;
  }
  main .contact {
    padding-top: 0;
    padding-bottom: 4rem;
  }
  main .contact .contact_body {
    display: block;
  }
  main .contact .contact_card {
    min-height: 0;
    padding: 2.8rem 1.6rem;
  }
  main .contact .contact_card + .contact_card {
    border-top: 1px solid #eaeaea;
    border-left: 0;
  }
  main .contact .contact_tel,
  main .contact .contact_form {
    gap: 1rem;
    margin-top: 1rem !important;
  }
  main .contact .contact_icon {
    font-size: 3.4rem;
  }
  main .contact .contact_icon[src] {
    width: 3.4rem;
  }
  main .contact .contact_tel {
    cursor: pointer;
    margin-top: 1rem !important;
  }
  /*----------------------------------------------------------------

  footer（SP）

  ----------------------------------------------------------------*/
  .site-footer .footer_main {
    display: block;
    min-height: 0;
    padding: 4rem 0;
  }
  .site-footer .footer_inner {
    display: block;
    width: 88%;
    max-width: none;
  }
  .site-footer .footer_logo {
    width: 24.2rem;
    max-width: 28rem;
  }
  .site-footer .footer_info {
    margin-top: 2rem;
  }
  .site-footer .footer_info .footer_address {
    margin-top: 0.8rem;
    text-align: left !important;
  }
  .site-footer .footer_right {
    align-items: stretch;
    margin-top: 3.2rem;
  }
  .site-footer .footer_nav {
    flex-wrap: wrap;
    gap: 0 1rem;
  }
  .site-footer .footer_nav a {
    width: calc(50% - 0.5rem);
    max-width: none;
    padding: 0.8rem 0.4rem;
  }
  .site-footer .footer_nav a:nth-child(3),
  .site-footer .footer_nav a:nth-child(4) {
    border-top: none !important;
  }
  .site-footer .footer_btns {
    flex-direction: column;
    gap: 1.2rem;
    margin-top: 2.4rem;
  }
  .site-footer .footer_btns .c_btn {
    width: 100%;
  }
  .site-footer .footer_btns .c_btn .c_btn_label {
    flex: 1 1 auto;
  }
  .site-footer .footer_copy {
    height: auto;
    max-height: none;
    min-height: 0;
    padding: 1.6rem 1.2rem;
  }
}
/*----------------------------------------------------------------

タブレット（縦持ち）専用

【なぜ横幅で分岐できないか】
このサイトは <head> のスクリプトで、screen.width が 767 以上のとき
viewport を width=1200 に固定している。そのため 768 / 820 / 912 / 1024px の
どのタブレットでも CSS 上の横幅は 1200px になってしまい、
max-width / min-width では機種を区別できない（実測で全機種 1200px を確認）。

【代わりに縦横比で分岐する】
ビューポートは 1200px 固定でも、高さは実機の縦横比ぶん伸びる。
縦持ちタブレットは 幅 ÷ 高さ が 0.67〜0.75 で、1 を超えることがない。

  iPad mini    768 × 1024 → 1200 × 1600（0.750）
  iPad Air     820 × 1180 → 1200 × 1727（0.695）
  Surface Pro  912 × 1368 → 1200 × 1800（0.667）
  iPad Pro    1024 × 1366 → 1200 × 1601（0.750）

  ※ PC は 1.50〜1.60、タブレット横持ちは 1.44 なので当たらない

【スマホに影響しないこと】
スマホは screen.width < 767 なので viewport が device-width になり、
CSS 幅は 390px 前後。min-width: 768px で必ず弾かれる。
SP 用の @media（max-width: 767px）とは範囲が完全に排他なので、
このブロックに何を書いてもスマホの見た目は一切変わらない。

----------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-aspect-ratio: 1/1) {

  /* ---------------- MV（タブレット縦持ち） ----------------

     構図の倍率は PC と同じまま（線画のインターホンも元のサイズ）。
     ステージを 48vh に詰めてキャッチを上へ持ち上げ、
     .mv をステージのすぐ上までしか取らないことで、
     舞台の下に露出する領域へ ABOUT US を早く引き上げる。

     .mv の高さ − ステージの高さ ＝ 演出に使えるスクロール距離（travel）。
     詰めるほど白は減るが、travel が短いほど演出は一瞬で終わる。
     ステージ（48vh）以下にすると travel が 0 になり、onScroll が
     即 return して演出が丸ごと止まるので必ず上回らせること。
     ---------------------------------------------------------------------- */
  main .mv {
    height: 55vh;
  }
  main .mv .mv_stage {
    height: 48vh;
  }
  main .mv .mv_copy {
    top: 9rem;
    bottom: auto;
  }
}