@charset "UTF-8";
/* ----------------------------------------

- font-size

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

- em

---------------------------------------- */
/**
 * 引数のfontSizeを元に指定されたpx数をemに変換する関数
 * @param px 変換するpx数
 * @param fontSize フォントサイズ
 *
 * 例）font-sizeが24pxの要素の下に80pxのmarginをem換算で設定する
 * margin-bottom: em(80, 24);
 * 
 * font-sizeが16pxであれば第２引数は省略可能
 * margin-bottom: em(40);
 */
#container {
  position: relative;
}
#container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(../img/common/bg-stripe-long.png);
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top center;
}

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

mv

---------------------------------------- */
#mv {
  position: relative;
}
#mv #mv-bg.inview-mv.inview {
  width: 120%;
  height: 120%;
}
#mv svg,
#mv #mv-bg {
  min-width: 800px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
#mv #mv-bg {
  width: 100%;
  height: 100%;
  -webkit-clip-path: url(#mv-bg-clipPath);
          clip-path: url(#mv-bg-clipPath);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top left;
     object-position: top left;
}
#mv #mv-shadow-path {
  fill: none;
  stroke: #F8F4EE;
  stroke-width: 20px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
#mv .mv_in {
  position: relative;
  padding-top: clamp(25px, calc(6.0240963855vw), 50px);
  padding-bottom: clamp(70px, calc(16.8674698795vw), 140px);
}
#mv .mv-txt {
  width: 62%;
  margin: 0 auto;
}
#mv .mv-img1 {
  width: 23%;
  position: absolute;
  bottom: clamp(-40px, calc(-6.0240963855vw), -50px);
  left: -4%;
}
#mv .mv-img2 {
  width: 19%;
  position: absolute;
  bottom: clamp(60px, calc(14.4578313253vw), 120px);
  right: 0;
}

@media screen and (max-width: 767px) {
  #mv .mv-txt {
    width: 76%;
    margin: 0 auto;
  }
  #mv .mv-img1 {
    width: 23%;
    position: absolute;
    bottom: -60px;
    left: -4%;
  }
  #mv .mv-img2 {
    width: 19%;
    position: absolute;
    bottom: 100px;
    right: 0;
  }
}
/* ----------------------------------------

sec1

---------------------------------------- */
#sec1 {
  position: relative;
}
#sec1::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#sec1::after {
  background-image: url(../img/top/sec1-bg1.png), url(../img/top/sec1-bg2.png), url(../img/top/sec1-bg3.png);
  background-repeat: no-repeat;
  background-size: clamp(121px, calc(29.156626506vw), 242px) auto, clamp(128px, calc(30.843373494vw), 256px) auto, clamp(118px, calc(28.4337349398vw), 236px) auto;
  background-position: top clamp(185px, calc(44.578313253vw), 370px) right calc(50% + 627px), center left calc(50% + 615px), bottom clamp(185px, calc(44.578313253vw), 370px) right calc(50% + 652px);
}
#sec1 .sec-tit1 .en {
  width: 286px;
  width: clamp(143px, calc(34.4578313253vw), 286px);
}
#sec1 .sec-tit1 .jp {
  font-size: 35px;
  font-size: clamp(18px, calc(4.2168674699vw), 35px);
  font-weight: bold;
  font-style: italic;
}

/*  nav
---------------------------------------- */
#nav {
  display: inline-flex;
  margin-bottom: 70px;
  margin-left: -8px;
}

#nav > a {
  display: block;
  text-align: center;
  margin-left: 8px;
  padding: 1em 1.1em;
  background: url(../img/common/bg-brown.png) center/cover no-repeat;
}

@media screen and (max-width: 767px) {
  #nav {
    max-width: 600px;
    width: 83%;
    display: block;
    margin: -12px auto 35px;
  }
  #nav > a {
    margin-left: 0;
    margin-top: 12px;
  }
  #nav img {
    height: 45px;
  }
}
/* sec-lead
---------------------------------------- */
.sec-lead {
  font-size: 24px;
  font-size: clamp(17px, calc(2.8915662651vw), 24px);
  text-align: center;
  margin-bottom: 100px;
}

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

sec1 book
sec4 book
sec5 book

---------------------------------------- */
.book .sec-tit2 .jp .fntS {
  font-size: 76%;
}

/* info
---------------------------------------- */
.book .info {
  display: flex;
  align-items: center;
}
.book .info .info-pic {
  width: 44%;
  margin: 0 12%;
  text-align: center;
}
.book .info .info-txt {
  width: 56%;
  font-weight: 600;
}
.book .info .info-name {
  font-size: 27px;
  font-size: clamp(19px, calc(3.2530120482vw), 27px);
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .book .info .info-pic {
    width: 40%;
    margin: 0 12% 0 6%;
  }
  .book .info .info-txt {
    width: 60%;
  }
}
/* amazonBtn
---------------------------------------- */
.amazonBtn {
  max-width: 710px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 23px;
  font-size: clamp(16px, calc(2.7710843373vw), 23px);
  line-height: 1.2;
  font-weight: bold;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  padding: 20px 7%;
  background: #F0C63A;
  background-image: url(../img/common/amazonBtn-arw.svg);
  background-repeat: no-repeat;
  background-position: center right 2%;
  background-size: 3% auto;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  margin-top: 40px;
  margin-top: clamp(20px, calc(4.8192771084vw), 40px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.amazonBtn .book {
  width: 10%;
  position: absolute;
  left: -3%;
  top: 50%;
  transform: translateY(-50%) rotate(-4deg);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.amazonBtn .logo {
  width: 200px;
  width: clamp(100px, calc(24.0963855422vw), 200px);
  transform: translateY(13px);
}
.amazonBtn .txt2 {
  font-family: "Noto Sans", sans-serif;
}
.amazonBtn .txt2 .fntL {
  font-size: 143%;
}

@media screen and (max-width: 767px) {
  .amazonBtn {
    padding: 5px 7% 7px 18%;
    background-size: 1.2em auto;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
    position: relative;
  }
  .amazonBtn .book {
    width: 14%;
    position: absolute;
    left: 3%;
    top: 50%;
    transform: translateY(-50%) rotate(-4deg);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  }
  .amazonBtn .logo {
    transform: translateY(7px);
  }
  .amazonBtn .txt1 {
    width: 100%;
    font-size: 80%;
    text-align: center;
  }
}
/* toc
---------------------------------------- */
.toc {
  margin-top: 40px;
  margin-top: clamp(20px, calc(4.8192771084vw), 40px);
}
.toc .toc-tit {
  font-size: 36px;
  font-size: clamp(18px, calc(4.3373493976vw), 36px);
  font-weight: 600;
  text-align: center;
  position: relative;
  margin-bottom: 1.2em;
}
.toc .toc-tit::before, .toc .toc-tit::after {
  content: "";
  width: calc(50% - 4em);
  height: 2px;
  background-color: #2A1A10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.toc .toc-tit::before {
  left: 1em;
}
.toc .toc-tit::after {
  right: 1em;
}

/* tocList
---------------------------------------- */
.tocListWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tocListWrap .tocList {
  width: 48%;
  font-size: 20px;
  font-size: clamp(14px, calc(2.4096385542vw), 20px);
  font-weight: 600;
}
.tocListWrap .tocList > li {
  display: flex;
  border-bottom: 1px dashed #453B36;
}
.tocListWrap .tocList .chapter {
  white-space: nowrap;
  margin: 0;
  margin-right: 1em;
}

@media screen and (max-width: 767px) {
  .tocListWrap {
    display: block;
  }
  .tocListWrap .tocList {
    width: 85%;
    margin: 0 auto;
  }
}
/* ----------------------------------------

sec2

---------------------------------------- */
#sec2 {
  position: relative;
}
#sec2::before, #sec2::after {
  content: "";
  min-width: 800px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
#sec2::before {
  background-image: url(../img/top/sec2-bg.png);
  background-repeat: repeat-y;
  background-size: 100% 100%;
  background-position: top center;
}
#sec2::after {
  width: calc(100% + 120px);
  top: -120px;
  background-image: url(../img/top/sec2-bg1.png), url(../img/top/sec2-bg2.png), url(../img/top/sec2-bg3.png), url(../img/top/sec2-bg4.png), url(../img/top/sec2-bg5.png), url(../img/top/sec2-bg6.png), url(../img/top/sec2-bg7.png);
  background-repeat: no-repeat;
  background-size: clamp(358px, calc(86.1445783133vw), 715px) auto, clamp(152px, calc(36.5060240964vw), 303px) auto, clamp(118px, calc(28.313253012vw), 235px) auto, clamp(192px, calc(46.265060241vw), 384px) auto, clamp(325px, calc(78.313253012vw), 650px) auto, clamp(200px, calc(48.1927710843vw), 400px) auto, clamp(215px, calc(51.8072289157vw), 430px) auto;
  background-position: top left calc(50% + 640px), top 200px right calc(50% + 660px), top 1009px left calc(50% + 660px), center right calc(50% + 660px), bottom 1200px left calc(50% + 615px), bottom 600px right calc(50% + 750px), bottom 100px left calc(50% + 655px);
}
#sec2 .baseWhite {
  position: relative;
  margin-top: clamp(75px, calc(18.0722891566vw), 150px);
}
#sec2 .sec-tit2 .en {
  display: inline-flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 257px;
  min-width: clamp(129px, calc(30.9638554217vw), 257px);
  height: 90px;
  height: clamp(45px, calc(10.843373494vw), 90px);
  text-align: center;
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
  z-index: 2;
  border-radius: 50%/100% 100% 0 0;
  background: #FCFAF7;
}
#sec2 .sec-tit2 .en img {
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  #sec2 .sec-in {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
/* author
---------------------------------------- */
#authorBase .sec-tit2 {
  display: flex;
  align-items: center;
  text-align: left;
}
#authorBase .sec-tit2 .en img {
  width: 125px;
  width: clamp(63px, calc(15.0602409639vw), 125px);
}
#authorBase .sec-tit2 .name {
  width: 78%;
}
#authorBase .sec-tit2 .name .name-jp {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 52px;
  font-size: clamp(26px, calc(6.265060241vw), 52px);
  line-height: 1;
  font-weight: 600;
}
#authorBase .sec-tit2 .name .name-jp .fntS {
  display: inline-block;
  font-size: 53%;
  font-weight: 700;
  margin-right: 2em;
}
#authorBase .sec-tit2 .name .name-en {
  width: 346px;
  width: clamp(173px, calc(41.686746988vw), 346px);
  margin-top: 40px;
  margin-top: clamp(20px, calc(4.8192771084vw), 40px);
}
#authorBase .sec-tit2 .illust {
  width: 22%;
}

/* interviewBase
---------------------------------------- */
#interviewBase .sec-tit2 .en img {
  width: 156px;
  width: clamp(78px, calc(18.7951807229vw), 156px);
}
#interviewBase .sec-tit2 .jp {
  font-size: 58px;
  font-size: clamp(29px, calc(6.9879518072vw), 58px);
}
#interviewBase .interviewList .row {
  margin-top: 120px;
  margin-top: clamp(60px, calc(14.4578313253vw), 120px);
}
#interviewBase .interviewList .row:first-child {
  margin-top: 0;
}
#interviewBase .interviewList .q {
  font-size: 26px;
  font-size: clamp(18px, calc(3.1325301205vw), 26px);
  font-weight: 700;
  margin-bottom: 40px;
  margin-bottom: clamp(20px, calc(4.8192771084vw), 40px);
}
#interviewBase .interviewList .a {
  display: flex;
}
#interviewBase .interviewList .a .a-illust {
  width: 13%;
  margin-right: 3%;
  text-align: center;
}
#interviewBase .interviewList .a .a-illust .name {
  font-size: 26px;
  font-size: clamp(18px, calc(3.1325301205vw), 26px);
  font-weight: 400;
}
#interviewBase .interviewList .a .a-txt {
  width: 84%;
}

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

sec3

---------------------------------------- */
#sec3 .sec-tit1 .en {
  width: 276px;
  width: clamp(138px, calc(33.2530120482vw), 276px);
}

/* history-line
---------------------------------------- */
.history-line {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
}
.history-line::before {
  content: "";
  width: 110vw;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-5deg);
  z-index: 1;
  background-image: url(../img/top/history-line-brown.png);
  background-repeat: repeat-x;
  background-size: auto 50px;
}
.history-line#history-line2::before, .history-line#history-line4::before {
  transform: translateX(-50%) rotate(5deg);
  background-image: url(../img/top/history-line-lightbrown.png);
}

/* history
---------------------------------------- */
.history {
  position: relative;
  padding-left: 50px;
}
.history .history-tit {
  width: clamp(128px, calc(30.7228915663vw), 255px);
  margin-bottom: clamp(-40px, calc(-6.0240963855vw), -50px);
  margin-left: auto;
}
.history::after {
  content: "";
  width: 3px;
  height: calc(100% + 50px);
  border-left: 3px dashed #453B36;
  position: absolute;
  top: -10px;
  left: 22px;
  z-index: -1;
}
.history#history2, .history#history4 {
  padding-left: 0;
  padding-right: 50px;
}
.history#history2 .history-tit, .history#history4 .history-tit {
  margin-left: 0;
  margin-right: auto;
}
.history#history2::after, .history#history4::after {
  left: auto;
  right: 22px;
}

/* historyList
---------------------------------------- */
.history .historyList .historyList_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: clamp(25px, calc(6.0240963855vw), 50px);
}
.history .historyList .historyList_item:first-of-type {
  margin-top: 0;
}
.history .historyList .historyList-head {
  width: 42%;
}
.history .historyList .historyList-head > * {
  margin-top: clamp(20px, calc(4.8192771084vw), 40px);
}
.history .historyList .historyList-head > *:first-child {
  margin-top: 0;
}
.history .historyList .historyList-body {
  width: 55%;
  position: relative;
}
.history .historyList .historyList-body > * {
  margin-top: clamp(21px, calc(3.6144578313vw), 30px);
}
.history .historyList .historyList-body > *:first-child {
  margin-top: 0;
}
.history .historyList .yearWrap {
  width: 100%;
}
.history .historyList .year {
  white-space: nowrap;
  display: inline-block;
  min-width: 50%;
  font-size: 40px;
  font-size: clamp(20px, calc(4.8192771084vw), 40px);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -0.3em;
  color: #fff;
  background: #533C2F url(../img/common/bg-brown.png) no-repeat center center/cover;
  border-radius: 50px;
  position: relative;
  padding: 0.25em;
  padding-left: 1.5em;
  margin-left: -50px;
  margin-bottom: clamp(20px, calc(4.8192771084vw), 40px);
}
.history .historyList .year .fntS {
  font-size: 70%;
  letter-spacing: 0em;
}
.history .historyList .year::before {
  content: "";
  width: 1.25em;
  height: 1.25em;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0.25em;
  left: 0.25em;
}
.history .historyList .alnselfC {
  display: flex;
  align-self: center;
}
.history .historyList .circleimg {
  width: clamp(103px, calc(24.6987951807vw), 205px);
}
.history .historyList .ttl {
  font-size: 34px;
  font-size: clamp(17px, calc(4.0963855422vw), 34px);
  line-height: 1.6;
  font-weight: 600;
}
.history .historyList .fukidashi {
  min-width: clamp(100px, calc(24.0963855422vw), 200px);
  white-space: nowrap;
  display: inline-block;
  font-size: 40px;
  font-size: clamp(20px, calc(4.8192771084vw), 40px);
  line-height: 1;
  text-align: center;
  font-weight: 600;
  padding: 0.5em 1em;
  color: #fff;
  background: #000;
  position: relative;
}
.history .historyList .fukidashi .fntS {
  font-size: 62%;
}
.history .historyList .fukidashi::before {
  content: "";
  width: 0.4em;
  height: 0.8em;
  background: linear-gradient(to bottom right, transparent 50%, #000 50%) left top/100% 50% no-repeat, linear-gradient(to top right, transparent 50%, #000 50%) left bottom/100% 50% no-repeat;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-100%);
}
.history#history2 .historyList .historyList-head, .history#history4 .historyList .historyList-head {
  order: 3;
}
.history#history2 .historyList .historyList-body, .history#history4 .historyList .historyList-body {
  order: 2;
}
.history#history2 .historyList .yearWrap, .history#history4 .historyList .yearWrap {
  text-align: right;
}
.history#history2 .historyList .year, .history#history4 .historyList .year {
  background: url(../img/top/bg-lightbrown.png) no-repeat center center/cover;
  padding-left: 0.25em;
  padding-right: 1.75em;
  margin-left: auto;
  margin-right: -50px;
}
.history#history2 .historyList .year::before, .history#history4 .historyList .year::before {
  left: auto;
  right: 0.25em;
}
.history#history2 .historyList .fukidashi, .history#history4 .historyList .fukidashi {
  background: url(../img/top/bg-lightbrown.png) no-repeat center center/cover;
  margin-right: 0.4em;
}
.history#history2 .historyList .fukidashi::before, .history#history4 .historyList .fukidashi::before {
  left: auto;
  right: 0;
  transform: translateY(-50%) translateX(100%);
  background: url(../img/top/fukidashi-triangle-lightbrown.png) no-repeat center center/cover;
}

/* history1
---------------------------------------- */
#history-1954 {
  margin-bottom: clamp(75px, calc(18.0722891566vw), 150px);
}
#history-1954 .historyList-body {
  position: relative;
}
#history-1954 .historyList-body .history-1954-img1 {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
}

#history-1962 .historyList-body {
  margin-top: clamp(50px, calc(12.0481927711vw), 100px);
}

#history-1968 {
  margin-top: clamp(-32px, calc(-4.8192771084vw), -40px);
}

#history-1970 {
  margin-top: clamp(0px, calc(0vw), 0px);
}
#history-1970 .history-1970-img2 {
  width: 70%;
  margin-left: auto;
  margin-top: 0;
}

/* history2
---------------------------------------- */
#history-1972 {
  margin-top: 0;
}

#history-1973 {
  margin-top: 0;
}
#history-1973 .year {
  margin-bottom: 0;
}

#history-1974 {
  margin-top: 0;
}

#history-1975 .historyList-body {
  margin-top: clamp(-40px, calc(-6.0240963855vw), -50px);
}

#history-1977 {
  margin-top: 0;
}
#history-1977 .historyList-body {
  margin-top: clamp(-40px, calc(-6.0240963855vw), -50px);
}
#history-1977 .history-1977-img2 {
  width: clamp(115px, calc(27.5903614458vw), 229px);
}

#history-1978 {
  margin-top: 0;
}
#history-1978 .historyList-body {
  margin-top: clamp(-40px, calc(-6.0240963855vw), -50px);
}

/* history4
---------------------------------------- */
#history-2012 .historyList-body {
  margin-top: clamp(-128px, calc(-19.2771084337vw), -160px);
  margin-top: clamp(-70px, -19.2771084337vw, -160px);
}
#history-2012 .history-2012-img2 {
  width: clamp(110px, calc(26.5060240964vw), 220px);
}

#history-2023 .historyList-body {
  margin-top: clamp(-128px, calc(-19.2771084337vw), -160px);
  margin-top: clamp(-70px, -19.2771084337vw, -160px);
}
#history-2023 .history-2023-img1 {
  width: clamp(130px, calc(31.3253012048vw), 260px);
}

/* message
---------------------------------------- */
#message {
  position: relative;
  margin-top: 50px;
}
#message::after {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: -1;
  background-image: url(../img/top/sec3-message-bg1.png), url(../img/top/sec3-message-bg2.png);
  background-repeat: no-repeat;
  background-size: 218px auto, 210px auto;
  background-position: top 70px right calc(50% + 578px), bottom 0 left calc(50% + 560px);
  mix-blend-mode: multiply;
}
#message .message {
  font-size: 24px;
  font-size: clamp(17px, calc(2.8915662651vw), 24px);
  text-align: center;
}

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

sec4

---------------------------------------- */
#sec4 {
  min-height: clamp(670px, calc(161.4457831325vw), 1340px);
  position: relative;
}
#sec4 svg,
#sec4 #sec4-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#sec4 #sec4-bg {
  min-width: 100%;
  min-height: 100%;
  -webkit-clip-path: url(#sec4-bg-clipPath);
          clip-path: url(#sec4-bg-clipPath);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
  mix-blend-mode: multiply;
}
#sec4 .sec-tit1 .en {
  width: clamp(157px, calc(37.8313253012vw), 314px);
}
#sec4 #movie {
  text-align: center;
}
#sec4 #movie video {
  max-width: 70%;
  width: 470px;
  margin: 0 auto;
}

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

sec5

---------------------------------------- */
#sec5 {
  position: relative;
}
#sec5::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(../img/top/sec5-bg1.png), url(../img/top/sec5-bg2.png);
  background-repeat: no-repeat;
  background-size: 446px auto, 626px auto;
  background-position: top 360px right calc(50% + 688px), bottom 140px left calc(50% + 630px);
  mix-blend-mode: multiply;
}
#sec5 .sec-tit1 .jp {
  position: relative;
  padding-bottom: 0.9em;
}
#sec5 .sec-tit1 .jp .fntS {
  font-size: 94%;
}
#sec5 .sec-tit1 .jp::after {
  content: "";
  width: 1.17em;
  height: 0.66em;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/top/sec5-tit1-arw.svg) center/contain no-repeat;
}
#sec5 .amazonBtn .txt1 {
  font-size: 20px;
  font-size: clamp(14px, calc(2.4096385542vw), 20px);
}
/*# sourceMappingURL=top.css.map */