@charset "UTF-8";
/*--ふくおかBizのページで使用されているメディアクエリのまとめです。scssで利用してください。cssでは使えません！！
@mixin pc_screen_under {
  @media screen and (max-width: 1230px){
    @content;
  }
}
@mixin pc_middle_under {
  @media screen and (max-width: 1200px){
    @content;
  }
}
@mixin pc_to_tablet {
  @media screen and (min-width: 768px) and (max-width: 1199px){
    @content;
  }
}
@mixin tablet_over {
  @media screen and (min-width: 768px){
    @content;
  }
}
@mixin tablet_under {
  @media screen and (max-width: 768px){
    @content;
  }
}
@mixin tablet_to_sp {
  @media screen and (min-width: 599px) and (max-width: 767px) {
    @content;
  }
}
@mixin sp_under {
  @media screen and (max-width: 599px){
    @content;
  }
}


呼び出し方（tablet_underのメディアクエリを呼び出す場合）
@include tablet_under(){
これだけ！この中にcssかいてください
}
-----------------------------------------------------*/
@media screen and (max-width: 768px) {
  .pc_only {
    display: none;
  }
}

main p {
  font-size: 2rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.blog_eyecatch {
  width: 100vw;
  height: auto;
  margin: 0 calc(50% - 50vw) 0;
  aspect-ratio: 1920/850;
}
.blog_eyecatch img {
  bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .blog_eyecatch {
    aspect-ratio: 768/949;
  }
}

.naver_title {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: baseline;
  font-weight: bold;
  font-size: 2vw;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .naver_title {
    align-items: center;
    font-weight: bold;
    font-size: 2.5rem;
    flex-direction: column;
  }
}
.naver_title span {
  display: flex;
  height: auto;
  align-items: center;
}
.naver_title span img {
  width: 200px;
}

.col_text {
  width: 40%;
  display: grid;
  align-content: center;
}
@media screen and (max-width: 768px) {
  .col_text {
    width: 90%;
  }
}

.naver_btn {
  display: block;
  width: 200px;
  padding: 10px 0;
  text-align: center;
  color: #fff;
  background-color: #02C659;
  border-radius: 100vh;
  margin: 20px auto 0;
  font-weight: bold;
}

.color_red {
  color: rgb(255, 33, 33);
}

.price_ul {
  margin: 2em auto 0;
  font-size: 1.2em;
  font-weight: bold;
  max-width: 630px;
  display: block;
}

.contact_btn {
  position: relative;
  display: block;
  padding: 10px 0;
  background-color: #02C659;
  color: #fff !important;
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  width: 300px;
  margin: 4em auto 0;
  border-radius: 100vw;
  border: solid 3px #02C659;
  transition: 0.2s;
}
.contact_btn:hover {
  background-color: #fff;
  color: #02C659 !important;
}
.contact_btn span {
  position: absolute;
  font-size: max(1vw, 20px);
  left: 50%;
  top: -2em;
  transform: translateX(-50%);
  font-weight: bold;
  width: 100vw;
  color: #455a64;
}/*# sourceMappingURL=kr_promo_add.css.map */