@media screen and (max-width: 767px) {
  /*----------------------------------------------------------------
  font size
  ----------------------------------------------------------------*/
  .f_10 {
    font-size: 4vw;
  }
  .f_12 {
    font-size: 4vw;
  }
  .f_14 {
    font-size: 4vw;
  }
  .f_16 {
    font-size: 4.4vw;
  }
  .f_18 {
    font-size: 4.8vw;
  }
  .f_20 {
    font-size: 5vw;
  }
  .f_22 {
    font-size: 5.2vw;
  }
  .f_24 {
    font-size: 5.4vw;
  }
  .f_26 {
    font-size: 5.6vw;
  }
  .f_28 {
    font-size: 5.8vw;
  }
  .f_30 {
    font-size: 5.8vw;
  }
  .f_32 {
    font-size: 6vw;
  }
  .f_34 {
    font-size: 6vw;
  }
  .f_36 {
    font-size: 6vw;
  }
  .f_38 {
    font-size: 6.2vw;
  }
  .f_40 {
    font-size: 6.2vw;
  }
  .f_42 {
    font-size: 6.2vw;
  }
  .f_44 {
    font-size: 6.4vw;
  }
  .f_46 {
    font-size: 6.4vw;
  }
  .f_48 {
    font-size: 6.6vw;
  }
  .f_50 {
    font-size: 6.6vw;
  }
  .f_52 {
    font-size: 6.8vw;
  }
  .f_54 {
    font-size: 6.8vw;
  }
  .f_56 {
    font-size: 7vw;
  }
  .f_58 {
    font-size: 7vw;
  }
  .f_60 {
    font-size: 7.2vw;
  }
  .f_62 {
    font-size: 7.2vw;
  }
  .f_64 {
    font-size: 7.4vw;
  }
  .f_66 {
    font-size: 7.4vw;
  }
  .f_68 {
    font-size: 7.6vw;
  }
  .f_70 {
    font-size: 7.6vw;
  }
  .f_72 {
    font-size: 7.8vw;
  }
  .f_74 {
    font-size: 7.8vw;
  }
  .f_76 {
    font-size: 8vw;
  }
  .f_78 {
    font-size: 8vw;
  }
  .f_80 {
    font-size: 8.2vw;
  }
  .f_82 {
    font-size: 8.2vw;
  }
  .f_84 {
    font-size: 8.4vw;
  }
  .f_86 {
    font-size: 8.4vw;
  }
  .f_88 {
    font-size: 8.6vw;
  }
  .f_90 {
    font-size: 8.6vw;
  }
  .f_92 {
    font-size: 8.8vw;
  }
  .f_94 {
    font-size: 8.8vw;
  }
  .f_96 {
    font-size: 9vw;
  }
  .f_98 {
    font-size: 9vw;
  }
  .f_100 {
    font-size: 9.2vw;
  }
  .f_102 {
    font-size: 9.2vw;
  }
  .f_104 {
    font-size: 9.4vw;
  }
  .f_106 {
    font-size: 9.4vw;
  }
  .f_108 {
    font-size: 9.6vw;
  }
  .f_110 {
    font-size: 9.6vw;
  }
  .f_112 {
    font-size: 9.8vw;
  }
  .f_114 {
    font-size: 9.8vw;
  }
  .f_116 {
    font-size: 10vw;
  }
  .f_118 {
    font-size: 10vw;
  }
  .f_120 {
    font-size: 10.2vw;
  }
  .f_122 {
    font-size: 10.2vw;
  }
  .f_124 {
    font-size: 10.4vw;
  }
  .f_126 {
    font-size: 10.4vw;
  }
  .f_128 {
    font-size: 10.6vw;
  }
  .f_130 {
    font-size: 10.6vw;
  }
  .f_132 {
    font-size: 10.8vw;
  }
  .f_134 {
    font-size: 10.8vw;
  }
  .f_136 {
    font-size: 11vw;
  }
  .f_138 {
    font-size: 11vw;
  }
  .f_140 {
    font-size: 11.2vw;
  }
  .f_142 {
    font-size: 11.2vw;
  }
  .f_144 {
    font-size: 11.4vw;
  }
  .f_146 {
    font-size: 11.4vw;
  }
  .f_148 {
    font-size: 11.6vw;
  }
  .f_150 {
    font-size: 11.6vw;
  }
  .f_152 {
    font-size: 11.8vw;
  }
  .f_154 {
    font-size: 11.8vw;
  }
  .f_156 {
    font-size: 12vw;
  }
  .f_158 {
    font-size: 12vw;
  }
  .f_160 {
    font-size: 12.2vw;
  }
  .f_162 {
    font-size: 12.2vw;
  }
  .f_164 {
    font-size: 12.2vw;
  }
  /*----------------------------------------------------------------
  margin/padding
  ----------------------------------------------------------------*/
  .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: 3vw;
    padding-bottom: 3vw;
  }
  .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;
  }
  /*----------------------------------------------------------------
  general
  ----------------------------------------------------------------*/
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  ::placeholder {
    font-size: 3.6vw;
    letter-spacing: 0.12em;
    color: #cccccc;
  }
  .line_main_s {
    margin: 0.6rem auto;
  }
  .wrap_btn {
    right: 0;
    bottom: 0;
    width: 100px;
    height: 70px;
  }
  .wrap_btn p {
    font-size: 3vw;
  }
  .wrap_btn_img {
    line-height: 0;
  }
  .wrap_btn_img:hover {
    opacity: 1;
  }
  .wrap_btn_img .material-icons-outlined {
    font-size: 6vw;
  }
  .bg_inner h3 {
    font-size: 6vw;
  }
  .bg_inner p {
    font-size: 4vw;
  }
  .bg_inner p span {
    font-size: 3.8vw;
  }
  .service_ttl {
    font-size: 6vw;
  }
  .news_box_wap {
    width: 100%;
    margin-top: 30px;
  }
  .news_box_wap .news_box_ttl {
    padding-right: 40px;
  }
  .news_s_box {
    margin-bottom: 100px;
  }
  .table01 th {
    padding: 3vw 0 1.5vw;
    width: 100%;
    display: block;
    border: none;
    font-size: 4vw;
  }
  .table01 td {
    padding: 0 0 15px;
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 3.6vw;
  }
  .table01 td ul {
    margin-bottom: 4vw !important;
  }
  .table01 td ul li {
    font-size: 3.6vw;
  }
  .table01 td a {
    font-size: 3.6vw;
  }
  .table01 td p {
    font-size: 3.6vw;
  }
  .table01 td p:nth-child(4) {
    font-size: 3.6vw;
  }
  input[type=button],
  input[type=submit] {
    margin-bottom: 10px;
  }
  .sub_ttl {
    padding: 60px 0;
  }
  .sub_ttl h2:first-child {
    font-size: 7vw;
  }
  .sub_ttl h2:last-child {
    font-size: 5vw;
  }
  .bg_inner {
    padding: 8vw 0 16vw;
  }
  .bg_inner dl {
    width: 100%;
    flex-direction: column;
  }
  .bg_inner dl dt {
    justify-content: flex-start;
    margin-top: 15px;
  }
  /*----------------------------------------------------------------
  header
  ----------------------------------------------------------------*/
  .hamburger .hamburger-contents .sp-logo {
    position: fixed;
    top: 0;
    left: 0;
    height: 70px;
    width: 100%;
    z-index: 1002;
    padding-left: 5%;
    display: flex;
    justify-content: start;
    align-items: center;
    transition: 0.3s ease;
  }
  .hamburger .hamburger-contents .sp-logo.active {
    background: #fff;
    transition: 0.3s ease;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
  }
  .hamburger .hamburger-contents .sp-logo a {
    max-width: 112px;
    width: 30%;
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    padding: 8px;
    border-radius: 10px;
  }
  .hamburger .hamburger-contents .sp-logo-sub {
    background: #fff;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
  }
  .hamburger .hamburger-contents .menu-trigger {
    z-index: 1003;
    position: fixed;
    top: 15px;
    right: 24px;
    width: 40px;
    height: 40px;
    padding: 8px;
    background-color: #fff;
    transition: 0.3s ease;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
  }
  .hamburger .hamburger-contents .menu-trigger span {
    z-index: 1003;
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 11px;
    width: 20px;
    height: 2px;
    background-color: #399be4;
    transition: all 0.4s ease;
  }
  .hamburger .hamburger-contents .menu-trigger span:nth-of-type(1) {
    top: 12px;
  }
  .hamburger .hamburger-contents .menu-trigger span:nth-of-type(2) {
    top: 19px;
  }
  .hamburger .hamburger-contents .menu-trigger span:nth-of-type(3) {
    bottom: 12px;
  }
  .hamburger .hamburger-contents .menu-trigger.scroll_active {
    background-color: #399be4;
    transition: 0.3s ease;
  }
  .hamburger .hamburger-contents .menu-trigger.scroll_active span {
    background-color: #fff;
  }
  .hamburger .hamburger-contents .menu-trigger.active span:nth-of-type(1) {
    transform: rotate(-45deg);
    margin-top: 7px;
  }
  .hamburger .hamburger-contents .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .hamburger .hamburger-contents .menu-trigger.active span:nth-of-type(3) {
    transform: rotate(45deg);
    margin-bottom: 7px;
  }
  .hamburger .hamburger-contents nav {
    position: absolute;
    background-color: #399be4;
    width: 100%;
    height: 100%;
    position: fixed;
    bottom: 0%;
    transform: translateY(-150%);
    transition: 0.5s ease-in-out;
    padding: 75px 0 30px;
    overflow: auto;
    z-index: 1000;
  }
  .hamburger .hamburger-contents nav.open {
    transform: translateY(0);
    z-index: 1000;
    transition: 0.5s ease-in-out;
  }
  .hamburger .hamburger-contents nav .nav-inner {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-list a, .hamburger .hamburger-contents nav .nav-inner .sp-menu-list .parent {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 6vh;
    margin-bottom: 1vh;
    position: relative;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-list .split02_inner {
    width: 46%;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-list .split02 .sp-menu-list-item.nest {
    padding-left: 6vw;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-list .split02 .sp-menu-list-item.nest::before {
    content: "";
    width: 8px;
    margin: auto 0 auto -16px;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-list .sp-menu-list-item {
    border-bottom: 1px dashed #fff;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-list .sp-menu-list-item.nest {
    height: 4vh;
    border-bottom: none;
    padding-left: 10vw;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-list .sp-menu-list-item.nest::before {
    content: "";
    width: 14px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0 auto -24px;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-contact {
    border-radius: 10px;
    text-align: center;
    padding: 3vw 5vw;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-contact .tel {
    font-size: 7.2vw;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-contact .tel .material-icons-outlined {
    font-size: 7.2vw;
    margin-right: 0.25em;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-contact .attention {
    font-size: 3.6vw;
  }
  .hamburger .hamburger-contents nav .nav-inner .sp-menu-contact .button_press.mail {
    width: 100%;
  }
  /*----------------------------------------------------------------
  content
  ----------------------------------------------------------------*/
  table.contact_form {
    width: 100%;
  }
  table.contact_form th {
    padding: 15px 0 5px;
    width: 100%;
    display: block;
    text-align: left;
    border: none;
  }
  table.contact_form td {
    width: 100%;
    display: block;
    padding: 0;
  }
  .container_960 h3:nth-child(1) {
    font-size: 6vw;
  }
  .container_960 h3:nth-child(2) {
    font-size: 5vw;
  }
  .container_960 p:nth-child(4) {
    font-size: 4vw;
  }
  .container_960 p:nth-child(5) {
    font-size: 5vw;
  }
  .container_1400 {
    max-width: 100%;
    width: 100%;
  }
  .container_1400 .detail .bg_inner .bg_inner {
    width: 100%;
    padding-bottom: 5vw;
  }
  .mt-200 {
    margin-top: -15px;
  }
  .table-ptn02-wrap {
    overflow-x: scroll;
  }
  .cont01 .cont01_ttl {
    width: 100%;
    text-align: center;
  }
  .cont01 .cont01_ttl .btn_main {
    display: none;
  }
  .cont01 .btn_wap {
    width: 100%;
  }
  .cont01 .btn_wap .btn_main {
    display: inline-block !important;
  }
  .cont02 img {
    width: 100%;
    left: 0;
    height: 200px;
    object-fit: cover;
  }
  .cont02 .cont02_txt_box {
    width: 100%;
    margin-top: 10px;
  }
  .cont02 .cont02_txt_box .bg_inner {
    padding: 40px 0;
  }
  .cont03 p {
    font-size: 3.8vw;
  }
  .cont03 img {
    width: 115.7%;
    margin-left: -10%;
  }
  .cont03 .container {
    width: 100%;
  }
  .cont03 .container h3.f_60 {
    font-size: 12vw;
  }
  .cont04 {
    padding: 60px 0;
  }
  .cont04 h3 {
    font-size: 7vw;
  }
  .cont05 {
    margin-top: 0;
  }
  .cont05 .row .cont05_box {
    margin: 60px 0 0;
  }
  .cont05 .row .cont05_box:first-child {
    margin: 0;
  }
  .cont05 .row .cont05_box h5 {
    font-size: 5.5vw;
    line-height: 1.4;
  }
  .cont05 .row .cont05_box p {
    font-size: 3.8vw;
  }
  .cont05 .row .cont05_box p.mt30 {
    margin-top: 1.5em;
  }
  .cont05 .row .cont05_box p.mt10 {
    margin-top: 1em;
  }
  .cont06 .ttl01 {
    font-size: 6vw;
  }
  .cont06 .cont06-row {
    flex-direction: column;
    width: 100%;
    margin-bottom: 40px;
  }
  .cont06 .cont06-row img {
    width: 100%;
    margin-bottom: 30px;
  }
  .cont06 .cont06-row p {
    width: 100%;
    font-size: 5.5vw;
  }
  .cont06 .speech {
    width: 100%;
    font-size: 4vw !important;
    margin-top: 4vw;
  }
  .cont06 .signature {
    width: 100%;
  }
  .cont07 iframe {
    height: 200px;
  }
  .cont08 .cont08_box_txt02 i {
    font-size: 7vw;
  }
  .cont09 .cont09_box figure img {
    height: 140px;
    object-fit: cover;
  }
  .cont09 .cont09_box figure .material-icons-outlined {
    left: unset;
    right: 10%;
    top: 50%;
    transform: translate(0, -50%);
  }
  .cont11 .cont11-box .table-ptn01 tr th {
    width: 100%;
    display: block;
  }
  .cont11 .cont11-box .table-ptn01 tr td {
    display: block;
  }
  .cont11 .cont11-box .table-ptn02 {
    width: 800px;
  }
  .cont12 .cont12-wrap .cont12-item {
    flex-direction: column;
    padding: 20px;
  }
  .cont12 .cont12-wrap .cont12-item img {
    width: 100%;
    margin: 30px 0;
  }
  .cont12.cont12-1 .cont12-wrap .cont12-item p:first-child {
    border-right: none;
    border-bottom: 1px solid #2e3192;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .cont12.cont12-1 .cont12-wrap .cont12-item p:last-child {
    padding-left: 0;
  }
  .cont14 .cont14-row-wrap .cont14-row .cont14-row-item {
    width: 100%;
    flex-direction: column;
  }
  .cont14 .cont14-row-wrap .cont14-row .cont14-row-item h3 {
    font-size: 5vw;
  }
  .cont14 .cont14-row-wrap .cont14-row .cont14-row-item p {
    font-size: 3.8vw;
  }
  .cont14 .cont14-row-wrap .cont14-row .cont14-row-image img {
    max-width: 100%;
  }
  .cont14 .cont14-row-wrap .cont14-row .cont14-row-image img:first-child {
    margin-bottom: 6vw;
  }
  .cont14 .cont14-row-wrap .cont14-row .cont14-row-text {
    margin-top: 4vw;
    padding-bottom: 15vw;
  }
  .cont14 .cont14-row-wrap .cont14-row .cont14-row-text img {
    margin: 0 auto 1vw;
  }
  .cont14 .cont14-row-wrap .cont14-row .cont14-row-bgtext {
    left: auto !important;
    right: 10% !important;
    text-align: right;
  }
  .anchor-link {
    flex-direction: column;
  }
  .anchor-link a:nth-child(2) {
    margin: 20px 0;
  }
  .anchor-point {
    transform: translateY(-60px);
  }
  .about .philosophy h4 {
    width: 90%;
    margin: 0 auto;
  }
  .about .strong {
    background-position: right top 60vh;
  }
  .about .strong .strong_inner {
    margin-top: 12vw;
  }
  .about .strong .strong_inner h3 {
    font-size: 6vw;
  }
  .about .strong .strong_inner .row .cont05_box {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .about .bg01 {
    background-size: auto;
    background-position: -50vw 150vw;
    padding: 60px 0;
    margin-top: 0;
  }
  .about .outro {
    padding-bottom: 0;
  }
  .about .outro .outro_inner img {
    border-radius: 0;
  }
  .about .outro .outro_inner .detail {
    border-radius: 20px 20px 0 0;
  }
  .about .sdgs .sdgs_inner {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }
  .about .sdgs .sdgs_inner .effort_box {
    flex-direction: column;
  }
  .about .sdgs .sdgs_inner .effort_box .detail {
    width: 100%;
    margin-bottom: 18vw;
  }
  .about .sdgs .sdgs_inner .effort_box .detail h4 {
    font-size: 5.6vw;
  }
  .about .sdgs .sdgs_inner .effort_box .detail h4 span {
    font-size: 4.2vw;
  }
  .about .sdgs .sdgs_inner .effort_box .detail img {
    margin-top: 6vw;
    margin-bottom: 4vw;
  }
  .about .sdgs .sdgs_inner .effort_box .detail p {
    font-size: 3.8vw;
  }
  .about .sdgs .sdgs_inner .effort_box .detail ul li {
    font-size: 3.8vw;
    padding-left: 1em;
  }
  .company .message .container_960 h3:nth-child(1) {
    font-size: 8vw;
  }
  .company #office .warehouse {
    flex-direction: column;
    margin-bottom: 12vw;
  }
  .company #office .warehouse h4 {
    margin-bottom: 6vw;
  }
  .company #office .warehouse .image {
    width: 100%;
    margin-bottom: 6vw;
  }
  .company #office .warehouse .information {
    width: 100%;
  }
  .company #office .warehouse .information p {
    font-size: 3.8vw;
    margin-bottom: 4vw;
  }
  .company #office .warehouse .information p span {
    font-size: 4vw;
  }
  .service .intro p {
    font-size: 4.2vw;
  }
  .service .intro .bg_inner {
    width: 100%;
    margin-top: 8vw;
    padding: 5%;
  }
  .service .intro .bg_inner dl dt {
    font-size: 5vw;
    margin-top: 0;
    line-height: 1.2;
  }
  .service .intro .bg_inner dl dt span {
    font-size: 8vw;
    line-height: 0;
  }
  .service .intro .bg_inner dl dd {
    margin-bottom: 20px;
  }
  .service .intro .bg_inner dl dd p {
    font-size: 3.8vw;
  }
  .service .service_ttl {
    text-align: left;
    padding-bottom: 3vw;
  }
  .service .service_ttl span {
    font-size: 9.6vw;
    line-height: 0;
  }
  .service .service_box {
    width: 90%;
    margin-top: 8vw;
    margin-left: auto;
    margin-right: auto;
  }
  .service .service_box .service_dtl {
    width: 100%;
    padding: 0;
  }
  .service .service_box .service_dtl .bg_text {
    font-size: 40px;
    text-align: left !important;
    top: -25px;
    left: 0;
    right: auto;
  }
  .service .service_box .service_dtl h4 {
    font-size: 5.6vw;
    position: relative;
    z-index: 2;
  }
  .service .service_box .service_dtl h4 span {
    font-size: 3.6vw;
  }
  .service .service_box .service_dtl .cont14-row-text {
    padding-bottom: 0;
  }
  .service .service_box .service_dtl .cont14-row-text .keyword_box {
    margin-top: 4vw;
  }
  .service .service_box .service_dtl .cont14-row-text .keyword_box .head {
    margin-bottom: 2vw;
  }
  .service .service_box .service_dtl .cont14-row-text .keyword_box .word {
    font-size: 3.4vw;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .service .safety_effort .safety_effort_inner {
    width: 90%;
    flex-direction: column;
    margin-top: 8vw;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .service .safety_effort .safety_effort_inner .effort {
    width: 100%;
    margin-bottom: 10vw;
  }
  .service .safety_effort .safety_effort_inner .effort:last-child {
    margin-bottom: 0;
  }
  .service .safety_effort .safety_effort_inner .effort h4 {
    font-size: 5.4vw;
  }
  .service .safety_effort .safety_effort_inner .effort h4 span {
    font-size: 3.6vw;
    margin-top: 1vw;
  }
  .service .safety_effort .safety_effort_inner .effort p {
    font-size: 3.8vw;
  }
  .contact .privacy .intro p {
    font-size: 3.6vw;
    margin-bottom: 12vw;
  }
  .contact .privacy .intro p span {
    font-size: 3.6vw;
  }
  .contact .privacy .intro h3 {
    font-size: 5.4vw;
    margin-bottom: 50px;
  }
  .contact .privacy .privacy_content dt {
    font-size: 4vw;
    line-height: 1.5;
    padding-bottom: 10px;
  }
  .contact .privacy .privacy_content dd {
    font-size: 3.6vw;
    margin-bottom: 10vw;
  }
  .contact .privacy .privacy_content dd ul, .contact .privacy .privacy_content dd ol {
    margin-left: 0.5em !important;
  }
  .contact .privacy .privacy_content dd ul li, .contact .privacy .privacy_content dd ol li {
    font-size: 3.6vw;
  }
  .contact .privacy .privacy_content dd ul li a, .contact .privacy .privacy_content dd ol li a {
    font-size: 3.6vw;
  }
  .contact .privacy .agreement_box {
    flex-direction: column-reverse;
    width: 80%;
    gap: 6vw;
  }
  .contact .privacy .agreement_box .button_common,
  .contact .privacy .agreement_box .button_reverse {
    width: 100%;
  }
  .contact .form .howto p {
    font-size: 3.8vw;
  }
  .contact .form .howto p a {
    font-size: 3.8vw;
  }
  .contact .form dl dt {
    font-size: 4vw;
    margin-bottom: 2vw;
  }
  .contact .form dl dt span {
    font-size: 3.4vw;
  }
  .contact .form dl dd {
    margin-bottom: 5vw;
  }
  .contact .form dl dd input, .contact .form dl dd textarea {
    padding: 1.5vw;
  }
  .contact .form dl .submit {
    width: 80%;
    margin-top: 8vw;
  }
  .contact .form dl .submit .formbtn {
    margin-bottom: 0;
  }
  .contact .form dl .submit .material-icons-outlined {
    top: 35%;
    right: 28%;
  }


  /*----------------------------------------------------------------
  single page
  ----------------------------------------------------------------*/
  .page_blog .archive {
    padding-top: 25vw;
  }
  .page_blog .archive .widget_categories {
    width: 90%;
    margin: 12vw auto 6vw;
  }
  .page_blog .archive .widget_categories ul {
    flex-wrap: wrap;
    gap: 3%;
  }
  .page_blog .archive .widget_categories ul:before {
    font-size: 3.8vw;
    margin-right: 0.6vw;
    margin-bottom: 4vw;
  }
  .page_blog .archive .widget_categories ul li {
    margin-bottom: 2.4vw;
    padding-bottom: 1.8vw;
  }
  .page_blog .archive .widget_categories ul li a {
    font-size: 3.8vw;
  }
  .page_blog .archive .inner {
    flex-direction: column;
  }
  .page_blog .archive .inner .topic {
    width: 100%;
    height: 380px;
    margin-bottom: 5%;
    padding: 5%;
  }
  .page_blog .archive .inner .topic:hover {
    opacity: 1;
  }
  .page_blog .archive .inner .topic .image {
    height: 48vw;
  }
  .page_blog .archive .inner .topic .date {
    font-size: 4.4vw;
  }
  .page_blog .archive .inner .topic:hover .category span {
    background: #f3f8ff;
    opacity: 1;
  }
  .page_blog .archive .inner .topic .material-icons {
    bottom: 5%;
    right: 5%;
  }
  .page_blog .archive .inner .topic:hover .material-icons {
    background: #399be4;
    color: #fff;
    opacity: 1;
  }

  /*投稿の書式設定*/
  .news_s_box_txt .news_list_upper .news_list_date {
    font-size: 4.2vw;
    padding: 0 0 1vw;
  }
  .page_blog .content .inner .left .news_s_box_txt .news_list_cat {
    font-size: 3.8vw;
    margin-bottom: 4vw;
    padding: 0 5px;
  }
  .page_blog .content .inner .left .news_s_box_txt ul {
    padding-left: 2em !important;
  }
  .page_blog .content .inner .left .news_s_box_txt .wp-block-button__link:hover {
    opacity: 1;
  }

  /*----------------------------------------------------------------
  pager
  ----------------------------------------------------------------*/
  /*次ページへボタン*/
  .news_button_area .news_button_area_arrow span {
    width: 5.4vw;
    height: 5.4vw;
    margin: 0 1vw;
  }
  .news_button_area .news_button_area_arrow p {
    font-size: 3.6vw;
    border-bottom: 2px solid #399be4;
    margin-bottom: 0;
  }
  .news_button_area .news_button_area_button {
    width: 26vw;
    font-size: 3.6vw;
    padding: 3.6vw 0;
  }

  /*ウィジェット*/
  #column .archive .widget_categories ul li a:hover {
    background: #399be4;
    color: #fff;
  }


  /*----------------------------------------------------------------
  additional css
  ----------------------------------------------------------------*/
  .page_about .ctm04 .box_wap .box {
    padding: 5%;
  }
  .page_about .ctm04 .box_wap .box h3 {
    font-size: 4.2vw;
  }
  .page_about .ctm04 .box_wap .box p {
    font-size: 3.8vw;
    line-height: 1.6;
  }
  .page_about .container_980 {
    width: 90%;
  }
  .page_about .container_980 .ttl_wap p {
    font-size: 4vw;
  }
  .page_about .container_980 .ttl_wap p span {
    font-size: 4vw;
  }
  .page_about .ttl_wap .greeting {
    flex-direction: column-reverse;
  }
  .page_about .ttl_wap .greeting .image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .page_about .ttl_wap .greeting .image img {
    width: 35%;
  }
  .page_about .ttl_wap .greeting .image p {
    width: 60%;
  }
  .page_about .ttl_wap .greeting .text {
    width: 100%;
  }
  .page_about .ttl_wap .greeting .text h4 {
    margin-bottom: 3vw;
  }
  .page_about .ttl_wap .greeting .text p {
    margin-bottom: 9vw;
  }
  .page_infant .button_press.trial,
  .page_elementary .button_press.trial,
  .page_junior .button_press.trial,
  .page_high .button_press.trial {
    width: 90%;
  }
  .page_infant .cont02,
  .page_elementary .cont02,
  .page_junior .cont02,
  .page_high .cont02 {
    flex-direction: column;
  }
  .page_infant .cont02 .cont02_txt_box,
  .page_elementary .cont02 .cont02_txt_box,
  .page_junior .cont02 .cont02_txt_box,
  .page_high .cont02 .cont02_txt_box {
    width: 90%;
    margin-bottom: 6vw;
  }
  .page_infant .cont02 .cont02_txt_box .bg_inner ul li,
  .page_elementary .cont02 .cont02_txt_box .bg_inner ul li,
  .page_junior .cont02 .cont02_txt_box .bg_inner ul li,
  .page_high .cont02 .cont02_txt_box .bg_inner ul li {
    font-size: 4vw;
  }
  .page_infant .cont02 img,
  .page_elementary .cont02 img,
  .page_junior .cont02 img,
  .page_high .cont02 img {
    width: 90%;
  }
  .page_infant .intro,
  .page_elementary .intro,
  .page_junior .intro,
  .page_high .intro {
    width: 90%;
    font-size: 4vw;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .intro span,
  .page_elementary .intro span,
  .page_junior .intro span,
  .page_high .intro span {
    font-size: 5vw;
  }
  .page_infant .strengths .sec_title,
  .page_elementary .strengths .sec_title,
  .page_junior .strengths .sec_title,
  .page_high .strengths .sec_title {
    margin-bottom: 6vw;
  }
  .page_infant .strengths .cont05 .row,
  .page_elementary .strengths .cont05 .row,
  .page_junior .strengths .cont05 .row,
  .page_high .strengths .cont05 .row {
    flex-direction: column;
    gap: 0;
    margin-bottom: 10vw;
  }
  .page_infant .strengths .cont05 .row .cont05_box,
  .page_elementary .strengths .cont05 .row .cont05_box,
  .page_junior .strengths .cont05 .row .cont05_box,
  .page_high .strengths .cont05 .row .cont05_box {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4vw;
    padding: 3vw 5vw;
  }
  .page_infant .strengths .cont05 .row .cont05_box:first-child,
  .page_elementary .strengths .cont05 .row .cont05_box:first-child,
  .page_junior .strengths .cont05 .row .cont05_box:first-child,
  .page_high .strengths .cont05 .row .cont05_box:first-child {
    margin-top: 0;
  }
  .page_infant .strengths .cont05 .row .cont05_box h4,
  .page_elementary .strengths .cont05 .row .cont05_box h4,
  .page_junior .strengths .cont05 .row .cont05_box h4,
  .page_high .strengths .cont05 .row .cont05_box h4 {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .page_infant .strengths .cont05 .row .cont05_box h4 .number,
  .page_elementary .strengths .cont05 .row .cont05_box h4 .number,
  .page_junior .strengths .cont05 .row .cont05_box h4 .number,
  .page_high .strengths .cont05 .row .cont05_box h4 .number {
    width: 12vw;
    height: 12vw;
    font-size: 6vw;
    padding: 2vw;
  }
  .page_infant .strengths .cont05 .row .cont05_box h4 .point,
  .page_elementary .strengths .cont05 .row .cont05_box h4 .point,
  .page_junior .strengths .cont05 .row .cont05_box h4 .point,
  .page_high .strengths .cont05 .row .cont05_box h4 .point {
    width: 80%;
    font-size: 4.2vw;
  }
  .page_infant .strengths .cont14 .cont14-row-wrap .cont14-row,
  .page_elementary .strengths .cont14 .cont14-row-wrap .cont14-row,
  .page_junior .strengths .cont14 .cont14-row-wrap .cont14-row,
  .page_high .strengths .cont14 .cont14-row-wrap .cont14-row {
    flex-direction: column-reverse;
    justify-content: flex-start !important;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    gap: 0;
  }
  .page_junior .strengths .cont14 .cont14-row-wrap .cont14-row {
    flex-direction: column;
  }
  .page_infant .strengths .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_elementary .strengths .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_junior .strengths .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_high .strengths .cont14 .cont14-row-wrap .cont14-row .cont14-row-text {
    width: 100%;
    margin-top: 0;
    padding-bottom: 0;
  }
  .page_junior .strengths .cont14 .cont14-row-wrap .cont14-row .cont14-row-text p span {
    font-size: 4.2vw;
  }
  .page_infant .strengths .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_elementary .strengths .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_junior .strengths .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_high .strengths .cont14 .cont14-row-wrap .cont14-row .cont14-row-image {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .strengths .comment,
  .page_elementary .strengths .comment,
  .page_junior .strengths .comment,
  .page_high .strengths .comment {
    width: 90%;
    font-size: 4vw;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .features .point p,
  .page_elementary .features .point p,
  .page_junior .features .point p,
  .page_high .features .point p {
    font-size: 3.8vw;
  }
  .page_infant .features .cont05 .detail_box,
  .page_elementary .features .cont05 .detail_box,
  .page_junior .features .cont05 .detail_box,
  .page_high .features .cont05 .detail_box {
    flex-direction: column;
    gap: 0;
  }
  .page_infant .features .cont05 .detail_box .cont05_box,
  .page_elementary .features .cont05 .detail_box .cont05_box,
  .page_junior .features .cont05 .detail_box .cont05_box,
  .page_high .features .cont05 .detail_box .cont05_box {
    width: 100%;
    margin-bottom: 6vw;
    padding: 5%;
  }
  .page_infant .features .cont05 .detail_box .cont05_box:nth-child(4),
  .page_infant .features .cont05 .detail_box .cont05_box:nth-child(5){
    width: 90%;
    margin-bottom: 0;
  }
  .page_infant .features .cont05 .detail_box .cont05_box h4,
  .page_elementary .features .cont05 .detail_box .cont05_box h4,
  .page_junior .features .cont05 .detail_box .cont05_box h4,
  .page_high .features .cont05 .detail_box .cont05_box h4 {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .page_infant .features .cont05 .detail_box .cont05_box h4 .number,
  .page_elementary .features .cont05 .detail_box .cont05_box h4 .number,
  .page_junior .features .cont05 .detail_box .cont05_box h4 .number,
  .page_high .features .cont05 .detail_box .cont05_box h4 .number {
    width: 12vw;
    height: 12vw;
    font-size: 6vw;
    padding: 2vw;
  }
  .page_infant .features .cont05 .detail_box .cont05_box h4 .point,
  .page_elementary .features .cont05 .detail_box .cont05_box h4 .point,
  .page_junior .features .cont05 .detail_box .cont05_box h4 .point,
  .page_high .features .cont05 .detail_box .cont05_box h4 .point {
    width: 80%;
    font-size: 4.2vw;
  }
  .page_infant .features .cont05 .detail_box .cont05_box h4 .point .highlight,
  .page_elementary .features .cont05 .detail_box .cont05_box h4 .point .highlight,
  .page_junior .features .cont05 .detail_box .cont05_box h4 .point .highlight,
  .page_high .features .cont05 .detail_box .cont05_box h4 .point .highlight {
    font-size: 4.8vw;
  }
  .page_infant .features .cont14 .cont14-row-wrap .cont14-row,
  .page_elementary .features .cont14 .cont14-row-wrap .cont14-row,
  .page_junior .features .cont14 .cont14-row-wrap .cont14-row,
  .page_high .features .cont14 .cont14-row-wrap .cont14-row {
    flex-direction: column;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    gap: 0;
  }
  .page_infant .features .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_elementary .features .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_junior .features .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_high .features .cont14 .cont14-row-wrap .cont14-row .cont14-row-text {
    width: 100%;
    margin-top: 0;
    padding-bottom: 6vw;
  }
  .page_infant .features .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_elementary .features .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_junior .features .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_high .features .cont14 .cont14-row-wrap .cont14-row .cont14-row-image {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .features .comment,
  .page_elementary .features .comment,
  .page_junior .features .comment,
  .page_high .features .comment {
    width: 90%;
    font-size: 4vw;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .textbooks .cont05 .row,
  .page_elementary .textbooks .cont05 .row,
  .page_junior .textbooks .cont05 .row,
  .page_high .textbooks .cont05 .row {
    flex-direction: column;
  }
  .page_infant .textbooks .cont05 .row .cont05_box,
  .page_elementary .textbooks .cont05 .row .cont05_box,
  .page_junior .textbooks .cont05 .row .cont05_box,
  .page_high .textbooks .cont05 .row .cont05_box {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .textbooks .cont14 .cont14-row-wrap .cont14-row,
  .page_elementary .textbooks .cont14 .cont14-row-wrap .cont14-row,
  .page_junior .textbooks .cont14 .cont14-row-wrap .cont14-row,
  .page_high .textbooks .cont14 .cont14-row-wrap .cont14-row {
    flex-direction: column;
    gap: 0;
  }
  .page_infant .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_elementary .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_junior .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_high .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-text {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
  }
  .page_infant .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_elementary .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_junior .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_high .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-image {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-bottom,
  .page_elementary .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-bottom,
  .page_junior .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-bottom,
  .page_high .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-bottom {
    flex-direction: column;
  }
  .page_infant .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-bottom img,
  .page_elementary .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-bottom img,
  .page_junior .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-bottom img,
  .page_high .textbooks .cont14 .cont14-row-wrap .cont14-row .cont14-row-bottom img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .textbooks .cont14 .textbooks_strength,
  .page_elementary .textbooks .cont14 .textbooks_strength,
  .page_junior .textbooks .cont14 .textbooks_strength,
  .page_high .textbooks .cont14 .textbooks_strength {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .textbooks .cont14 .textbooks_strength h4,
  .page_elementary .textbooks .cont14 .textbooks_strength h4,
  .page_junior .textbooks .cont14 .textbooks_strength h4,
  .page_high .textbooks .cont14 .textbooks_strength h4 {
    font-size: 4.5vw;
  }
  .page_infant .textbooks .cont14 .textbooks_strength p,
  .page_elementary .textbooks .cont14 .textbooks_strength p,
  .page_junior .textbooks .cont14 .textbooks_strength p,
  .page_high .textbooks .cont14 .textbooks_strength p {
    font-size: 4vw;
  }
  .page_infant .textbooks_image,
  .page_elementary .textbooks_image,
  .page_junior .textbooks_image,
  .page_high .textbooks_image {
    flex-direction: column;
  }
  .page_infant .textbooks_image img,
  .page_elementary .textbooks_image img,
  .page_junior .textbooks_image img,
  .page_high .textbooks_image img {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4vw;
  }
  .page_infant .textbooks_image img:last-child,
  .page_elementary .textbooks_image img:last-child,
  .page_junior .textbooks_image img:last-child,
  .page_high .textbooks_image img:last-child {
    margin-bottom: 0;
  }
  .page_infant .textbooks .point,
  .page_elementary .textbooks .point,
  .page_junior .textbooks .point,
  .page_high .textbooks .point {
    width: 90%;
  }
  .page_infant .textbooks .point .comment,
  .page_elementary .textbooks .point .comment,
  .page_junior .textbooks .point .comment,
  .page_high .textbooks .point .comment {
    font-size: 4vw;
  }
  .page_infant .textbooks .point .addition,
  .page_elementary .textbooks .point .addition,
  .page_junior .textbooks .point .addition,
  .page_high .textbooks .point .addition {
    font-size: 3.8vw;
  }
  .page_infant .flow .cont14 .cont14-row-wrap h4,
  .page_elementary .flow .cont14 .cont14-row-wrap h4,
  .page_junior .flow .cont14 .cont14-row-wrap h4,
  .page_high .flow .cont14 .cont14-row-wrap h4 {
    font-size: 4.8vw;
    border-radius: 2.4vw 2.4vw 0 0;
  }
  .page_infant .flow .cont14 .cont14-row-wrap .cont14-row,
  .page_elementary .flow .cont14 .cont14-row-wrap .cont14-row,
  .page_junior .flow .cont14 .cont14-row-wrap .cont14-row,
  .page_high .flow .cont14 .cont14-row-wrap .cont14-row {
    flex-direction: column;
    padding: 6vw;
    border-radius: 0 2.4vw 2.4vw 2.4vw;
    gap: 0;
  }
  .page_infant .flow .cont14 .cont14-row-wrap .cont14-row:nth-child(6), .page_infant .flow .cont14 .cont14-row-wrap .cont14-row:nth-child(10),
  .page_elementary .flow .cont14 .cont14-row-wrap .cont14-row:nth-child(6),
  .page_elementary .flow .cont14 .cont14-row-wrap .cont14-row:nth-child(10),
  .page_junior .flow .cont14 .cont14-row-wrap .cont14-row:nth-child(6),
  .page_junior .flow .cont14 .cont14-row-wrap .cont14-row:nth-child(10),
  .page_high .flow .cont14 .cont14-row-wrap .cont14-row:nth-child(6),
  .page_high .flow .cont14 .cont14-row-wrap .cont14-row:nth-child(10) {
    flex-direction: column-reverse;
  }
  .page_infant .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_elementary .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_junior .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-text,
  .page_high .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-text {
    width: 100%;
    padding-bottom: 0;
  }
  .page_infant .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_elementary .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_junior .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-image,
  .page_high .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-image {
    width: 100%;
  }
  .page_infant .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-image img,
  .page_elementary .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-image img,
  .page_junior .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-image img,
  .page_high .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-image img {
    margin-bottom: 0;
  }
  .page_infant .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02,
  .page_elementary .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02,
  .page_junior .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02,
  .page_high .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02 {
    width: 100%;
    margin-bottom: 6vw;
  }
  .page_infant .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02:last-child,
  .page_elementary .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02:last-child,
  .page_junior .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02:last-child,
  .page_high .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02:last-child {
    margin-bottom: 0;
  }
  .page_infant .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02 p,
  .page_elementary .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02 p,
  .page_junior .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02 p,
  .page_high .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-item02 p {
    font-size: 3.8vw;
  }
  .page_infant .flow .point,
  .page_elementary .flow .point,
  .page_junior .flow .point,
  .page_high .flow .point {
    width: 90%;
    flex-direction: column-reverse;
  }
  .page_infant .flow .point .text,
  .page_elementary .flow .point .text,
  .page_junior .flow .point .text,
  .page_high .flow .point .text {
    margin-top: 4vw;
  }
  .page_infant .flow .point .text h4,
  .page_elementary .flow .point .text h4,
  .page_junior .flow .point .text h4,
  .page_high .flow .point .text h4 {
    font-size: 4.8vw;
  }
  .page_infant .flow .point .text ul li,
  .page_elementary .flow .point .text ul li,
  .page_junior .flow .point .text ul li,
  .page_high .flow .point .text ul li {
    font-size: 3.8vw;
  }
  .page_infant .flow .point .text p,
  .page_elementary .flow .point .text p,
  .page_junior .flow .point .text p,
  .page_high .flow .point .text p {
    font-size: 3.8vw;
  }
  .page_infant .tuition .plan .detail_box,
  .page_elementary .tuition .plan .detail_box,
  .page_junior .tuition .plan .detail_box,
  .page_high .tuition .plan .detail_box {
    flex-direction: column;
  }
  .page_infant .tuition .plan .detail_box h4,
  .page_elementary .tuition .plan .detail_box h4,
  .page_junior .tuition .plan .detail_box h4,
  .page_high .tuition .plan .detail_box h4 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .tuition .plan .detail_box .cont05_box,
  .page_elementary .tuition .plan .detail_box .cont05_box,
  .page_junior .tuition .plan .detail_box .cont05_box,
  .page_high .tuition .plan .detail_box .cont05_box {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 5%;
  }
  .page_infant .tuition .plan .detail_box .cont05_box:last-child,
  .page_elementary .tuition .plan .detail_box .cont05_box:last-child,
  .page_junior .tuition .plan .detail_box .cont05_box:last-child,
  .page_high .tuition .plan .detail_box .cont05_box:last-child {
    width: 95%;
  }
  .page_infant .tuition .plan .detail_box .cont05_box h5,
  .page_elementary .tuition .plan .detail_box .cont05_box h5,
  .page_junior .tuition .plan .detail_box .cont05_box h5,
  .page_high .tuition .plan .detail_box .cont05_box h5 {
    font-size: 5.4vw;
    margin-bottom: 2vw;
  }
  .page_infant .tuition .plan .detail_box .cont05_box p,
  .page_elementary .tuition .plan .detail_box .cont05_box p,
  .page_junior .tuition .plan .detail_box .cont05_box p,
  .page_high .tuition .plan .detail_box .cont05_box p {
    font-size: 4.8vw;
  }
  .page_infant .tuition .plan .detail_box .cont05_box p .weekly,
  .page_elementary .tuition .plan .detail_box .cont05_box p .weekly,
  .page_junior .tuition .plan .detail_box .cont05_box p .weekly,
  .page_high .tuition .plan .detail_box .cont05_box p .weekly {
    border-radius: 5px;
    font-size: 3.2vw;
    padding: 0.6% 2%;
  }
  .page_infant .tuition .plan .detail_box .cont05_box p .price,
  .page_elementary .tuition .plan .detail_box .cont05_box p .price,
  .page_junior .tuition .plan .detail_box .cont05_box p .price,
  .page_high .tuition .plan .detail_box .cont05_box p .price {
    font-size: 9.6vw;
  }
  .page_infant .tuition .plan .attention,
  .page_elementary .tuition .plan .attention,
  .page_junior .tuition .plan .attention,
  .page_high .tuition .plan .attention {
    width: 95%;
    font-size: 3.6vw;
    margin-left: auto;
    margin-right: auto;
  }
  .page_infant .tuition .cont11 .cont11-box .attention,
  .page_elementary .tuition .cont11 .cont11-box .attention,
  .page_junior .tuition .cont11 .cont11-box .attention,
  .page_high .tuition .cont11 .cont11-box .attention {
    font-size: 3.4vw;
    margin-bottom: 4vw;
  }
  .page_infant .tuition .cont11 .cont11-box table,
  .page_elementary .tuition .cont11 .cont11-box table,
  .page_junior .tuition .cont11 .cont11-box table,
  .page_high .tuition .cont11 .cont11-box table {
    max-width: 960px;
    background-color: #fff;
  }
  .page_infant .tuition .cont11 .cont11-box table tr th,
  .page_elementary .tuition .cont11 .cont11-box table tr th,
  .page_junior .tuition .cont11 .cont11-box table tr th,
  .page_high .tuition .cont11 .cont11-box table tr th {
    width: 20%;
  }
  .page_infant .tuition .cont11 .cont11-box table tr td,
  .page_elementary .tuition .cont11 .cont11-box table tr td,
  .page_junior .tuition .cont11 .cont11-box table tr td,
  .page_high .tuition .cont11 .cont11-box table tr td {
    vertical-align: middle;
  }
  .page_infant .tuition .schedule .detail_box h5,
  .page_elementary .tuition .schedule .detail_box h5,
  .page_junior .tuition .schedule .detail_box h5,
  .page_high .tuition .schedule .detail_box h5 {
    font-size: 4vw;
    margin-bottom: 4vw;
  }
  .page_infant .tuition .schedule .detail_box .cont05_box,
  .page_elementary .tuition .schedule .detail_box .cont05_box,
  .page_junior .tuition .schedule .detail_box .cont05_box,
  .page_high .tuition .schedule .detail_box .cont05_box {
    width: 47%;
    margin: 0 auto 4vw;;
  }
  .page_infant .tuition .schedule .detail_box .cont05_box p,
  .page_elementary .tuition .schedule .detail_box .cont05_box p,
  .page_junior .tuition .schedule .detail_box .cont05_box p,
  .page_high .tuition .schedule .detail_box .cont05_box p {
    font-size: 4.8vw;
  }

  .page_faq .flow .cont14 .cont14-row-wrap h3 {
    font-size: 5vw;
    line-height: 1.4;
  }
  .page_faq .flow .cont14 .cont14-row-wrap p {
    font-size: 4vw;
  }
  .page_faq .flow .cont14 .cont14-row-wrap .cont14-row {
    flex-direction: column-reverse;
  }
  .page_faq .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-image {
    width: 70%;
    height: 75vw;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
  }
  .page_faq .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-text {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .page_faq .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-text {
    padding-bottom: 0;
  }
  .page_faq .flow .cont14 .cont14-row-wrap .cont14-row .cont14-row-text ul li {
    font-size: 3.8vw;
  }
  .page_faq .flow .flow_detail {
    padding-top: 10vw;
  }
  .page_faq .flow .flow_detail h3 {
    font-size: 5vw;
    line-height: 1.4;
  }
  .page_faq .flow .flow_detail .text {
    width: 100%;
    font-size: 4vw;
  }
  .page_faq .flow .flow_detail .image {
    width: 100%;
  }
  .page_faq .flow .conversion_btn .conversion_btn_inner {
    width: 90%;
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
  .page_faq .flow .conversion_btn .conversion_btn_inner p {
    font-size: 5vw;
  }
  .page_faq .flow .conversion_btn .conversion_btn_inner .button_press {
    width: 90%;
  }
  .page_faq .flow .conversion_btn .conversion_btn_inner .phone {
    flex-direction: column;
    margin-top: 8vw;
  }
  .page_faq .flow .conversion_btn .conversion_btn_inner .phone .left,
  .page_faq .flow .conversion_btn .conversion_btn_inner .phone .right {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .page_faq .flow .conversion_btn .conversion_btn_inner .phone .left p {
    font-size: 4vw;
  }
  .page_faq .flow .conversion_btn .conversion_btn_inner .phone .right .number,
  .page_faq .flow .conversion_btn .conversion_btn_inner .phone .right .number .material-symbols-outlined{
    font-size: 9vw;
  }
  .page_faq .flow .conversion_btn .conversion_btn_inner .phone .right .time {
    font-size: 3.6vw;
  }

  .page_recruit .table01 td ul {
    margin-bottom: 6vw !important;
  }
  .page_recruit .table01 td ul:last-child {
    margin-bottom: 0 !important;
  }
  .page_recruit .intro .cont14 .cont14-row-wrap .cont14-row {
    width: 95%;
    flex-direction: column;
    gap: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .page_recruit .intro .cont14 .cont14-row-wrap .cont14-row .cont14-row-text {
    padding-bottom: 0;
  }
  .page_recruit .intro .cont14 .cont14-row-wrap .cont14-row .cont14-row-text p span {
    margin-bottom: 2vw;
  }

  .archive .archive_inner {
    flex-direction: column;
  }
  .archive .archive_inner .detail_box {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12vw;
  }
  .archive .archive_inner .detail_box div {
    padding: 5%;
  }

/*=====================================================
250610 TOP改修　中村
=====================================================*/
main .top_new01 .top_new01_inner .top_new01_item01 .bg_white {
  padding: 5vw;
}
main .top_new01 .top_new01_inner .top_new01_item01 .bg_white .f_32{
  font-size: 5.2vw !important;
}
main .top_new01 .top_new01_inner .top_new01_item01 .bg_white .f_40{
  font-size: 7.6vw !important;
}
main .top_new01 .top_new01_inner .top_new01_item01::before,
main .top_new01 .top_new01_inner .top_new01_item01::after {
  width: calc(50% + 3vw);
  height: calc(100% + 3vw);
}
main .top_new01 .top_new01_inner .top_new01_item01::before {
  left: -2.5vw;
}
main .top_new01 .top_new01_inner .top_new01_item01::after {
  right: -2.5vw;
}

main .top_new01 .top_new01_inner .top_new01_item_row02 {
  flex-wrap: wrap;
}
main .top_new01 .top_new01_inner .top_new01_item_row02 a {
  width: 48.5%;
  height: auto;
  margin-bottom: 3vw;
}


main  .top_new02 .top_new02_inner .top_new02_item {
  margin-top: 23vw;
}
main  .top_new02 .top_new02_inner .top_new02_item.features {
  margin-top: 6vw;
}
main  .top_new02 .top_new02_inner .top_new02_item .title p.position-absolute {
  width: 30vw;
  height: 30vw;
  top: -15vw;
  padding-top: 3vw;
}
main  .top_new02 .top_new02_inner .top_new02_item .title h3 {
  padding: 3vw;
}
main  .top_new02 .top_new02_inner .top_new02_item .title h3,
main  .top_new02 .top_new02_inner .top_new02_item .title h3 span {
  font-size: 5vw;
}
main .top_new02 .top_new02_inner .top_new02_item .box01 ul li{
  font-size: 4.4vw;
}
main .top_new02 .top_new02_inner .top_new02_item .box01 .text_wrap .f_28 {
  font-size: 5vw;
}

main .top_new02 .top_new02_inner .top_new02_item .triangle {
  height: 40px;
}
main .top_new02 .top_new02_inner .top_new02_item .box02 .top_new02_row {
  flex-direction: column;
}
main .top_new02 .top_new02_inner .top_new02_item .box02 {
  padding-bottom: 10vw;
}
main .top_new02 .top_new02_inner .top_new02_item .box02 .top_new02_row .top_new02_row_item.top_new02_row_left p.f_32 {
  margin-top: 6vw;
}
main .top_new02 .top_new02_inner .top_new02_item .box02 .top_new02_row .top_new02_row_item.top_new02_row_left {
  margin-bottom: 6vw;
}
main .top_new02 .top_new02_inner .top_new02_item .box02 .top_new02_row .top_new02_row_item.top_new02_row_left,
main .top_new02 .top_new02_inner .top_new02_item .box02 .top_new02_row .top_new02_row_item.top_new02_row_right {
  width: 100%;
}

main .top_new02 .top_new02_inner .top_new02_item .box02 ul.disc {
  margin: 5vw auto 0 !important;
}
main .top_new02 .top_new02_inner .top_new02_item .box02 ul li {
  font-size: 4.4vw;
}
main .top_new02 .top_new02_inner .top_new02_item .box02 .marker_wrap .f_32 {
  font-size: 5vw;
}


main .top_new02 .top_new02_inner .top_new02_item .box02 .table_wrap .scroll_wrap {
  overflow-x: scroll;
}
main .top_new02 .top_new02_inner .top_new02_item .box02 .table_wrap table {
  width: 180vw;
}
main .top_new02 .top_new02_inner .top_new02_item .box02 .table_wrap table tr th,
main .top_new02 .top_new02_inner .top_new02_item .box02 .table_wrap table tr td {
  padding: 3vw 5vw;
  font-size: 4.6vw;
}


main .top_new03 .top_new03_inner .top_new03_row .detail_box {
  width: 100%;
  margin-bottom: 7vw;
}
main .top_new03 .top_new03_inner .top_new03_row .detail_box .material-icons-outlined {
  font-size: 15vw;
}
main .top_new03 .top_new03_inner .top_new03_row .detail_box h3 {
  margin-top: 0;
}
main .top_new03 .top_new03_inner .top_new03_row .detail_box .box01 .img {
  max-width: 300px;
}
main .top_new03 .top_new03_inner .top_new03_row .detail_box .box01,
main .top_new03 .top_new03_inner .top_new03_row .detail_box .box02 {
  padding: 5vw;
}

main .top_new03 .top_new03_inner .top_new03_row .detail_box .box02 .f_28{
  font-size: 5.2vw;
}
main .top_new03 .top_new03_inner .top_new03_row .detail_box .box02 ul {
  margin-top: 5vw !important;
}
main .top_new03 .top_new03_inner .top_new03_row .detail_box .box02 ul li {
  font-size: 4.2vw;
}
main .top_new03 .top_new03_inner p.f_24.mt40 span.f_28 {
  font-size: 5vw;
  margin-bottom: 3vw;
}

main .top_new04 h3 {
  font-size: 5vw;
}
main .top_new04 .thoughts_inner .text .f_20{
  font-size: 3.8vw;
}
main .top_new04 .thoughts_inner .image {
  display: block;
  
}
main .top_new04 .thoughts_inner .image img{
  width: 80%;
  height: 80vw;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: top center;
}

main .top_new05 .top_new05_inner .top_new05_item .top_new05_row .top_new05_row_item {
  width: 100%;
  margin-bottom: 20px;
  flex-direction: column;
  padding: 5vw;
}
main .top_new05 .top_new05_inner .top_new05_item .top_new05_row .top_new05_row_item .img {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 3vw;
}
main .top_new05 .top_new05_inner .top_new05_item .top_new05_row .top_new05_row_item .text_wrap h3 {
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  margin-top: 0;
  width: 100%;
  text-align: center;
}

main .top_new04 .thoughts_inner {
  flex-direction: column !important;
}
main .top_new04 .thoughts_inner .image {
  margin-bottom: 5vw;
}
main .top_new04 .thoughts_inner .text {
  margin-bottom: 0;
  padding-top: 5vw;
  border-top: 4px double #ccc;
}


/*=====================================================
250610 about改修　中村
=====================================================*/
main .about_new01 .about_new01_inner {
  width: 90%;
  margin: 0 auto;
}
main .about_new01 .about_new01_inner h3,
main .about_new01 .about_new01_inner h3 .f_32 {
  font-size: 5.2vw;
}

main .about_new01 .about_new01_inner .about_new01_row {
  flex-direction: column;
  padding: 5vw;
}
main .about_new01 .about_new01_inner .about_new01_row .img {
  width: 100%;
  margin-bottom: 4vw;
}
main .about_new01 .about_new01_inner .about_new01_row .text_wrap {
  width: 100%;
}
main .about_new01 .about_new01_inner .about_new01_row .text_wrap h4,
main .about_new01 .about_new01_inner .about_new01_row .text_wrap h4 span {
  font-size: 5.5vw;
}
main .about_new01 .about_new01_inner .about_new01_row .text_wrap p {
  font-size: 4.2vw;
}
main .about_new01 .about_new01_inner .about_new01_row .text_wrap h4::after {
  width: 20vw;
  height: 2px;
  margin-top: 4vw;
}

main .about_new02 .testimonials_inner .wrap .detail_box .image {
  width: 100%;
  margin-top: 4vw;
}
main .about_new02 .testimonials_inner .wrap .detail_box .image p {
  font-size: 4.2vw;
}
main .about_new02 .testimonials_inner .wrap .detail_box .text {
  width: 100%;
}
main .about_new02 .testimonials_inner .wrap .detail_box .text_wrap.sp p {
  font-size: 3.2vw;
}
main .about_new02 .testimonials_inner .wrap .detail_box .text_wrap.sp p:first-of-type {
  margin-top: 0;
}
main .about_new02 .testimonials_inner .wrap .detail_box .text_wrap.sp p:first-of-type {
  font-size: 3.2vw;
}
main .about_new02 .testimonials_inner .wrap .detail_box .image img {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

/*=====================================================
250610 コース改修　中村
=====================================================*/
main .course_new01 .course_new01_inner h3 .f_30 {
  font-size: 5.2vw;
}
main .course_new01 .course_new01_inner h3.f_30::before {
  margin-right: 6vw;
  transform: rotate(-30deg);
}
main .course_new01 .course_new01_inner h3.f_30::after {
  margin-left: 6vw;
  transform: rotate(30deg);
}

main .course_new01 .course_new01_inner .course_new01_row {
  flex-direction: column;
}
main .course_new01 .course_new01_inner .course_new01_row .course_new01_row_item {
  width: 100%;
  height: auto;
  border-radius: 15px;
  margin-bottom: 5vw;
  padding: 3vw;
}
main .course_new01 .course_new01_inner .course_new01_row .course_new01_row_item:last-child {
  margin-bottom: 0;
}
main .course_new01 .course_new01_inner .course_new01_row .course_new01_row_item p {
  font-size: 4.6vw;
}

main .course_new02 .container_1150 .row .cont05_box h4 .f_20 {
  font-size: 4.2vw;
}
main ul.course_new li {
  font-size: 4.2vw;
}

main .course_new03 .container_1150 .cont14-row-wrap .cont14-row:nth-last-of-type(even) {
  flex-direction: column !important;
}
main .course_new03 .container_1150 .cont14-row-wrap .cont14-row:nth-last-of-type(odd) {
  flex-direction: column-reverse !important;
}

main .course_new04 .container_1150 .cont14-row-wrap .cont14-row .cont14-row-item h3 .f_30 {
  font-size: 5vw;
}


 main .course_new05 .container_960 .detail_box .cont05_box {
  width: 100% !important;
}

 main .course_new05 .container_960 .detail_box .cont05_box h4 {
  display: block !important;
}
 main .course_new05 .container_960 .detail_box .cont05_box .number {
  margin: 0 auto 2vw ;
  width: 12vw !important;
  height: 12vw !important;
}

 main .course_new05 .container_960 .detail_box .cont05_box p.f_18{
  font-size: 4vw;
  padding: 1vw 5vw;
}

main .course_new05 .container_960 .course_new05_item h4.d-flex {
  font-size: 4.6vw;
  margin-bottom: 3vw;
  margin-top: 6vw;
}
main .course_new05 .container_960 .course_new05_item .box01 h4.d-flex {
  margin-top: 0;
}
main .course_new05 .container_960 .course_new05_item p.f_24 {
  font-size: 4.6vw;
}
main .course_new05 .container_960 .course_new05_item ul li.mb20  {
  margin-bottom: 3vw;
}
main .course_new05 .container_960 .course_new05_item .box01 ul li .material-symbols-outlined  {
  font-size: 10vw;
  width: 5vw;
  display: flex !important;
  justify-content: center;
}
main .course_new05 .container_960 .course_new05_item .box01 ul li .f_20  {
  font-size: 4.8vw;
  margin-bottom: 1vw;
}
main .course_new05 .container_960 .course_new05_item .box01 .cont14-row   {
  width: 100%;
}
main .course_new05 .container_960 .course_new05_item .box01 ul li .f_18  {
  font-size: 4.2vw;
}

main .course_new05 .container_960 .course_new05_item .box02_row {
  flex-direction: column;
}
main .course_new05 .container_960 .course_new05_item .box02_row .box02_row_item {
  width: 100%;
  margin-bottom: 4vw;
  padding: 5vw;
}
main .course_new05 .container_960 .course_new05_item .box02_row .box02_row_item p.d-flex span.f_18,
main .course_new05 .container_960 .course_new05_item .box02_row .box02_row_item p.d-flex span.f_16 {
  font-size: 4vw;
}

main .course_new05 .container_960 .course_new05_item .cont14-row .cont14-row-item h3 {
  font-size: 5.2vw;
  padding-bottom: 2vw;
}
main .course_new05 .container_960 .course_new05_item .cont14-row .cont14-row-item .f_16 {
  font-size: 3.8vw;
}

main .course_new05 .container_960 .course_new05_item .course_new05_item04 .box02_row h4.d-flex {
  margin-top: 0;
}

main .course_new05 .container_960 .course_new05_item .box02_row {
  flex-direction: column;
}
main .course_new05 .container_960 .course_new05_item .box02_row .box02_row_item {
  width: 100%;
  margin-bottom: 3vw;
}

main .course_new06 .course_new06_item.mt80 {
  margin-top: 10vw;
}
main .course_new06 .course_new06_item .course_new06_row {
  flex-direction: column-reverse;
}

main .course_new06 .course_new06_item.noreverse .course_new06_row {
  flex-direction: column !important;
}
main .course_new06 .course_new06_item .course_new06_row .img,
main .course_new06 .course_new06_item .course_new06_row .text_wrap {
  width: 100%;
}
main .course_new06 .course_new06_item .course_new06_row .img {
  margin-top: 3vw;
}
main .course_new06 .course_new06_item .course_new06_row .text_wrap p.course_new {
  align-items: flex-start !important;
  font-size: 4.2vw;
}
main .course_new06 .course_new06_item .course_new06_row .text_wrap p.course_new .material-symbols-outlined {
  margin-top: 3px;
}
main .course_new06 .course_new06_item .course_new06_row h4 {
  text-align: center;
  font-size: 6vw;
}
main .course_new06 .course_new06_item .course_new06_row .f_20 {
  font-size: 4.2vw;
}
main .course_new06 p.comment {
  font-size: 4vw;
}

.page_junior .tuition.top_new06 .plan .detail_box .cont05_box:last-child {
  width: 95%;
}

main .course_new01 .course_new01_inner .course_new01_row02  {
  flex-direction: column;
  margin-top: 10vw;
}
main .course_new01 .course_new01_inner .course_new01_row02 .course_new01_row02_item {
  width: 100%;
  padding: 5vw;
 }
 main .course_new01 .course_new01_inner .course_new01_row02 .course_new01_row02_item p.f_18{
  width: 20vw;
  height: 20vw;
  top: -7vw;
  left: -2vw;
  font-size: 4vw;
 }

 main .course_new01 .course_new01_inner .course_new01_row02 .material-symbols-outlined.pink {
  width: 100%;
  transform: rotate(90deg);
  justify-content: center;
  font-size: 15vw;
 }

 main .course_new07 .container_1150 .detail_box .cont05_box p.f_18 {
  font-size: 4vw;
 }


 main .infant_new_title::after {
  height: 2px;
  margin: 3vw auto 0;
}


}