#mainvisual {
  position: relative;
}
#mainvisual .background {
  position: absolute;
}
#mainvisual .inner.wide {
  height: 100%;
  position: relative;
  z-index: 10;
}
#mainvisual .inner.wide .main_text {
  position: absolute;
  left: 60px;
  bottom: 50px;
}
#mainvisual .inner.wide .main_text .lead {
  font-size: min(60 / 1320 * 100vw, 60px);
  font-size: 60px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.15em;
}
#mainvisual .inner.wide .main_text .lead em {
  color: #ec6400;
}
#mainvisual .inner.wide .main_text .lead em span {
  display: inline-block;
}
#mainvisual .inner.wide .main_text .text {
  margin-top: 1.6em;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2.4;
}
@media screen and (max-width: 768px) {
  #mainvisual .inner.wide .main_text {
    position: absolute;
    left: 4%;
    bottom: 2.2em;
  }
  #mainvisual .inner.wide .main_text .lead {
    font-size: min(72 / 750 * 100vw, 60px);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.1em;
  }
  #mainvisual .inner.wide .main_text .text {
    margin-top: 0.8em;
    font-size: min(30 / 750 * 100vw, 20px);
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2;
  }
}
#mainvisual #scroll {
  padding-bottom: min(64 / 1320 * 100vw, 64px);
  position: absolute;
  bottom: 2.1em;
  right: 2.85%;
  z-index: 5;
}
#mainvisual #scroll p {
  color: #ec6400;
  font-family: "Tektur", "NotoSansJP", sans-serif;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
#mainvisual #scroll .deco {
  width: min(9 / 1320 * 100vw, 9px);
  height: min(60 / 1320 * 100vw, 60px);
  bottom: 0;
}
#mainvisual #scroll .deco, #mainvisual #scroll .deco::before, #mainvisual #scroll .deco::after {
  position: absolute;
  left: 0;
  right: 0;
  margin-inline: auto;
}
#mainvisual #scroll .deco::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #999;
  bottom: 0;
}
#mainvisual #scroll .deco::after {
  content: "";
  display: block;
  width: min(9 / 1320 * 100vw, 9px);
  height: min(9 / 1320 * 100vw, 9px);
  background: #ec6400;
  border-radius: 50%;
  -webkit-animation-name: scroll;
          animation-name: scroll;
  -webkit-animation-duration: 1.4s;
          animation-duration: 1.4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
}
@media screen and (max-width: 768px) {
  #mainvisual #scroll {
    padding-bottom: min(84 / 750 * 100vw, 84px);
    bottom: 1.8em;
    right: 4%;
  }
  #mainvisual #scroll p {
    font-size: min(25.2 / 750 * 100vw, 16px);
  }
  #mainvisual #scroll .deco {
    width: min(12 / 750 * 100vw, 12px);
    height: min(84 / 750 * 100vw, 84px);
  }
  #mainvisual #scroll .deco::after {
    width: min(12 / 750 * 100vw, 12px);
    height: min(12 / 750 * 100vw, 12px);
  }
}

@-webkit-keyframes scroll {
  0% {
    top: 0;
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    top: calc(100% - min(9 / 1320 * 100vw, 9px));
    opacity: 0;
  }
}

@keyframes scroll {
  0% {
    top: 0;
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    top: calc(100% - min(9 / 1320 * 100vw, 9px));
    opacity: 0;
  }
}
.txt_lead {
  font-weight: 700;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .txt_lead {
    line-height: 2.2;
  }
}

main.bg_white {
  background: #fff;
  position: relative;
}

#business {
  padding: min(90 / 1320 * 100vw, 90px) 0 min(117 / 1320 * 100vw, 117px);
}
#business .box_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 769px) {
  #business .box_title .tit_content span.jp {
    margin-top: min(20 / 1320 * 100vw, 20px);
  }
}
#business .box_title .txt_lead {
  margin-left: min(98 / 1320 * 100vw, 98px);
  padding-bottom: 1.6em;
}
#business .flex_wrap {
  margin-top: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#business .box {
  width: 50%;
}
#business .box .box_img {
  height: min(500 / 1320 * 100vw, 500px);
  overflow: hidden;
  position: relative;
}
#business .box .box_img img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
}
#business .box .under {
  margin-top: min(20 / 1320 * 100vw, 20px);
  position: relative;
}
#business .box .box_text {
  width: min(560 / 1320 * 100vw, 560px);
}
#business .box .box_text .viewmore {
  margin-top: min(40 / 1320 * 100vw, 40px);
}
#business .box .title {
  font-size: min(32 / 1320 * 100vw, 32px);
  font-weight: 700;
}
#business .box .text {
  margin-top: min(10 / 1320 * 100vw, 10px);
  font-size: min(16 / 1320 * 100vw, 16px);
  line-height: 2.3;
}
#business .box .deco {
  position: absolute;
  bottom: 0;
}
#business .box.first {
  margin-top: min(130 / 1320 * 100vw, 130px);
  padding-right: min(40 / 1320 * 100vw, 40px);
}
#business .box.first .box_img {
  border-radius: 0 80px 80px 0;
}
#business .box.first .box_img img {
  right: 0;
  border-radius: 80px 0 0 80px;
}
@media screen and (max-width: 1920px) {
  #business .box.first .box_img img {
    border-radius: 0 0 0 0;
  }
}
#business .box.first .under {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#business .box.first .deco {
  width: min(398 / 1320 * 100vw, 398px);
  top: calc(min(50 / 1320 * 100vw, 50px) * -1);
  right: min(580 / 1320 * 100vw, 580px);
}
#business .box.seccond {
  padding-left: min(40 / 1320 * 100vw, 40px);
}
#business .box.seccond .box_img {
  border-radius: 80px 0 0 80px;
}
#business .box.seccond .box_img img {
  border-radius: 0 80px 80px 0;
}
@media screen and (max-width: 1920px) {
  #business .box.seccond .box_img img {
    border-radius: 0 0 0 0;
  }
}
#business .box.seccond .box_text {
  padding-left: min(30 / 1320 * 100vw, 30px);
}
#business .box.seccond .deco {
  width: min(400 / 1320 * 100vw, 400px);
  top: calc(min(44 / 1320 * 100vw, 44px) * -1);
  left: min(580 / 1320 * 100vw, 580px);
}
@media screen and (max-width: 768px) {
  #business {
    padding: 0 0 3.3em;
  }
  #business .box_title {
    display: block;
  }
  #business .box_title .txt_lead {
    margin: 1.3em 0 0;
    padding-bottom: 0;
  }
  #business .flex_wrap {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 3.2em 0;
  }
  #business .box {
    width: 100%;
  }
  #business .box .box_img {
    height: min(392 / 750 * 100vw, 392px);
  }
  #business .box .under {
    margin: 1.3em auto 0;
  }
  #business .box .box_text {
    width: 100%;
  }
  #business .box .box_text .viewmore {
    margin-top: 1.6em;
  }
  #business .box .title {
    font-size: min(36 / 750 * 100vw, 32px);
  }
  #business .box .text {
    margin-top: 0.8em;
    font-size: min(30 / 750 * 100vw, 16px);
    line-height: 2;
  }
  #business .box .deco {
    bottom: auto;
  }
  #business .box.first {
    margin-top: 1.1em;
    padding-right: 4%;
  }
  #business .box.first .box_img {
    border-radius: 0 20px 20px 0;
  }
  #business .box.first .under {
    margin-left: 4%;
  }
  #business .box.first .deco {
    width: min(299 / 750 * 100vw, 299px);
    top: -4.2em;
    right: 0;
  }
  #business .box.seccond {
    padding-left: 4%;
  }
  #business .box.seccond .box_img {
    border-radius: 20px 0 0 20px;
  }
  #business .box.seccond .box_text {
    padding: 0 4% 0 0;
  }
  #business .box.seccond .deco {
    width: min(274 / 750 * 100vw, 274px);
    top: -3.7em;
    left: auto;
    right: 4%;
  }
}

#company {
  height: min(480 / 1320 * 100vw, 480px);
  padding: min(70 / 1320 * 100vw, 70px) 0 min(80 / 1320 * 100vw, 80px);
  background: url(../img/common/orangenoise.png) center;
  background-size: 1920px;
  color: #fff;
  position: relative;
}
@media screen and (min-width: 1921px) {
  #company {
    background-size: cover;
  }
}
#company .inner.flex_wrap {
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#company .box_title {
  width: min(460 / 1320 * 100vw, 460px);
}
#company .box_title .tit_content span.en, #company .box_title .tit_content span.jp {
  color: #fff;
}
#company .box_title .txt_lead {
  margin-top: min(40 / 1320 * 100vw, 40px);
}
#company .viewmore {
  margin-top: min(43 / 1320 * 100vw, 43px);
}
#company .viewmore a {
  color: #fff;
}
#company .viewmore a .circle::before {
  background: #fff;
}
#company .viewmore a .circle::after {
  color: #ec6400;
}
#company .area_image {
  width: min(860 / 1320 * 100vw, 860px);
  height: min(480 / 1320 * 100vw, 480px);
  position: relative;
}
@media screen and (min-width: 769px) {
  #company .area_image::before {
    content: "";
    display: block;
    width: min(245 / 1320 * 100vw, 245px);
    height: min(246 / 1320 * 100vw, 246px);
    background: url(../img/top/company04.png) no-repeat center top;
    background-size: 100%;
    position: absolute;
    bottom: calc(min(23 / 1320 * 100vw, 23px) * -1);
    left: calc(min(132 / 1320 * 100vw, 132px) * -1);
  }
}
#company .area_image .img {
  border-radius: 20px;
  overflow: hidden;
  position: absolute;
}
#company .area_image .img.img1 {
  width: 60.4651162791%;
  top: calc(min(150 / 1320 * 100vw, 150px) * -1);
  border-radius: 30px;
}
#company .area_image .img.img2 {
  width: min(292 / 1320 * 100vw, 292px);
  right: 0;
  top: min(50 / 1320 * 100vw, 50px);
}
#company .area_image .img.img3 {
  width: min(430 / 1320 * 100vw, 430px);
  right: min(100 / 1320 * 100vw, 100px);
  bottom: calc(min(90 / 1320 * 100vw, 90px) * -1);
}
@media screen and (max-width: 768px) {
  #company {
    height: min(954 / 750 * 100vw, 954px);
    padding: 2.3em 0 2em;
    background-size: cover;
  }
  #company .inner.flex_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #company .inner.flex_wrap::before {
    content: "";
    display: block;
    width: min(224 / 750 * 100vw, 224px);
    height: min(230 / 750 * 100vw, 230px);
    background: url(../img/top/company04.png) no-repeat center top;
    background-size: 100%;
    position: absolute;
    top: -5.2em;
    bottom: auto;
    left: auto;
    right: 4%;
    z-index: 10;
  }
  #company .box_title {
    width: 100%;
  }
  #company .box_title .txt_lead {
    margin-top: 1.4em;
  }
  #company .viewmore {
    margin-top: 1.5em;
  }
  #company .area_image {
    width: 100%;
    height: min(470 / 750 * 100vw, 470px);
    margin-top: 1.85em;
    margin-left: 0;
  }
  #company .area_image .img {
    border-radius: 10px;
  }
  #company .area_image .img.img1 {
    width: min(416 / 750 * 100vw, 416px);
    top: 0;
    border-radius: 15px;
  }
  #company .area_image .img.img2 {
    width: min(234 / 750 * 100vw, 234px);
    right: 0;
    top: 2em;
  }
  #company .area_image .img.img3 {
    width: min(344 / 750 * 100vw, 344px);
    right: 12%;
    bottom: 0;
  }
}

#recruit {
  padding: min(232 / 1320 * 100vw, 232px) 0 min(120 / 1320 * 100vw, 120px);
}
#recruit .box_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#recruit .box_title .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#recruit .box_title .txt_lead {
  margin-left: min(100 / 750 * 100vw, 100px);
}
#recruit .box_title .viewmore {
  margin-top: min(12 / 1320 * 100vw, 12px);
}
#recruit .box_recruit {
  margin-top: min(62 / 1320 * 100vw, 62px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#recruit .box_recruit .box {
  width: 31.1688311688%;
  font-weight: 700;
}
#recruit .box_recruit .box .box_img {
  aspect-ratio: 480/303;
  border-radius: 20px;
  overflow: hidden;
}
#recruit .box_recruit .box .box_img img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform-origin: center;
          transform-origin: center;
}
#recruit .box_recruit .box .status {
  margin-top: min(30 / 1320 * 100vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#recruit .box_recruit .box .status .category {
  padding: 0 1em;
  line-height: min(27 / 1320 * 100vw, 27px);
  font-size: min(16 / 1320 * 100vw, 16px);
  font-family: "Tektur", "NotoSansJP", sans-serif;
  border: 1px solid #ec6400;
  border-radius: 20px;
  color: #ec6400;
}
#recruit .box_recruit .box .status p {
  margin: 0.2em 0 0 1em;
  font-size: min(15 / 1320 * 100vw, 15px);
  line-height: 1.4;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#recruit .box_recruit .box .title {
  margin-top: min(10 / 1320 * 100vw, 10px);
  font-size: min(22 / 1320 * 100vw, 22px);
  line-height: 1.7;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#recruit .box_recruit .box a {
  display: block;
}
@media (hover: hover) {
  #recruit .box_recruit .box a:hover .box_img img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  #recruit .box_recruit .box a:hover .status p,
  #recruit .box_recruit .box a:hover .title {
    color: #ec6400;
  }
}
#recruit .bnr_recruit {
  width: min(1000 / 1320 * 100vw, 1000px);
  margin: min(90 / 1320 * 100vw, 90px) auto 0;
  aspect-ratio: 5/1;
}
#recruit .bnr_recruit a {
  width: 100%;
  height: 100%;
  padding: 0 min(100 / 1320 * 100vw, 100px);
  background: url(../img/top/recruit_requirements_bg.jpg) no-repeat center;
  background-size: 100%;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#recruit .bnr_recruit a .title {
  font-size: min(36 / 1320 * 100vw, 36px);
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #fff;
}
#recruit .bnr_recruit a .viewmore {
  pointer-events: none;
}
#recruit .bnr_recruit a .viewmore span {
  color: #fff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#recruit .bnr_recruit a .viewmore span .circle {
  background: #fff;
}
#recruit .bnr_recruit a .viewmore span .circle::before {
  background: #fff;
}
#recruit .bnr_recruit a .viewmore span .circle::after {
  color: #abcf30;
}
#recruit .bnr_recruit a:hover {
  background-size: 105%;
}
#recruit .bnr_recruit a:hover .viewmore span {
  padding-left: 0.6em;
}
#recruit .bnr_recruit a:hover .viewmore .circle::before {
  left: -100%;
}
@media screen and (max-width: 768px) {
  #recruit {
    padding: 3em 0 3.3em;
  }
  #recruit .box_title {
    display: block;
  }
  #recruit .box_title .title {
    display: block;
  }
  #recruit .box_title .txt_lead {
    margin: 1.45em 0 0;
  }
  #recruit .box_title .viewmore {
    margin: 1.5em 0 0;
  }
  #recruit .box_recruit {
    margin-top: 2.5em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2em 0;
  }
  #recruit .box_recruit .box {
    width: 100%;
  }
  #recruit .box_recruit .box .box_img {
    border-radius: 10px;
  }
  #recruit .box_recruit .box .status {
    margin-top: 1em;
  }
  #recruit .box_recruit .box .status .category {
    padding: 0 0.7em;
    line-height: min(36 / 750 * 100vw, 36px);
    font-size: min(24 / 750 * 100vw, 16px);
  }
  #recruit .box_recruit .box .status p {
    margin: 0.2em 0 0 1.2em;
    font-size: min(22 / 750 * 100vw, 15px);
  }
  #recruit .box_recruit .box .title {
    margin-top: 0.4em;
    font-size: min(32 / 750 * 100vw, 22px);
    line-height: 2;
  }
  #recruit .bnr_recruit {
    width: 100%;
    margin: 3em auto 0;
    aspect-ratio: 23/10;
  }
  #recruit .bnr_recruit a {
    padding: 0 4%;
    background: url(../img/top/recruit_requirements_bg_sp.jpg) no-repeat center;
    background-size: cover;
    border-radius: 15px;
  }
  #recruit .bnr_recruit a .title {
    font-size: min(48 / 750 * 100vw, 48px);
  }
  #recruit .bnr_recruit .viewmore span {
    width: min(260 / 750 * 100vw, 260px);
  }
}

#news {
  padding: min(70 / 1320 * 100vw, 70px) 0 min(80 / 1320 * 100vw, 80px);
  background: #f5f5f5;
}
#news.nonrecruit {
  padding-top: min(170 / 1320 * 100vw, 170px);
}
#news.nonrecruit .flex_wrap::before {
  content: none;
}
@media screen and (max-width: 768px) {
  #news.nonrecruit {
    padding-top: 5em;
  }
}
#news .flex_wrap {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
#news .flex_wrap::before {
  content: "";
  display: block;
  width: min(212 / 1320 * 100vw, 212px);
  height: min(243 / 1320 * 100vw, 243px);
  background: url(../img/top/news_deco.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  top: calc(min(176 / 1320 * 100vw, 176px) * -1);
  right: min(86 / 1320 * 100vw, 86px);
}
#news .box_news {
  width: min(1200 / 1320 * 100vw, 1200px);
  width: 77.9220779221%;
  position: relative;
}
#news .box_news .ul_news {
  margin-top: min(40 / 1320 * 100vw, 40px);
}
#news .box_news .viewmore {
  position: absolute;
  top: min(70 / 1320 * 100vw, 70px);
  right: 0;
}
#news .box_note {
  width: min(240 / 1320 * 100vw, 240px);
  height: min(240 / 1320 * 100vw, 240px);
}
#news .box_note a {
  width: 100%;
  height: 100%;
  display: block;
  padding: min(40 / 1320 * 100vw, 40px) min(26 / 1320 * 100vw, 26px) min(20 / 1320 * 100vw, 20px) min(24 / 1320 * 100vw, 24px);
  border: 5px solid #000;
  border-radius: 20px;
  background: url(../img/top/note_pattern.gif) repeat center;
  background-size: 16px;
}
#news .box_note a .title {
  width: min(140 / 1320 * 100vw, 140px);
}
#news .box_note a .text {
  margin-top: min(16 / 1320 * 100vw, 16px);
  font-size: min(17 / 1320 * 100vw, 17px);
  font-weight: 500;
  line-height: 1.7;
}
#news .box_note a .viewmore {
  margin-top: min(23 / 1320 * 100vw, 23px);
}
#news .box_note a .viewmore span {
  width: 100%;
  height: min(38 / 1320 * 100vw, 38px);
  font-size: min(16 / 1320 * 100vw, 16px);
  font-weight: 700;
  color: #000;
  line-height: min(38 / 1320 * 100vw, 38px);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#news .box_note a .viewmore span .circle {
  width: min(38 / 1320 * 100vw, 38px);
  height: min(38 / 1320 * 100vw, 38px);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#news .box_note a .viewmore span .circle::before, #news .box_note a .viewmore span .circle::after {
  width: 100%;
  height: 100%;
}
#news .box_note a .viewmore span .circle::before {
  background: #000;
}
#news .box_note a .viewmore span .circle::after {
  font-size: min(14 / 1320 * 100vw, 14px);
}
#news .box_note a:hover .viewmore span {
  padding-left: 0;
  -webkit-transform: translateX(0.6em);
          transform: translateX(0.6em);
}
#news .box_note a:hover .viewmore span .circle::before {
  left: 0;
}
@media screen and (max-width: 768px) {
  #news {
    padding: 2.25em 0 3.4em;
  }
  #news .flex_wrap {
    display: block;
  }
  #news .flex_wrap::before {
    width: min(176 / 750 * 100vw, 176px);
    height: min(204 / 750 * 100vw, 204px);
    top: -3.8em;
    right: 0;
  }
  #news .box_news {
    width: 100%;
  }
  #news .box_news .ul_news {
    margin-top: 1.8em;
  }
  #news .box_news .viewmore {
    margin-top: 2em;
    position: static;
  }
  #news .box_note {
    width: min(500 / 750 * 100vw, 250px);
    height: min(500 / 750 * 100vw, 250px);
    margin-inline: auto;
  }
  #news .box_note a {
    margin: 2.5em auto 0;
    padding: 3.2em 11.5% 2em;
    border: 3px solid #000;
    border-radius: 15px;
  }
  #news .box_note a .title {
    width: min(293 / 750 * 100vw, 140px);
  }
  #news .box_note a .text {
    margin-top: 1em;
    font-size: min(36 / 750 * 100vw, 17px);
    line-height: 1.6;
  }
  #news .box_note a .viewmore {
    margin-top: 1.8em;
  }
  #news .box_note a .viewmore span {
    height: min(80 / 750 * 100vw, 38px);
    font-size: min(32 / 750 * 100vw, 16px);
    line-height: min(80 / 750 * 100vw, 38px);
  }
  #news .box_note a .viewmore span .circle {
    width: min(80 / 750 * 100vw, 38px);
    height: min(80 / 750 * 100vw, 38px);
  }
  #news .box_note a .viewmore span .circle::after {
    font-size: min(30 / 750 * 100vw, 14px);
  }
}