@font-face {
  font-family: 'arizonia-r';
  src: url(../fonts/Arizonia-Regular.ttf) format("truetype"); }

.ft-arizo-r {
  font-family: "arizonia-r"; }

#intro .wrapper {
  height: 100vh;
  text-align: center;
  background: 0 105%/contain no-repeat url(../images/index/taisha_main.jpg); }
  @media screen and (min-width: 1025px) {
    #intro .wrapper {
      background: none; } }

@media screen and (min-width: 1025px) {
  #intro .slider-wrapper {
    width: 70vw;
    margin-left: 30vw;
    height: 100vh; }
    #intro .slider-wrapper .fade-slide__img {
      width: 100%;
      height: 100vh; }
      #intro .slider-wrapper .fade-slide__img:nth-child(1) {
        background: top/cover no-repeat url(../images/index/top_slide_1.jpg); }
      #intro .slider-wrapper .fade-slide__img:nth-child(2) {
        background: top/cover no-repeat url(../images/index/top_slide_2.jpg); } }

#intro .ceremony {
  padding-top: 60%;
  background: top/cover no-repeat url(../images/index/top_ceremony.jpg); }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    #intro .ceremony {
      padding-top: 45%;
      background-position: 0 100%; } }
  @media screen and (min-width: 1025px) {
    #intro .ceremony {
      width: 70%;
      height: 100%;
      margin-left: 30%;
      background: none; } }

#intro .top-deco {
  display: inline-block;
  width: 35%;
  position: absolute;
  top: 0; }
  #intro .top-deco:first-of-type {
    left: 0; }
  #intro .top-deco:last-of-type {
    right: 0; }
  @media screen and (min-width: 1025px) {
    #intro .top-deco {
      width: 15%; } }

#intro .top-banner {
  position: absolute;
  right: 10px;
  top: 5%;
  right: 5%;
  width: 13%; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    #intro .top-banner {
      top: 12%;
      width: 8%; } }
  @media screen and (min-width: 1025px) {
    #intro .top-banner {
      top: 0;
      left: 14%;
      width: 3.5%; } }
  #intro .top-banner p {
    letter-spacing: .2rem;
    color: #fff; }
  #intro .top-banner span {
    display: inline-block; }

#intro .main-h {
  padding: 15% 5% 0;
  letter-spacing: .15rem; }
  #intro .main-h p {
    font-size: .9rem; }
  #intro .main-h .title-ja {
    font-size: 1.7rem;
    padding: 5px 2px; }
    @media screen and (min-width: 1025px) {
      #intro .main-h .title-ja {
        font-size: 2.1rem; } }
  #intro .main-h .title-en {
    font-size: 1.3rem;
    color: #b3ab8a;
    opacity: 0.7; }
    @media screen and (min-width: 1025px) {
      #intro .main-h .title-en {
        font-size: 1.3rem; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    #intro .main-h {
      padding-top: 9%; } }
  @media screen and (min-width: 1025px) {
    #intro .main-h {
      padding: 0;
      width: 20%;
      left: 6%;
      position: absolute;
      top: 50%;
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); } }

#intro .mid-line {
  margin: 10px 0;
  position: relative; }
  #intro .mid-line__icon {
    width: 20px; }
  #intro .mid-line::before, #intro .mid-line::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 1px;
    background: #000;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  #intro .mid-line::before {
    left: 55%; }
  #intro .mid-line::after {
    right: 55%; }
  #intro .mid-line.is-view::before, #intro .mid-line.is-view::after {
    transition: width 1s;
    width: 40%; }

#intro .price {
  font-size: 1.5rem;
  -ms-transform: skewX(-10deg);
  transform: skewX(-10deg); }
  #intro .price span {
    font-size: 2rem; }
    @media screen and (min-width: 1025px) {
      #intro .price span {
        font-size: 2.5rem; } }

#intro .section-main {
  width: 100%;
  padding: 20% 5% 25%;
  margin: 2% 0;
  background: top/contain no-repeat url(../images/top/bg_top_title.png);
  position: relative; }
  @media screen and (max-width: 320px) {
    #intro .section-main {
      padding: 17% 5% 30%; } }
  #intro .section-main__h {
    font-size: 2rem;
    line-height: 1.3; }
    @media screen and (max-width: 320px) {
      #intro .section-main__h {
        font-size: 1.5rem; } }
  #intro .section-main span {
    font-size: 1.15rem; }

#intro .title-logo {
  width: 50%;
  margin: 0 auto -5%;
  padding: 5% 0 0; }

#intro .title-c {
  position: absolute;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  left: 8%;
  bottom: 5%;
  padding: 12.5px 0; }
  #intro .title-c p {
    padding: 0;
    font-size: 1.25rem; }
    @media screen and (max-width: 320px) {
      #intro .title-c p {
        font-size: 1rem; } }
  @media screen and (max-width: 320px) {
    #intro .title-c {
      width: 75px;
      height: 75px;
      padding: 12px 0; } }

#intro .catch-limit {
  padding: 5px 5%; }
  #intro .catch-limit p {
    padding: 0; }
  #intro .catch-limit span {
    font-size: 1.5rem;
    margin: 0 5px; }
    #intro .catch-limit span::before {
      content: "";
      display: inline-block;
      vertical-align: sub;
      margin-right: 10px;
      width: 30px;
      height: 30px;
      background: center/contain no-repeat url(../images/top/icon_clock.png); }

#plan p {
  font-size: 0.55rem; }
  @media screen and (min-width: 1025px) {
    #plan p {
      font-size: 0.9rem; } }

#plan .section-concept {
  position: relative;
  padding-top: 100%;
  background: bottom/cover no-repeat url(../images/index/plan_top_bg.jpg); }
  @media screen and (min-width: 1025px) {
    #plan .section-concept {
      padding: 75% 0 0;
      background: bottom/cover no-repeat url(../images/index/plan_top_bg_pc.jpg); } }

#plan .concept-catch {
  width: 100%;
  position: absolute;
  top: 5%;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

#plan .catch-main {
  font-size: 0.9rem;
  letter-spacing: .15rem;
  line-height: 1.8; }
  @media screen and (min-width: 1025px) {
    #plan .catch-main {
      font-size: 1.3rem; } }

#plan .catch-desc {
  padding: 20px 0 0;
  transition-delay: .7s; }
  #plan .catch-desc p {
    padding: 2px; }
    @media screen and (min-width: 1025px) {
      #plan .catch-desc p {
        padding: 10px;
        font-size: .8rem; } }

#plan .plan-h {
  height: 150px;
  padding: 4% 0;
  position: relative;
  background: top/cover no-repeat url(../images/index/plan_bg.jpg); }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    #plan .plan-h {
      padding: 5% 0 20%;
      background-position: 0 100%; } }
  @media screen and (min-width: 1025px) {
    #plan .plan-h {
      padding: 4% 0 16%;
      background-position: 0 100%; } }
  #plan .plan-h::before, #plan .plan-h::after {
    content: "";
    width: 100px;
    height: 50px;
    position: absolute;
    display: inline-block; }
    @media screen and (min-width: 1025px) {
      #plan .plan-h::before, #plan .plan-h::after {
        width: 250px;
        height: 100px; } }
  #plan .plan-h::before {
    left: 3%;
    top: 10%;
    background: center/contain no-repeat url(../images/icons/kumo.png); }
  #plan .plan-h::after {
    right: 3%;
    bottom: 20%;
    background: center/contain no-repeat url(../images/icons/kumo2.png); }

#plan .plan-catch {
  width: 60%;
  margin: 0 auto 10px;
  padding: 15px;
  border: 1px solid #fff;
  letter-spacing: .15rem;
  position: relative; }
  @media screen and (min-width: 1025px) {
    #plan .plan-catch {
      padding: 20px;
      width: 40%;
      margin: 0 auto 2%; } }
  #plan .plan-catch__sub {
    font-size: 0.7rem; }
    @media screen and (min-width: 1025px) {
      #plan .plan-catch__sub {
        font-size: 1rem; } }
  #plan .plan-catch__main {
    font-size: .8rem; }
    @media screen and (min-width: 1025px) {
      #plan .plan-catch__main {
        font-size: 1.2rem; } }
  #plan .plan-catch p {
    color: #bfb480; }
  #plan .plan-catch .price {
    font-size: 1.2rem; }
    @media screen and (min-width: 1025px) {
      #plan .plan-catch .price {
        font-size: 1.9rem; } }
  #plan .plan-catch::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 101%;
    position: absolute;
    border: 1px solid #d02525;
    top: 0%;
    left: 0%;
    -ms-transform: translate(5px, 5px);
    transform: translate(5px, 5px); }

#plan .tag-include {
  padding: 3px 8%;
  border-radius: 15px;
  background-color: #fff;
  font-size: .5rem; }
  @media screen and (min-width: 1025px) {
    #plan .tag-include {
      font-size: .8rem;
      padding: 3px 7%; } }

#plan .section-plan {
  margin-top: -45px;
  position: relative; }
  @media screen and (min-width: 1025px) {
    #plan .section-plan {
      margin-top: -200px; } }

#plan .plan-content {
  padding: 5px 0; }
  @media screen and (min-width: 1025px) {
    #plan .plan-content {
      padding: 5% 0 0; } }
  #plan .plan-content p {
    color: #280404; }

#plan .content-ls {
  width: 290px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto; }
  @media screen and (min-width: 1025px) {
    #plan .content-ls {
      width: 60%; } }
  #plan .content-ls__item {
    width: 60px;
    height: 60px;
    margin: 5px 0px;
    border: 1px solid #280404;
    padding-top: 1px; }
    @media screen and (min-width: 1025px) {
      #plan .content-ls__item {
        width: 200px;
        height: 105px; } }
    #plan .content-ls__item p {
      margin-top: 1px; }
  #plan .content-ls .kimono::before {
    width: 40px;
    height: 30px;
    background: center/contain no-repeat url(../images/icons/kimono.png); }
    @media screen and (min-width: 1025px) {
      #plan .content-ls .kimono::before {
        width: 50px;
        height: 55px; } }
  #plan .content-ls .kitsuke::before {
    background: center/contain no-repeat url(../images/icons/kitsuke.png); }
  #plan .content-ls .biyo::before {
    background: center/contain no-repeat url(../images/icons/biyo.png); }
  #plan .content-ls .reservation::before {
    width: 20px;
    background: center/contain no-repeat url(../images/icons/reservation.png); }
  #plan .content-ls .kaizoe::before {
    background: center/contain no-repeat url(../images/icons/makeup.png); }
  #plan .content-ls .photo::before {
    background: center/contain no-repeat url(../images/icons/photo.png); }
  #plan .content-ls .schedule::before {
    background: center/contain no-repeat url(../images/icons/schedule.png); }
  #plan .content-ls .venue::before {
    background: center/contain no-repeat url(../images/icons/church.png); }

#plan .content-ls__item::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 30px; }
  @media screen and (min-width: 1025px) {
    #plan .content-ls__item::before {
      width: 35px;
      height: 60px; } }

#plan .plan-desc {
  margin: 5% 0; }
  #plan .plan-desc p {
    padding: 5px 0; }

/** common style for #schedule **/
#schedule .section-h__thumb {
  height: 155px;
  width: 100%;
  background: bottom/cover no-repeat url(../images/index/schedule_top.jpg); }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    #schedule .section-h__thumb {
      height: 300px;
      background: 0 55%/cover no-repeat url(../images/index/schedule_top_pc.jpg); } }
  @media screen and (min-width: 1025px) {
    #schedule .section-h__thumb {
      height: 500px;
      background: 0 45%/cover no-repeat url(../images/index/schedule_top_pc.jpg); } }

#schedule .section-h-main {
  margin: 5% 0; }
  #schedule .section-h-main .title-ja {
    font-size: 17.5px;
    color: #280404; }
    @media screen and (min-width: 1025px) {
      #schedule .section-h-main .title-ja {
        font-size: 1.3rem; } }
  #schedule .section-h-main .title-en {
    letter-spacing: .15rem;
    color: #280404;
    opacity: 0.05;
    margin-top: -6px; }

#schedule .section-content {
  margin-bottom: 10%;
  padding: 2.5% 5px 0;
  color: #280404;
  position: relative; }
  @media screen and (min-width: 1025px) {
    #schedule .section-content {
      padding: 2.5% 10% 0; } }
  #schedule .section-content::before {
    content: "";
    height: 100.5%;
    width: 1px;
    background: #a09b7d;
    position: absolute;
    left: 5px;
    top: 0; }
    @media screen and (min-width: 1025px) {
      #schedule .section-content::before {
        left: 10%; } }

.flow-group {
  padding: 10px 0;
  position: relative; }
  @media screen and (min-width: 1025px) {
    .flow-group {
      padding: 5px; } }

.flow-group-ch {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.flow-group-ch .fade-in .flow-desc {
  transition-delay: 1s; }

.flow-desc {
  width: 60%; }
  @media screen and (min-width: 1025px) {
    .flow-desc {
      width: 65%; } }
  .flow-desc h4 {
    font-size: .8rem;
    padding: 5px 0 13px;
    font-weight: bold; }
    @media screen and (min-width: 1025px) {
      .flow-desc h4 {
        font-size: 1.2rem;
        padding: 5px 0 5%; } }
  .flow-desc p {
    font-size: 0.55rem; }
    @media screen and (min-width: 1025px) {
      .flow-desc p {
        font-size: 0.9rem; } }

.flow-group__thumb {
  width: 35%; }
  @media screen and (min-width: 1025px) {
    .flow-group__thumb {
      width: 25%; } }

.noon-thumb {
  width: 25%; }

.to-next-flow {
  text-align: center;
  padding: 5% 0;
  font-size: 0.55rem;
  position: relative; }
  @media screen and (min-width: 1025px) {
    .to-next-flow {
      font-size: .8rem; } }
  .to-next-flow::before, .to-next-flow::after {
    content: "";
    display: inline-block; }
  .to-next-flow::before {
    width: 35px;
    height: calc(35px / 2);
    background: center/contain no-repeat url(../images/icons/car.png);
    vertical-align: middle; }
    @media screen and (min-width: 1025px) {
      .to-next-flow::before {
        width: 50px;
        vertical-align: sub; } }
  .to-next-flow::after {
    position: absolute;
    width: 20px;
    height: 10px;
    background: center/contain no-repeat url(../images/icons/arrow.png);
    bottom: 5px;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
    @media screen and (min-width: 1025px) {
      .to-next-flow::after {
        width: 30px;
        height: 15px;
        bottom: 20%; } }

@media screen and (min-width: 1025px) {
  .eight-am .time-tag {
    top: -18px; } }

.eight-am .flow-group-ch {
  padding-left: 8%; }
  .eight-am .flow-group-ch:last-of-type {
    padding: 0 0 0 5%; }
    @media screen and (min-width: 1025px) {
      .eight-am .flow-group-ch:last-of-type {
        padding: 0 0 0 6%; } }
    @media screen and (min-width: 1025px) {
      .eight-am .flow-group-ch:last-of-type .flow-desc {
        padding: 1% 0 0 35%; } }

.noon .time-tag {
  top: -20px; }

.noon > div:nth-of-type(2) {
  padding: 0 0 0 40px; }
  @media screen and (min-width: 1025px) {
    .noon > div:nth-of-type(2) {
      padding: 35px 0px 0 65px; } }

.noon > div:nth-of-type(3) {
  padding-left: 2.5%;
  margin: -5px 0 0; }
  .noon > div:nth-of-type(3) .flow-desc {
    padding-left: 20px; }
  @media screen and (min-width: 1025px) {
    .noon > div:nth-of-type(3) .flow-group__thumb {
      width: 20%; } }

.two-pm {
  padding: 15% 0 2% 2.5%; }
  @media screen and (min-width: 1025px) {
    .two-pm {
      padding-top: 10%; } }
  @media screen and (min-width: 1025px) {
    .two-pm > div:nth-of-type(2) .flow-desc {
      padding: 5% 0 0 36%; } }
  .two-pm > div:nth-of-type(3) {
    padding: 10% 0 0; }
    .two-pm > div:nth-of-type(3) .flow-desc {
      padding: 0 0 0 1%; }
    .two-pm > div:nth-of-type(3) .flow-desc__h {
      padding: 0 0 13px; }

.last {
  padding-left: 20%; }
  @media screen and (min-width: 1025px) {
    .last .time-tag {
      top: -28px; } }

.time-tag {
  width: 40px;
  height: 40px;
  background: #a09b7d;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 10px;
  top: 0;
  z-index: 2; }
  @media screen and (min-width: 1025px) {
    .time-tag {
      width: 80px;
      height: 80px;
      left: 18px; } }
  .time-tag span {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: .8rem; }
    @media screen and (min-width: 1025px) {
      .time-tag span {
        font-size: 1rem; } }

#pickup {
  color: #280404; }
  #pickup .title-en {
    text-align: center;
    opacity: 0.1;
    letter-spacing: .1rem; }
  #pickup .wrapper {
    padding: 7% 0 1%;
    background: top/cover no-repeat url(../images/index/banquet_bg.jpg); }
    @media screen and (min-width: 1025px) {
      #pickup .wrapper {
        padding: 3% 0 1%; } }
  #pickup .section-h__title {
    margin-bottom: 3%; }
  #pickup .section-h__sub {
    font-size: .7rem; }
    @media screen and (min-width: 1025px) {
      #pickup .section-h__sub {
        font-size: .9rem; } }
  #pickup .section-main {
    padding-top: 10%; }
    @media screen and (min-width: 1025px) {
      #pickup .section-main {
        padding: 6%; } }
  #pickup .ls-slide-item-main {
    text-align: left;
    margin: 10px;
    overflow: hidden; }
  #pickup .ls-slide-content {
    color: #fff;
    background: #230a05;
    padding: 2% 5% 5%; }
    #pickup .ls-slide-content p {
      font-size: 0.55rem; }
      @media screen and (min-width: 1025px) {
        #pickup .ls-slide-content p {
          font-size: 0.9rem; } }
    #pickup .ls-slide-content__tag {
      display: inline-block;
      border-radius: 50px;
      border: 1px solid #fff;
      font-size: .6rem;
      padding: 2px 8px; }
    #pickup .ls-slide-content__desc {
      padding: 5% 0; }
    #pickup .ls-slide-content__title {
      padding: 5px 0;
      margin-bottom: 5%;
      border-bottom: 1px solid #fff; }
  #pickup .section-main__title {
    padding-bottom: 5px;
    width: 95%;
    margin: 0 auto;
    border-bottom: 1px solid #280404;
    font-size: .8rem; }
    @media screen and (min-width: 1025px) {
      #pickup .section-main__title {
        font-size: 1rem; } }

#access .wrapper {
  margin-top: 5%; }

#access .section-h {
  padding: 5% 0 10%; }
  @media screen and (min-width: 1025px) {
    #access .section-h {
      padding: 5% 0; } }
  #access .section-h__title {
    font-size: .9rem; }
    @media screen and (min-width: 1025px) {
      #access .section-h__title {
        font-size: 1.3rem; } }

#access .section-h__border {
  width: 125px;
  margin: 6px auto;
  height: 1px;
  display: flex; }
  #access .section-h__border::before, #access .section-h__border::after {
    content: "";
    display: inline-block;
    width: 50%;
    height: 100%; }
  #access .section-h__border::before {
    background: #ac422d; }
  #access .section-h__border::after {
    background: #d5cfbc; }

#access .section-content {
  font-size: 0.9rem; }

#access .access-detail {
  padding: 8% 0 0;
  background: #37431d;
  color: #fff; }
  @media screen and (min-width: 1025px) {
    #access .access-detail {
      padding: 3% 0 0; } }
  #access .access-detail p {
    font-size: 0.7rem; }
    @media screen and (min-width: 1025px) {
      #access .access-detail p {
        font-size: 0.9rem; } }
  #access .access-detail .tel {
    font-size: 1.4rem;
    margin: 5% 0;
    letter-spacing: .1rem; }
    @media screen and (min-width: 1025px) {
      #access .access-detail .tel {
        margin: 3% 0; } }
    #access .access-detail .tel::before {
      content: "";
      display: inline-block;
      width: 15px;
      height: 15px;
      margin-right: 6px;
      background: center/contain no-repeat url(../images/icons/telephone.png); }
  #access .access-detail .copyright {
    border-top: 1px solid #fff;
    padding-bottom: 5px;
    margin-top: 8%; }
    @media screen and (min-width: 1025px) {
      #access .access-detail .copyright {
        margin-top: 3%; } }

@media screen and (min-width: 1025px) {
  #access .accessmap {
    height: 350px;
    width: 100%;
    overflow: hidden; }
    #access .accessmap img {
      margin: -150px; } }

@keyframes appealScale {
  50% {
    transform: scale(1.05); } }

.fade-in {
  opacity: 0;
  -ms-transform: translateY(10px);
  transform: translateY(10px); }
  .fade-in.is-view {
    opacity: 1;
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    transition: opacity 1s, transform 1s; }

.btn {
  display: block;
  margin: 0 auto;
  width: 90%;
  padding: 5%;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 15px;
  position: relative; }
  .btn.in-view {
    animation: appealScale 1s; }

.btn-wh {
  background-color: #fff;
  border: 2px solid #e8b505; }

.btn-y {
  background-color: #e8b505;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); }
  .btn-y--border {
    background-color: #e8b505;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
    border: 2px solid #fff; }

.arrow-w {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  right: 15%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  vertical-align: middle; }
  @media screen and (min-width: 1025px) {
    .arrow-w {
      right: 25%;
      width: 30px;
      height: 30px; } }
  .arrow-w::after {
    content: "";
    position: absolute;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    width: 9px;
    height: 9px;
    top: 40%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg); }

.container-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 4% 0%;
  display: flex;
  justify-content: center;
  transition: transform .5s;
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  z-index: 3; }
  .container-fixed.is-view {
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: transform .5s; }
  @media screen and (min-width: 1025px) {
    .container-fixed {
      width: 50%;
      margin: 0 25%;
      padding: 2% 4%; } }
  .container-fixed a {
    border: 1px solid #000; }
  .container-fixed * {
    width: calc(50% - (5% / 2));
    padding: 4%; }
  .container-fixed *::before {
    content: "";
    padding: 3px 7%;
    display: inline;
    margin-right: 10px; }

.line {
  color: #fff;
  background: #000; }
  .line::before {
    background: center/contain no-repeat url(../images/icons/line_logo.png); }

.reserve {
  color: #000;
  background: #fff; }
  .reserve::before {
    background: center/contain no-repeat url(../images/icons/contact_logo.png); }

.btn-cv {
  text-align: center;
  font-size: .8rem;
  letter-spacing: 0.1rem;
  font-family: "a-otf-ryumin-pr6n", serif; }
  @media screen and (max-width: 320px) {
    .btn-cv {
      font-size: .85rem; } }
  @media screen and (min-width: 1025px) {
    .btn-cv {
      font-size: 1rem; } }