@charset "shift_jis";
/* Updated 2025/12/01.T */
/*---------------------------------------------
base
---------------------------------------------*/
body {
  min-width: 0;
}
#main-area {
  overflow: hidden;
}
#main-area::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(/kojin/olive/special/campaign/nyukin/imgs/index_bg_01.jpg) center bottom / cover no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
#footer-content {
  margin-top: 0;
}
#footer-fixed .panel {
  background: #ffffff99;
}
.section-main {
  margin: auto;
  max-width: 500px;
  box-shadow: 0px 4px 100px 0px rgba(20, 29, 29, 0.60);
  overflow: hidden;
}
.cpnStart .cpEndMask {
  z-index: 2;
}
/*---------------------------------------------
kv-block
---------------------------------------------*/
.kv-block {
  position: relative;
}
.kv-block > .wrap01 {
  position: absolute;
  top: 25%;
  left: 0;
  width: 100%;
}
.kv-block > .wrap01 > .txt02 {
  margin-top: clamp(2.56px, calc(3 / 375 * 100vw), 4px);
  font-size: clamp(8.53px, calc(10 / 375 * 100vw), 13.33px);
  text-align: center;
  color: #fff;
  letter-spacing: -0.05em;
}
.kv-block > .wrap01 > .img01 {
  margin-top: clamp(5.97px, calc(7 / 375 * 100vw), 9.33px);
  text-align: center;
}
.kv-block > .wrap01 > .btn {
  background: transparent;
  margin: clamp(15.35px, calc(18 / 375 * 100vw), 24px) auto 0;
  width: 90%;
}
.kv-block .card-normal02 {
  border-radius: clamp(13.65px, calc(16 / 375 * 100vw), 21.33px);
  background: rgba(255, 255, 255, 0.8);
}
.kv-block .card-normal02 > .inner > .body {
  padding: clamp(15.35px, calc(18 / 375 * 100vw), 24px);
}
.kv-block .btn-type01 > .inner {
  font-size: clamp(13.65px, calc(16 / 375 * 100vw), 21.33px);
}
/*---------------------------------------------
kv-box
---------------------------------------------*/
.kv-box01 {
  position: relative;
  width: 84%;
  margin: auto;
  background: #004831;
  border-radius: clamp(6.82px, calc(8 / 375 * 100vw), 10.67px);
}
.kv-box01>.and {
  position: absolute;
  z-index: 1;
  bottom: -15%;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: clamp(29px, calc(34 / 375 * 100vw), 45.33px);
  height: clamp(29px, calc(34 / 375 * 100vw), 45.33px);
  color: #003927;
  font-weight: bold;
  font-size: clamp(21.33px, calc(25 / 375 * 100vw), 33.33px);
  background: #fff;
  border-radius: 50%;
}
.kv-box01 > .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: clamp(6px, calc(7 / 375 * 100vw), 9.33px);
  font-weight: bold;
  color: #fcebd1;
  border-radius: clamp(6.82px, calc(8 / 375 * 100vw), 10.67px) clamp(6.82px, calc(8 / 375 * 100vw), 10.67px) 0 0;
  background: linear-gradient(to right, #004831, #003a27);
}
.kv-box01 > .title > .txt01 {
  position: relative;
  font-size: clamp(10.24px, calc(12 / 375 * 100vw), 16px);
}
.kv-box01 > .title > .txt02 {
  font-size: clamp(13.65px, calc(16 / 375 * 100vw), 21.33px);
  letter-spacing: 0.08em;
}
.kv-box01 > .title > .txt01::after {
  position: absolute;
  top: clamp(4.27px, calc(5 / 375 * 100vw), 6.67px);
  right: clamp(-12.8px, calc(-15 / 375 * 100vw), -20px);
  content: "�{";
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #fcebd1;
  color: #003927;
  font-size: clamp(7.68px, calc(9 / 375 * 100vw), 12px);
  border-radius: 50%;
  width: clamp(10.24px, calc(12 / 375 * 100vw), 16px);
  height: clamp(10.24px, calc(12 / 375 * 100vw), 16px);
}
.kv-box01 > .body {
  padding: 0 clamp(6.82px, calc(8 / 375 * 100vw), 10.67px) clamp(8.53px, calc(10 / 375 * 100vw), 13.33px);
  text-align: center;
}
.kv-box01 > .body > .txt01 {
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fcebd1;
  font-weight: bold;
  line-height: 1.0;
  font-size: clamp(13.65px, calc(16 / 375 * 100vw), 21.33px);
}
.kv-box01 > .body > .img01 {
  margin-top: clamp(-8.53px, calc(-10 / 375 * 100vw), -13.33px);
}
/*---------------------------------------------
campaign-area01
---------------------------------------------*/
.campaign-area01 {
  padding: 60px 0 100px;
  background: url(/kojin/olive/special/campaign/nyukin/imgs/index_bg_bottom_01.png) left bottom / 100% auto no-repeat, url(/kojin/olive/special/campaign/nyukin/imgs/index_bg_snow_01.png) center 66px / 90% auto no-repeat #7b571a;
}
.campaign-area01>.wrap01 {
  margin-top: 9px;
  text-align: center;
}
/*---------------------------------------------
flow-area01
---------------------------------------------*/
.flow-area01 {
  padding: 60px 0 12px;
  background: #7b571a;
}
.flow-area01>.txt01 {
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
}
.flow-area01 .list-arrow {
  margin-top: 24px;
}
/*---------------------------------------------
benefits-area01
---------------------------------------------*/
.benefits-area01 {
  padding: 80px 0;
  background: url(/kojin/olive/special/campaign/nyukin/imgs/index_bg_top_01.png) left top / 100% auto no-repeat #7b571a;
}
.benefits-area01 .text-balloon.-yellow01 {
  max-width: 302px;
  margin: 40px auto 0;
  padding: 11px 34px;
}
.benefits-area01 .toggle-block01.card-normal01.-yellow01 {
  margin-left: 18px;
  margin-right: 18px;
}
.benefits-area01 .card-normal01.-yellow01 {
  border-radius: 8px;
}
.benefits-area01 .card-normal01.-yellow01>.inner>.header {
  padding: 10px 16px 14px;
  border-radius: 8px;
  background: #ffdb66;
  text-align: left;
}
.benefits-area01 .card-normal01.-yellow01>.inner>.header[aria-selected="true"] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.benefits-area01 .toggle-block01.card-normal01.-yellow01>.inner>.header[role=tab]:focus,
.benefits-area01 .toggle-block01.card-normal01.-yellow01>.inner>.header[role=tab]:hover {
  background: #ffdb66;
}
.benefits-area01 .card-normal01.-yellow01>.inner>.body:not(:first-child)::before {
  display: none;
}
.benefits-area01 .include-olive-about01 .ttl01 {
  display: none;
}
.benefits-area01 .include-olive-about01 .img01 {
  margin-top: 0;
}
/*---------------------------------------------
bnr-area01
---------------------------------------------*/
.bnr-area01 {
  padding: 0 37px;
}
/*---------------------------------------------
details-area01
---------------------------------------------*/
.details-area01 {
  padding-top: 80px;
  padding-bottom: 50px;
  background: url(/kojin/olive/special/campaign/nyukin/imgs/index_bg_bottom_01.png) left bottom / 100% auto no-repeat,url(/kojin/olive/special/campaign/nyukin/imgs/index_bg_top_01.png) left top / 100% auto no-repeat #7b571a;
}
.details-area01 .table-type02 {
  margin: 0 18px;
}
.details-area01 .card-normal01 {
  margin: 30px  18px 0;
}
.details-area01 .table-detail01>.item>.row>:not(:first-child) {
  border-left: none;
}
.details-area01 .table-detail01.-green01>.item>.row>.header {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  padding: 8px;
  color: #004831;
  font-size: 1.6rem;
  border-right: 1px solid #d5dedb;
}
.details-area01 .table-detail01>.item>.row>.data {
  width: 80%;
  font-size: 1.6rem;
}
.details-area01 .table-detail01>.item>.row>* {
  padding: 15px;
}
.details-area01 .table-detail01.-vertical01>.item>.row>.header {
  border-right: none;
  border-bottom: 1px solid #d5dedb;
  font-size: 1.4rem;
}
.details-area01 .table-detail01.-vertical01>.item>.row>.data {
  padding: 8px;
  font-size: 1.4rem;
}
/*---------------------------------------------
mission-box01
---------------------------------------------*/
.mission-box01 {
  border-radius: 16px;
  margin-left: 20px;
  margin-right: 20px;
}
.mission-box01>.inner>.header {
  padding: 32px 20px 22px;
  background: #00563a;
  border-radius: 16px 16px 0 0;
}
.mission-box01>.inner>.header>.title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fcebd1;
}
.mission-box01>.inner>.header>.title>:not(:first-child) {
  margin-top: 24px;
  padding-top: 12px;
  width: 100%;
  border-top: 1px solid #fcebd1;
}
.mission-box01>.inner>.body {
  padding: 28px 20px;
  background: #fff;
  border-radius: 0 0 16px 16px;
}
.mission-box01>.inner>.body.-mission02 {
  padding: 30px 13px;
}
.mission-box01>.inner>.body>.txt01 {
  text-align: center;
  font-weight: bold;
  color: #003927;
  letter-spacing: 0.05em;
}
.mission-box01>.inner>.body>.txt02 {
  margin-top: 20px;
  text-align: center;
  font-size: 1.4rem;
  color: #003927;
  letter-spacing: 0.05em;
}
.mission-box01>.inner>.body>.wrap01 {
  margin-top: 30px;
}
.flow-box02 {
  padding: 16px;
  background: #4d7f6f;
  border-radius: 16px;
  color: #fff;
}
/*---------------------------------------------
case-box01
---------------------------------------------*/
.case-box01 {
  margin: 24px 20px 0;
  padding: 20px;
  border: 1px solid #d9e1de;
  background: #fff;
  border-radius: 8px;
}
.case-box01>.inner>.title {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.case-box01>.inner>.title>.txt01 {
  padding: 4px 16px;
  border-radius: 4px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  background: #00563a;
}
.case-box01>.inner>.title>.txt02 {
  margin-left: 8px;
  font-size: 1.4rem;
  font-weight: bold;
}
.case-box01>.inner>.body {
  margin-top: 24px;
}
.case-box01 .toggle-block01:not(:first-child) {
  margin-top: 20px;
}
.case-box01 .card-normal01 {
  border-radius: 4px;
}
.case-box01 .card-normal01>.inner>.header {
  border-radius: 4px;
}
.case-box01 .toggle-block01.card-normal01>.inner>.header[role=tab] {
  padding: 16px;
}
.case-box01 .toggle-block01.card-normal01>.inner>.header[role=tab]::after {
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
}
/*---------------------------------------------
result-wrap01
---------------------------------------------*/
.result-wrap01 {
  position: relative;
  text-align: center;
}
.result-wrap01>.txt01 {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  padding-right: 30px;
  color: #fcebd1;
  font-size: 9.6rem;
  font-weight: bold;
  line-height: 1.0;
}
.result-wrap01>.img02 {
  position: absolute;
  top: 66px;
  left: 50%;
  transform: translateX(-50%);
}
/*---------------------------------------------
flow-list01
---------------------------------------------*/
.flow-list01>.item {
  display: flex;
  align-items: center;
}
.flow-list01>.item:not(:first-child) {
  margin-top: 7px;
}
.flow-list01>.item>.img01 {
  width: 51px;
}
.flow-list01>.item>.txt01 {
  width: calc(100% - 51px);
  font-size: 1.2rem;
  font-weight: bold;
  margin-left: 12px;
}
/*---------------------------------------------
table
---------------------------------------------*/
.table-type02>.body {
  display: block;
  border-radius: 20px;
  border: solid 5px #fff;
  overflow: hidden;
}
.body-row>* {
  display: block;
  padding: 15px;
}
.body-row>.head {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  background: #00563a;
  color: #fff;
}
.body-row>.data {
  font-size: 1.6rem;
  background: #fff;
}
/*---------------------------------------------
card
---------------------------------------------*/
.card-normal01 {
  border-radius: 16px;
}
.card-normal01>.inner>.header {
  border-radius: 16px;
}
.card-nav {
  width: 352px;
  min-height: 331px;
  background: #fff;
  box-shadow: 5px 5px 1px 1px #141d1d33;
  border-radius: 16px;
  position: relative;
}
.card-nav>.title {
  padding: 3px 10px 10px;
  text-align: center;
  font-weight: bold;
  font-size: 3.6rem;
  color: #fcebd1;
  background: #7b571a;
  border-radius: 16px 16px 0 0;
}
.card-nav>.menu {
  padding: 20px 35px 38px;
}
.card-nav>.menu .link {
  text-decoration: none;
  display: block;
  padding: 10px 18px 10px 35px;
  font-weight: bold;
  font-size: 1.8rem;
  color: #56635f;
  position: relative;
}
.card-nav>.menu .link.-active {
  color: #004831;
}
.card-nav>.menu .link.-active::before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background: #ab7c30;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 11px;
  transform: translateY(-50%);
}
.card-nav>.menu :not(:first-child)>.link {
  margin-top: 4px;
}
.nav-area {
  position: fixed;
  right: calc(((100% - 500px) / 2) - 29vw);
  bottom: calc(50% - 160px);
}
@media screen and (max-width: 1280px) {
  .nav-area {
    display: none;
  }
}
@media screen and (max-height: 560px) {
  .nav-area {
    display: none;
  }
}
/*---------------------------------------------
title
---------------------------------------------*/
.title-border {
  text-align: center;
}
/*---------------------------------------------
list
---------------------------------------------*/
.list-circle01>.item::before {
  background: #56635f;
}
.list-arrow>.item:not(:first-child) {
  margin-top: 80px;
  position: relative;
}
.list-arrow>.item:not(:first-child)::before {
  content: '';
  display: block;
  width: 88px;
  height: 28px;
  background: url(/kojin/olive/special/campaign/nyukin/imgs/index_bg_arrow_01.png) left top / 100% auto no-repeat;
  position: absolute;
  top: -33px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.list-arrow>.item.-yellow01:not(:first-child)::before {
  background: url(/kojin/olive/special/campaign/nyukin/imgs/index_bg_arrow_02.png) left top / 100% auto no-repeat;
}
/*---------------------------------------------
button
---------------------------------------------*/
.btn-type01.-orange01 {
  background: #ff5f04;
}
.btn-type01>.balloon {
  position: absolute;
  top: -55%;
  left: 50%;
  transform: translateX(-50%);
}
/*---------------------------------------------
text
---------------------------------------------*/
.text-balloon {
  display: block;
  margin: auto;
  padding: 4px 18px;
  text-align: center;
  letter-spacing: 0.2em;
  white-space: nowrap;
  font-size: clamp(12px, calc(12 / 375 * 100vw), 16px);
  font-weight: bold;
  border-radius: 16px;
  background: #fff;
  color: #141d1d;
  box-shadow: 0px 9px 8px 0px #141d1d14, 0px 0px 4px 0px #141d1d1f;
  position: relative;
}
.text-balloon::before {
  content: '';
  display: block;
  width: 8px;
  height: 7px;
  background: #fff;
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.text-balloon.-yellow01 {
  padding: 12px 16px;
  letter-spacing: 0;
  font-size: 2.2rem;
  background: #ffdb66;
  color: #000324;
  box-shadow: initial;
}
.text-balloon.-yellow01::before {
  width: 10px;
  height: 10px;
  background: #ffdb66;
  bottom: -9px;
}
/*---------------------------------------------
toggle
---------------------------------------------*/
.toggle-block01.card-normal02>.inner>.header>.title {
  justify-content: left;
}
.toggle-block01.card-normal02>[role=tablist]>[role=tab][aria-expanded=false] {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.toggle-block01>[role=tablist]>[role=tab]::after {
  mask: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) 0 0 / cover no-repeat;
  -webkit-mask: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) 0 0 / cover no-repeat;
  background: #2b2b2b;
}
.toggle-block01.card-normal02>[role=tablist]>[role=tab]::after {
  background: #fcebd1;
}
/*---------------------------------------------
slide
---------------------------------------------*/
.slick-wrap01 {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
}
.slick-wrap01:not(.slick-vertical) .slick-track {
  display: flex;
}
.slick-wrap01 .slick-slide {
  margin: 30px 20px 0;
  background: #fff;
}
.slick-wrap01:not(.slick-vertical) .slick-slide {
  height: auto !important;
}
.slick-wrap01 .slick-slide img {
  margin: auto;
}
.slick-wrap01 .slick-arrow {
  top: -140px;
  bottom: 0;
  width: 40px;
  height: 40px;
  margin: auto 0;
  background: #00563a;
  border-radius: 50%;
  z-index: 1;
  box-shadow: 0px 10px 12px 0px #141d1d14,0px 0px 4px 0px #141d1d0d;
}
.slick-wrap01 .slick-prev {
  left: 0;
}
.slick-wrap01 .slick-next {
  right: 0;
}
.slick-wrap01 .slick-arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1.375em;
  height: 1.375em;
  margin: auto;
  mask: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) 0 0 / cover no-repeat;
  -webkit-mask: url(/kojin/cmn/imgs/ico_arrow_right_01.svg) 0 0 / cover no-repeat;
  background: #fcebd1;
}
.slick-wrap01 .slick-prev::before {
  transform: rotate(180deg);
}
.slick-wrap01 .slick-dots {
  bottom: 0;
  font-size: 0;
}
.slick-wrap01 .slick-dots li button {
  width: 8px;
  height: 8px;
  background: #d9d9d9;
  border-radius: 50%;
  transition: background .2s ease-in-out;
}
.slick-wrap01 .slick-dots > .slick-active button {
  background: #ab7c30;
}
.slick-wrap01 .slick-dots > :not(:first-child) {
  margin-left: 10px;
}
.slide-item01>.title01 {
  padding: 4px;
  color: #2b2b2b;
  background: #d9d9d9;
  text-align: center;
  font-weight: bold;
}
.slide-item01>.txt01 {
  width: fit-content;
  margin: 20px auto;
  font-size: 1.2rem;
  font-weight: bold;
}
/*---------------------------------------------
ribbon-box
---------------------------------------------*/
.ribbon-box01 {
  position: relative;
  width: 84%;
  margin: 20px auto 0;
  margin-top: 20px;
  border-radius: 8px;
}
.ribbon-box02 {
  position: relative;
  margin-top: 41px;
  padding: 0 33px;
  border-radius: 16px;
}
.ribbon-box01>.txt {
  position: absolute;
  top: -3px;
  left: 10px;
}
.ribbon-box02>.title {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.ribbon-box02>.title>.inner {
  position: relative;
  display: inline-block;
  width: 251px;
  padding: 7px 16px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  color: #fff;
  background: #004831;
}
.ribbon-box02>.title::before,
.ribbon-box02>.title::after {
  content: '';
  position: absolute;
  top: 68%;
  width: 31px;
  height: 36px;
  background: transparent;
  border: 19px solid #03452a;
  z-index: -1;
}
.ribbon-box02>.title::before {
  left: -13px;
  border-left: 8px solid transparent;
  transform: translateY(-50%);
}
.ribbon-box02>.title::after {
  right: -13px;
  border-right: 8px solid transparent;
  transform: translateY(-50%);
}
.ribbon-box01>.body>.top,
.ribbon-box02>.body>.top {
  padding: 11px 0 6px;
  background-color: #fdca54;
  border-radius: 8px 8px 0 0;
  color: #003927;
  font-weight: bold;
  text-align: center;
}
.ribbon-box02>.body>.top {
  padding: 24px 8px 8px;
  border-radius:16px 16px 0 0;
}
.ribbon-box01>.body>.middle {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 0 12px;
  background-color: #ffdb66;
  color: #003927;
  font-weight: bold;
  line-height: 1.0;
}
.ribbon-box02>.body>.middle {
  padding: 1px 12px;
  background-color: #ffdb66;
}
.ribbon-box01>.body>.bottom,
.ribbon-box02>.body>.bottom {
  padding: 4px;
  background: repeating-linear-gradient(-45deg,#ffe9a3,#ffe9a3 5px,#ffdb66 5px,#ffdb66 10px);
  border-radius: 0 0 8px 8px;
  text-align: center;
  letter-spacing: -0.03em;
  font-size: clamp(10.24px, calc(12 / 375 * 100vw), 16px);
}
.ribbon-box02>.body>.bottom {
  padding: 4px;
  border-radius: 0 0 16px 16px;
  color: #003927;
}
/* ----------------------------------
price-txt01
---------------------------------- */
.price-txt01 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: #003927;
  font-weight: bold;
  line-height: 1.0;
}
.price-txt01>.num {
  font-size: 7.6rem;
  line-height: 1.0;
  font-family: roboto;
}
.price-txt01>.txtWrap01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 4px;
  position: relative;
  height: 56px;
}
.price-txt01>.txtWrap01>.txt01 {
  font-size: 2.8rem;
  line-height: 1.0;
}
.price-txt01>.txtWrap01>.txt02 {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: max-content;
  font-size: 1.3rem;
  line-height: 1.0;
}
/* ----------------------------------
circle-txt01
---------------------------------- */
.circle-txt01 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 33px;
  height: 33px;
  color: #003927;
  font-weight: bold;
  font-size: 2.5rem;
  background: #fff;
  border-radius: 50%;
}
/* ----------------------------------
fn-pram
---------------------------------- */
.fn-pram:not(.-show){
  display: none;
}
/*---------------------------------------------
general
---------------------------------------------*/
._t-orange01 {
  color: #e95501 !important;
}
._t-beige01 {
  color: #fcebd1 !important;
}
._lh01 {
  line-height: 1 !important;
}
._t-robot {
  font-family: roboto !important;
}
._fs80 {
  font-size: 88px !important;
  line-height: 1.0 !important;
}
._fs66 {
  font-size: clamp(66px, calc(66 / 375 * 100vw), 88px) !important;
  line-height: 1.0 !important;
}
._fs76 {
  font-size: clamp(76px, calc(76 / 375 * 100vw), 101.33px) !important;
  line-height: 1.0 !important;
}
._mt50 {
  margin-top: 50px !important;
}
._mt34 {
  margin-top: 34px !important;
}
@media screen and (max-width: 767px) {
  .section-main {
    max-width: 767px;
  }
  #footer-area.footer-fixed:not(.-close) #footer-content .footer-logo {
    padding-bottom: 78px;
  }
}
@media screen and (max-width: 374px) {
  .text-balloon.-yellow01 {
    font-size: 1.8rem;
  }
  .details-area01 .table-detail01.-green01>.item>.row>.header {
    width: 25%;
    font-size: 1.4rem;
  }
  .details-area01 .table-detail01>.item>.row>.data {
    width: 75%;
    font-size: 1.4rem;
  }
  .slick-wrap01 .slick-arrow {
    width: 35px;
    height: 35px;
  }
  .slick-wrap01 .slick-next {
    right: -18px;
  }
  .slick-wrap01 .slick-prev {
    left: -18px;
  }
  ._fs66 {
    font-size: 56px !important;
  }
  ._fs76 {
    font-size: 65px !important;
  }
}