/* ***************************
global variable
*************************** */
.u-HelveticaBold {
  font-family: "Helvetica" !important;
  font-weight: bold;
}

/* ***************************
extend
*************************** */
/* ***************************
position
*************************** */
/* ***************************
fontsize
*************************** */
/* ***************************
circleArrow
*************************** */
/* ***************************
baer_main
*************************** */
.bear-wrapper {
  position: relative;
  background-color: #FFF;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .bear-wrapper {
    margin-bottom: -93px;
  }
}

.bear-cando-mainTitle,
.bear-cando-redTitle,
.bear-about-mainTitle,
.bear-encount-mainTitle,
.bear-attacked-mainTitle {
  max-width: 800px;
  margin: 0 auto;
  font-size: 2.688rem;
  font-weight: bold;
  line-height: calc( 56 / 43 );
  text-align: center;
  color: #AA0000;
}
@media screen and (max-width: 768px) {
  .bear-cando-mainTitle,
.bear-cando-redTitle,
.bear-about-mainTitle,
.bear-encount-mainTitle,
.bear-attacked-mainTitle {
    max-width: 358px;
    font-size: 2.063rem;
    line-height: calc( 49 / 33 );
  }
}

.bear-encount-subTitle,
.bear-cando-subTitle {
  max-width: 800px;
  margin: 0 auto;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 1px solid #AA0000;
  font-size: 2.063rem;
  line-height: calc( 49 / 33 );
  text-align: center;
  color: #222;
}
@media screen and (max-width: 768px) {
  .bear-encount-subTitle,
.bear-cando-subTitle {
    max-width: 358px;
    font-size: 1.5rem;
    line-height: calc( 40 / 24 );
    padding-bottom: 15px;
  }
}

.bear-cando-mainTitle + .bear-cando-subTitle,
.bear-encount-mainTitle + .bear-encount-subTitle {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .bear-cando-mainTitle + .bear-cando-subTitle,
.bear-encount-mainTitle + .bear-encount-subTitle {
    margin-top: 32px;
  }
}

.bear-cando-subTitle + .bear-checkList {
  margin-top: 34px;
}
@media screen and (max-width: 768px) {
  .bear-cando-subTitle + .bear-checkList {
    margin-top: 15px;
  }
}

ul.bear-checkList {
  padding-left: 0;
}
ul.bear-checkList > li {
  padding-left: 7px;
  font-size: 1.25rem;
  line-height: calc( 32 / 20 );
  color: #222;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  ul.bear-checkList > li {
    font-size: 1.063rem;
    line-height: calc( 31 / 17 );
  }
}
ul.bear-checkList > li::before {
  width: 19px;
  height: 29px;
  top: inherit;
  left: -20px;
  background-color: inherit;
  background-image: url(./baer_icon_checkbox.svg);
}
ul.bear-checkList > li + li {
  margin-top: 17px;
}
ul.bear-checkList > li .is-disc {
  display: block;
  font-size: 1.063rem;
  line-height: calc( 31 / 17 );
  color: #222;
}
@media screen and (max-width: 768px) {
  ul.bear-checkList > li .is-disc {
    margin-top: 0;
    font-size: 0.875rem;
    line-height: calc( 25 / 14 );
  }
}

/* ***************************
bear-keyvisual
*************************** */
.bear-keyvisual {
  position: relative;
}
@media screen and (max-width: 768px) {
  .bear-keyvisual {
    padding-top: 4px;
  }
}

.bear-keyvisual__inner {
  max-width: 1160px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .bear-keyvisual__inner {
    max-width: 390px;
  }
}

/* ***************************
bear-intro
*************************** */
.bear-intro {
  position: relative;
  padding: 80px 40px 96px;
}
@media screen and (max-width: 768px) {
  .bear-intro {
    padding: 32px 16px 22px;
  }
}

.bear-intro__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 64px 80px 32px;
  background: #F0FBFF;
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .bear-intro__inner {
    max-width: 358px;
    padding: 57px 16px 32px;
  }
}

.bear-intro__title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: calc( 32 / 20 );
  text-align: center;
  color: #231815;
}
@media screen and (max-width: 768px) {
  .bear-intro__title {
    font-size: 1.063rem;
    line-height: calc( 31 / 17 );
    text-align: left;
  }
}

.bear-intro__title + .bear-intro__paragraph {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .bear-intro__title + .bear-intro__paragraph {
    margin-top: 23px;
  }
}

.bear-intro__paragraph {
  font-size: 1.063rem;
  line-height: calc( 31 / 17 );
  color: #231815;
}
.bear-intro__paragraph + .bear-intro__paragraph {
  margin-top: 16px;
}

.bear-intro__paragraph + .bear-intro__pict {
  margin-top: 24px;
}

.bear-intro__pict {
  width: 160px;
  margin: 0 auto;
}

/* ***************************
bear-anchorBox
*************************** */
.bear-anchorBox {
  background-color: #F7F7F7;
}

.bear-anchorBox__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  padding: 80px 20px;
  margin: 0 auto;
  gap: 8px 8px;
}
@media screen and (max-width: 768px) {
  .bear-anchorBox__list {
    display: block;
    max-width: 374px;
    padding: 32px 0;
    margin-top: 33px;
  }
}
.bear-anchorBox__list > li {
  padding-left: 0;
}
.bear-anchorBox__list > li::before {
  display: none;
}
@media screen and (max-width: 768px) {
  .bear-anchorBox__list > li + li {
    margin-top: 16px;
  }
}

.bear-anchorBox__item {
  display: block;
  min-height: 84px;
  flex-basis: calc( 50% - 4px );
}
@media screen and (max-width: 768px) {
  .bear-anchorBox__item {
    min-height: inherit;
  }
}

.bear-anchorBox__link {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 8px 8px;
  border: 2px solid #E7E7E7;
  border-radius: 16px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: calc( 32 / 20 );
  background: #FFFFFF;
  text-align: center;
  transition: all 0.3s;
  color: #231815;
}
.bear-anchorBox__link.visited, .bear-anchorBox__link:visited {
  color: #231815;
}
.bear-anchorBox__link.hover, .bear-anchorBox__link:hover {
  color: #231815;
}
@media screen and (max-width: 768px) {
  .bear-anchorBox__link {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 102px;
    font-size: 1.063rem;
    line-height: calc( 31 / 17 );
    text-align: left;
    padding: 16px 50px 16px 14px;
  }
}
.bear-anchorBox__link:hover {
  background: #E3F8DE;
  border: 2px solid #008400;
  cursor: pointer;
}
.bear-anchorBox__link::after {
  content: "";
  position: relative;
  display: block;
  top: 4px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  background-image: url(./bear_icon_downArrow.svg);
  background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
  .bear-anchorBox__link::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: inherit;
    right: 14px;
  }
}

/* ***************************
bear-about
*************************** */
.bear-about {
  position: relative;
  background-color: #FFF;
}

.bear-about__inner {
  max-width: 840px;
  margin: 0 auto;
  padding: 80px 20px 96px;
}
@media screen and (max-width: 768px) {
  .bear-about__inner {
    max-width: 390px;
    padding: 54px 16px 32px;
  }
}

.bear-about-mainTitle + .bear-about__paragraph {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .bear-about-mainTitle + .bear-about__paragraph {
    margin-top: 32px;
  }
}

.bear-about__paragraph {
  font-size: 1.063rem;
  line-height: calc( 31 / 17 );
  color: #231815;
}
.bear-about__paragraph + .bear-about__paragraph {
  margin-top: 16px;
}

.bear-about__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 54px;
  gap: 32px 20px;
}
@media screen and (max-width: 768px) {
  .bear-about__list {
    display: block;
    margin-top: 32px;
  }
}
.bear-about__list dt {
  flex-basis: 156px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: calc( 40 / 24 );
  color: #231815;
}
.bear-about__list dd {
  flex-basis: calc( 100% - 156px - 20px );
  font-size: 1.063rem;
  line-height: calc( 31 / 17 );
  color: #231815;
}
@media screen and (max-width: 768px) {
  .bear-about__list dd {
    margin-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .bear-about__list > dd + dt {
    margin-top: 24px;
  }
}

.bear-about__pict {
  margin-top: 32px;
  overflow: hidden;
  border-radius: 32px;
}
@media screen and (max-width: 768px) {
  .bear-about__pict {
    margin-top: 24px;
  }
}

.bear-about__pict + .bear-about__paragraph {
  margin-top: 57px;
}
@media screen and (max-width: 768px) {
  .bear-about__pict + .bear-about__paragraph {
    margin-top: 34px;
  }
}

/* ***************************
bear-cando
*************************** */
.bear-cando {
  position: relative;
  background-color: #F7F7F7;
}

.bear-cando#anchor-bear-cando-situation {
  background-color: #fff;
}

.bear-cando__inner {
  max-width: 840px;
  margin: 0 auto;
  padding: 80px 20px 96px;
}
@media screen and (max-width: 768px) {
  .bear-cando__inner {
    max-width: 390px;
    padding: 80px 16px 55px;
  }
}

.is-cando-top.bear-checkList {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .is-cando-top.bear-checkList {
    margin-left: 36px;
  }
}

.bear-cando__area {
  margin-top: 20px;
  background: #FFFFFF;
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .bear-cando__area {
    margin-top: 24px;
  }
}

ul.bear-cando__area__list {
  padding: 32px 32px;
}
@media screen and (max-width: 768px) {
  ul.bear-cando__area__list {
    padding: 16px 8px;
  }
}
ul.bear-cando__area__list > li.js-accordion {
  min-height: 72px;
  border-bottom: 1px solid #E7E7E7;
  padding: 16px 16px;
  position: relative;
}
ul.bear-cando__area__list > li.js-accordion::before {
  display: none;
}
ul.bear-cando__area__list > li.js-accordion + li {
  margin-top: 15px;
}
ul.bear-cando__area__list > li.js-accordion::after {
  content: "";
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  background-image: url(./bear_icon_toggleArrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
ul.bear-cando__area__list > li.js-accordion.is-open {
  padding-bottom: 75px;
}
ul.bear-cando__area__list > li.js-accordion.is-open::after {
  top: 23px;
  transform: rotate(180deg);
}
ul.bear-cando__area__list > li.js-accordion.is-open .js-accordion__toggle {
  display: block;
}

ul.bear-cando__area__list a.js-accordion__head {
  position: relative;
  display: block;
  z-index: 1;
  font-size: 1.5rem;
  line-height: calc( 40 / 24 );
  font-weight: bold;
  color: #008400;
}
ul.bear-cando__area__list a.js-accordion__head.visited, ul.bear-cando__area__list a.js-accordion__head:visited {
  color: #008400;
}
ul.bear-cando__area__list a.js-accordion__head.hover, ul.bear-cando__area__list a.js-accordion__head:hover {
  color: #008400;
}
ul.bear-cando__area__list a.js-accordion__toggle {
  display: none;
  position: absolute;
  width: 28px;
  height: 28px;
  bottom: 31px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  background-image: url(./bear_icon_toggleArrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1;
  cursor: pointer;
}
ul.bear-cando__area__list ul.js-accordion__body {
  margin-top: 33px;
  padding-left: 3px;
}
ul.bear-cando__area__list ul.js-accordion__body > li {
  padding-bottom: 15px;
  border-bottom: 1px solid #E7E7E7;
}
ul.bear-cando__area__list ul.js-accordion__body > li + li {
  padding-top: 16px;
}
ul.bear-cando__area__list ul.js-accordion__body > li + li::before {
  top: 23px;
}
ul.bear-cando__area__list ul.js-accordion__body > li::before {
  width: 16px;
  height: 16px;
  left: -3px;
  background-color: #008400;
  border-radius: 50%;
}
ul.bear-cando__area__list ul.js-accordion__body .is-park {
  display: block;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: calc( 32 / 20 );
  color: #008400;
}
ul.bear-cando__area__list ul.js-accordion__body .is-disc {
  display: block;
  margin-left: -20px;
  font-size: 1.063rem;
  line-height: calc( 31 / 17 );
  color: #231815;
}
ul.bear-cando__area__list ul.js-accordion__body .is-disc__list > li::before {
  background-color: #222;
  top: 50%;
  transform: translateY(-50%);
}
ul.bear-cando__area__list ul.js-accordion__body .is-park + .is-disc {
  margin-top: 8px;
}
ul.bear-cando__area__list ul.js-accordion__body a {
  text-decoration: underline;
  color: #008400;
}
ul.bear-cando__area__list ul.js-accordion__body a.visited, ul.bear-cando__area__list ul.js-accordion__body a:visited {
  color: #008400;
}
ul.bear-cando__area__list ul.js-accordion__body a.hover, ul.bear-cando__area__list ul.js-accordion__body a:hover {
  color: #008400;
}

.bear-cando-subTitle {
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .bear-cando-subTitle {
    margin-top: 32px;
  }
}

.bear-cando__situation {
  position: relative;
  display: flex;
  margin-top: 58px;
}
@media screen and (max-width: 768px) {
  .bear-cando__situation {
    display: block;
    margin-top: 33px;
  }
}

.bear-cando__situation__pict {
  position: relative;
  flex: 1;
  flex-basis: 392px;
  z-index: 1;
}

.bear-cando__situation__list {
  flex: 1;
  flex-basis: calc( 100% - 392px);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .bear-cando__situation__list {
    margin-top: 15px;
    margin-right: 15px;
  }
}
.bear-cando__situation__list .bear-checkList {
  padding-left: 36px;
}
.bear-cando__situation__list .bear-checkList > li + li {
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .bear-cando#anchor-bear-cando-gomi .bear-cando__inner {
    padding-top: 57px;
  }
}

.bear-cando__gomi {
  position: relative;
  display: flex;
  margin-top: 55px;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .bear-cando__gomi {
    display: block;
    margin-top: 32px;
  }
}

.bear-cando__gomi__item {
  position: relative;
  flex: 1;
  flex-basis: 392px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .bear-cando__gomi__item + .bear-cando__gomi__item {
    margin-top: 25px;
  }
}
.bear-cando__gomi__item .bear-checkList {
  padding-left: 21px;
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  .bear-cando__gomi__item .bear-checkList {
    padding-left: 36px;
    margin-top: 8px;
  }
}
.bear-cando__gomi__item .bear-checkList > li + li {
  margin-top: 24px;
}

/* ***************************
bear-encount
*************************** */
.bear-encount {
  position: relative;
  max-width: 840px;
  margin: 0 auto;
  padding: 80px 20px 96px;
}
@media screen and (max-width: 768px) {
  .bear-encount {
    max-width: 390px;
    padding: 55px 16px 55px;
  }
}

.bear-encount__pict {
  position: relative;
  display: flex;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .bear-encount__pict {
    display: block;
    margin-top: 32px;
  }
}

.bear-encount__pict__image {
  position: relative;
  flex: 1;
  flex-basis: 392px;
  z-index: 1;
}

.bear-encount__pict__list {
  flex: 1;
  flex-basis: calc( 100% - 392px);
  position: relative;
  z-index: 1;
}
.bear-encount__pict__list .bear-checkList {
  padding-left: 36px;
}
@media screen and (max-width: 768px) {
  .bear-encount__pict__list .bear-checkList {
    margin-top: 18px;
  }
}
.bear-encount__pict__list .bear-checkList > li + li {
  margin-top: 15px;
}
.bear-encount__pict__list .bear-checkList > li > ul {
  padding-left: 0;
}
.bear-encount__pict__list .bear-checkList > li > ul > li {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  .bear-encount__pict__list .bear-checkList > li > ul > li {
    padding-left: 25px;
    padding-right: 5px;
  }
}
.bear-encount__pict__list .bear-checkList > li > ul > li::before {
  background-color: #222;
}
.bear-encount__pict__list .bear-checkList > li > ul > li:first-child {
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  .bear-encount__pict__list .bear-checkList > li > ul > li:first-child {
    margin-top: 8px;
  }
}
.bear-encount__pict__list .bear-checkList > li > ul > li + li {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .bear-encount__pict__list .bear-checkList > li > ul > li + li {
    margin-top: 0;
  }
}

/* ***************************
bear-attacked
*************************** */
.bear-attacked {
  position: relative;
  background-color: #F7F7F7;
}

.bear-attacked__inner {
  max-width: 840px;
  margin: 0 auto;
  padding: 80px 20px 96px;
}
@media screen and (max-width: 768px) {
  .bear-attacked__inner {
    max-width: 390px;
    padding: 55px 16px 55px;
  }
}

.bear-attacked__flex {
  display: flex;
  align-items: start;
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  .bear-attacked__flex {
    display: block;
    margin-top: 35px;
  }
}

.bear-attacked__flex__list {
  position: relative;
  flex: 1;
  flex-basis: calc( 100% - 392px);
  z-index: 1;
}
.bear-attacked__flex__list .bear-checkList {
  padding-right: 10px;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .bear-attacked__flex__list .bear-checkList {
    padding-right: 5px;
  }
}
.bear-attacked__flex__list .bear-checkList > li + li {
  margin-top: 16px;
}

.bear-attacked__flex__image {
  position: relative;
  flex: 1;
  flex-basis: 392px;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .bear-attacked__flex__image {
    margin-top: 15px;
  }
}
.bear-attacked__flex__image > img + img {
  margin-top: 16px;
}

.bear-attacked__note {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 7px;
  font-size: 1.063rem;
  line-height: calc( 31 / 17 );
  color: #231815;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .bear-attacked__note {
    max-width: 390px;
    padding-right: 15px;
    margin-top: 9px;
  }
}

/*# sourceMappingURL=bear_main.css.map */