@charset "UTF-8";

/* CSS Document */

@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap");

/*----------------------------------

 フォント

----------------------------------*/

body {

  font-family: "Zen Kaku Gothic New", "Noto Sans JP", "source-han-sans-japanese", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Helvetica Neue", Arial, sans-serif;

}



.hike100reason .en {

  font-family: "Outfit", sans-serif;

}



/*----------------------------------

 デバイス

----------------------------------*/

@media screen and (min-width: 800px) {

  .only-sp {

    display: none;

  }

  .only-pc {

    display: block;

  }

}

@media screen and (max-width: 799px) {

  .only-sp {

    display: block;

  }

  .only-pc {

    display: none;

  }

}

/*----------------------------------

 共通

----------------------------------*/

@media screen and (min-width: 800px) {

  body {

    min-width: 1280px;

    letter-spacing: 0;

  }

}

a {

  transition: 0.3s;

}



a:hover {

  opacity: 1;

}



@media screen and (min-width: 800px) {

  a:hover {

    opacity: 0.7;

  }

}

img {

  max-width: 100%;

}



.wrapper {

  padding-top: 0;

  position: relative;

  overflow: hidden;

}



*:focus {

  outline: none;

}



/*----------------------------------

 ヘッダー追従用css

----------------------------------*/

#hike100reason #header {

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 3;

}



@media screen and (min-width: 800px) {

  .hike202601 {

    margin-top: 0;

  }

  #hike100reason #header {

    min-width: 1280px;

  }

}

/*----------------------------------

 コンテンツ

----------------------------------*/

#hike100reason #page {

  background: #F2FAF2;

}

@media screen and (min-width: 800px) {

  #hike100reason #page {

    margin-top: 110px;

  }

}



.hike100reason .--position-left {

  margin-right: auto !important;

  margin-left: 0 !important;

}

.hike100reason .--position-right {

  margin-right: 0 !important;

  margin-left: auto !important;

}

.hike100reason .--position-center {

  margin-right: auto !important;

  margin-left: auto !important;

}

@media screen and (min-width: 800px) {

  .hike100reason .--w1000 {

    max-width: 100rem !important;

  }

  .hike100reason .--w970 {

    max-width: 97rem !important;

  }

  .hike100reason .--w900 {

    max-width: 90rem !important;

  }

  .hike100reason .--w750 {

    max-width: 75rem !important;

  }

  .hike100reason .--w700 {

    max-width: 70rem !important;

  }

}

.hike100reason .reset-ls {

  letter-spacing: normal;

}

.hike100reason .container--fluid {

  border-bottom: #231815 1px solid;

  width: 100%;

  margin: 0 auto;

}

.hike100reason .container--fluid.--borderless {

  border-bottom: none;

}

.hike100reason .container--fluid.--bg-white {

  background-color: #fff;

}

.hike100reason .container__inner {

  max-width: calc(100% - 40px);

  width: 1240px;

  margin: 0 auto;

  box-sizing: border-box;

  border-width: 0 1px;

  border-color: #231815;

  border-style: solid;

  overflow-y: hidden;

}

@media screen and (max-width: 799px) {

  .hike100reason .container__inner {

    max-width: calc(100% - 5.3333333333vw);

    margin-left: 2.6666666667vw;

    margin-right: 2.6666666667vw;

  }

}

.hike100reason .c-topicpath {

  font-family: "Outfit", sans-serif;

}

@media screen and (min-width: 800px) {

  .hike100reason .c-topicpath {

    padding: 3.5rem 4rem;

    font-size: 1.1458333333vw;

  }

}

@media screen and (max-width: 799px) {

  .hike100reason .c-topicpath {

    padding: 4vw;

    font-size: 3.2vw;

  }

}

.hike100reason .c-topicpath__separator {

  display: inline-block;

  margin: 0 1em;

}

.hike100reason .c-btngroup {

  padding: 15rem 0;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 1rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .c-btngroup {

    padding: 13.3333333333vw 0;

  }

}

.hike100reason .c-btn__link {

  display: inline-flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  min-height: 15.5rem;

  padding: 0 9rem;

  background-color: #fff;

  border: 1px #231815 solid;

  border-radius: 1rem;

  font-size: 2.8rem;

  font-weight: 500;

  color: #231815;

}

@media screen and (max-width: 799px) {

  .hike100reason .c-btn__link {

    min-height: 20vw;

    padding: 0 12vw;

    font-size: 3.7333333333vw;

  }

}

.hike100reason .c-mv img {

  width: 100%;

}

.hike100reason .main h1 {

  overflow-wrap: break-word;

}

.hike100reason .main h2 {

  margin: 8rem 0 0;

  padding: 0;

  font-size: 3.6rem;

  line-height: 1.5;

  font-weight: 500;

  overflow-wrap: break-word;

}

@media screen and (max-width: 799px) {

  .hike100reason .main h2 {

    margin: 2em 0 0;

    font-size: 4.8vw;

  }

}

.hike100reason .main h2 + p {

  margin-top: 1em;

}

.hike100reason .main h3 {

  padding: 0;

  font-weight: 500;

  overflow-wrap: break-word;

}

.hike100reason .main div {

  overflow-wrap: break-word;

}

.hike100reason .main p {

  margin-top: 1.5em;

  font-size: 2.2rem;

  line-height: 1.7727272727;

  font-weight: 500;

  overflow-wrap: break-word;

  text-align: justify;

}

@media screen and (max-width: 799px) {

  .hike100reason .main p {

    margin-top: 1.5em;

    font-size: 3.7333333333vw;

    line-height: 1.7857142857;

  }

}

.hike100reason .main img {

  vertical-align: bottom;

}

.hike100reason .main figcaption {

  font-size: 2rem;

  line-height: 1.8;

}

@media screen and (max-width: 799px) {

  .hike100reason .main figcaption {

    margin-top: 0.5em;

    margin-bottom: -0.5em;

    font-size: 3.8666666667vw;

    line-height: 1.2413793103;

  }

}

.hike100reason .page .c-visual.--field {

  padding: 5.5rem 5.9rem 7.5rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-visual.--field {

    padding: 8vw;

  }

}

.hike100reason .page .c-visual.--field {

  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #39A1A4 50%, #39A1A4 100%);

}

.hike100reason .page .c-visual.--field .c-visual__content {

  font-size: 8.7rem;

  font-size: clamp(40px, 6.6vw, 88px);

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-visual.--field .c-visual__content {

    font-size: 6.4vw;

  }

}

.hike100reason .page .c-visual.--field .c-visual__content .label {

  color: #39A1A4;

  display: flex;

  justify-content: center;

  font-family: "Outfit", sans-serif;

  font-weight: 700;

  line-height: 0.8275862069;

}

.hike100reason .page .c-visual.--interview {

  position: relative;

  padding: 5.5rem 5.9rem 7.5rem;

  background: #ED7468;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-visual.--interview {

    padding: 4.5333333333vw 4.5333333333vw 4.5333333333vw;

  }

}

.hike100reason .page .c-visual.--interview .c-visual__content {

  color: #fff;

  font-weight: 700;

}

.hike100reason .page .c-visual.--interview .c-visual__content .label {

  font-family: "Outfit", sans-serif;

  font-size: 4.2rem;

  font-size: clamp(28px, 3.23vw, 42px);

  line-height: 1.5476190476;

}

.hike100reason .page .c-visual.--interview .c-visual__content .title {

  font-size: 5.2rem;

  font-size: clamp(32px, 4vw, 52px);

  line-height: 1.25;

}

.hike100reason .page .c-visual.--interview .c-visual__content .text {

  margin-top: 1em;

  font-size: 3rem;

  font-size: clamp(20px, 2.31vw, 30px);

}

.hike100reason .page .c-pageheader {

  max-width: 112rem;

  margin-left: auto;

  margin-right: auto;

  padding: 10rem 2rem 8rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader {

    padding: 5.3333333333vw 5.3333333333vw 10.6666666667vw;

  }

}

.hike100reason .page .c-pageheader__label {

  font-family: "Outfit", sans-serif;

  font-weight: 700;

  font-size: 4.6rem;

  line-height: 1;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader__label {

    font-size: 4.8vw;

  }

}

.hike100reason .page.--field .c-pageheader__label {

  margin-bottom: 7rem;

  color: #39A1A4;

}

@media screen and (max-width: 799px) {

  .hike100reason .page.--field .c-pageheader__label {

    margin-bottom: 4vw;

  }

}

.hike100reason .page.--interview .c-pageheader__label {

  margin-bottom: 3rem;

  color: #ED7468;

}

@media screen and (max-width: 799px) {

  .hike100reason .page.--interview .c-pageheader__label {

    margin-bottom: 4vw;

  }

}

.hike100reason .page .c-pageheader__title {

  font-weight: 500;

  font-size: 4rem;

  line-height: 1.5;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader__title {

    font-size: 4.8vw;

    line-height: 1.5277777778;

  }

}

.hike100reason .page .c-pageheader__sub {

  font-weight: 500;

  font-size: 2.8rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader__sub {

    font-size: 3.2vw;

    line-height: 2.2083333333;

  }

}

.hike100reason .page .c-pageheader__meta {

  font-weight: 500;

  margin-top: 0.8em;

  font-size: 3.2rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader__meta {

    font-size: 4.2666666667vw;

  }

}

.hike100reason .page .c-pageheader__meta .sub {

  margin-top: 0.5rem;

  font-size: 2.2rem;

  line-height: 1.6363636364;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader__meta .sub {

    font-size: 2.9333333333vw;

  }

}

.hike100reason .page .c-pageheader--column {

  padding: 5rem;

  position: relative;

  background-color: #F6DC42;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader--column {

    padding: 10.6666666667vw 5.3333333333vw;

  }

}

.hike100reason .page .c-pageheader--column .c-pageheader__content {

  position: absolute;

  top: 0;

  right: 5rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader--column .c-pageheader__content {

    position: static;

  }

}

.hike100reason .page .c-pageheader--column .c-pageheader__content h1 {

  margin: 4rem 0 0;

  font-weight: 700;

  font-size: clamp(2rem, 3.54vw, 4.6rem);

  line-height: 1.4130434783;

  color: #236152;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader--column .c-pageheader__content h1 {

    margin-top: 0;

    font-size: 6.1333333333vw;

  }

}

.hike100reason .page .c-pageheader--column .c-pageheader__content h1 > span {

  display: block;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader--column .c-pageheader__content h1 .header__series {

    font-size: 4.8vw;

  }

}

.hike100reason .page .c-pageheader--column .c-pageheader__content .header__sub {

  font-weight: 700;

  font-size: clamp(2rem, 2.15vw, 2.8rem);

  line-height: 2.3214285714;

  color: #236152;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-pageheader--column .c-pageheader__content .header__sub {

    font-size: 4vw;

  }

}

.hike100reason .page .c-section--block {

  max-width: 116rem;

  margin-left: auto;

  margin-right: auto;

  padding: 8rem 2rem 10rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-section--block {

    padding: 8vw 5.3333333333vw 10.6666666667vw;

  }

}

.hike100reason .page .c-section--block.--full {

  max-width: unset;

}

.hike100reason .page .c-section--block.--border-bottom {

  border-bottom: #231815 1px solid;

}

.hike100reason .page .c-section--block > :first-child {

  margin-top: 0;

}

.hike100reason .page .c-section--block > :first-child h2:first-child, .hike100reason .page .c-section--block > :first-child h3:first-child, .hike100reason .page .c-section--block > :first-child div:first-child, .hike100reason .page .c-section--block > :first-child p:first-child {

  margin-top: 0;

}

.hike100reason .page .c-section--block:not(.--border-bottom) + .c-section--block {

  padding-top: 5rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-section--block:not(.--border-bottom) + .c-section--block {

    padding-top: 0;

  }

}

.hike100reason .page .c-overview {

  padding-top: 2rem;

  max-width: 69rem;

  margin-left: auto;

  margin-right: auto;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-overview {

    padding-top: 0;

    margin-bottom: 0;

  }

}

.hike100reason .page .c-overview .c-overview__image {

  max-width: 90rem;

  margin-left: auto;

  margin-right: auto;

}

.hike100reason .page .c-overview .c-overview__text {

  margin-top: 5.5rem;

  max-width: 75rem;

  margin-left: auto;

  margin-right: auto;

  color: #236152;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-overview .c-overview__text {

    margin-top: 1.5em;

  }

}

.hike100reason .page .c-overview .c-overview__text p {

  font-size: 2.6rem;

  line-height: 1.5769230769;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-overview .c-overview__text p {

    font-size: 4.2666666667vw;

    line-height: 1.5625;

  }

}

.hike100reason .page .c-overview .c-overview__embed {

  margin-top: 5.5rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-overview .c-overview__embed {

    margin-top: 2.5em;

  }

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock.--type-a .c-overview {

    margin-bottom: -2.6666666667vw;

  }

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock.--type-b .c-overview .c-overview__image {

    margin-left: -2.6666666667vw;

    margin-right: -2.6666666667vw;

    width: calc(100% + 5.3333333333vw);

  }

}

.hike100reason .page .c-leadblock {

  padding: 0 5rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-leadblock {

    padding: 0;

  }

}

.hike100reason .page .c-leadblock__content {

  max-width: 104rem;

  overflow: hidden;

  margin: 0 auto;

  padding: 3.5rem 5rem;

  border-width: 0 1px;

  border-color: #231815;

  border-style: solid;

  color: #236152;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-leadblock__content {

    padding: 8vw 1.3333333333vw 8vw 2.6666666667vw;

    border: none;

  }

}

.hike100reason .page .c-leadblock__content p {

  font-size: 2.5rem;

  font-weight: 700;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-leadblock__content p {

    font-size: 4vw;

    line-height: 1.6;

  }

}

.hike100reason .page .c-leadblock__content *:first-child {

  margin-top: 0;

}

.hike100reason .page .c-contentblock {

  margin: 8rem auto 0;

  max-width: 98rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-contentblock {

    margin: 9.3333333333vw auto 0;

  }

}

.hike100reason .page .c-imageblock {

  margin-top: 7.5rem;

  margin-bottom: 7.5rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-imageblock {

    margin-top: 9.3333333333vw;

    margin-bottom: 9.3333333333vw;

  }

}

.hike100reason .page .c-imageblock:first-child {

  margin-top: 0;

}

.hike100reason .page .c-imageblock:last-child {

  margin-bottom: 0;

}

.hike100reason .page .c-imageblock.--half {

  display: flex;

  justify-content: center;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-imageblock.--half figure {

    width: 53.3333333333vw;

  }

}

.hike100reason .page .c-imageblock figure:not(:first-child) {

  margin-top: 6rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-imageblock figure:not(:first-child) {

    margin-top: 5.3333333333vw;

  }

}

.hike100reason .page .c-flexblock {

  display: flex;

  gap: 7.1428571429%;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-flexblock {

    align-items: center;

    flex-direction: column;

  }

}

.hike100reason .page .c-flexblock__image {

  width: 50%;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-flexblock__image {

    margin: 10.6666666667% 0 !important;

    width: 53.3333333333vw;

  }

}

.hike100reason .page .c-flexblock__content {

  width: 42.8571428571%;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-flexblock__content {

    width: 100%;

  }

}

.hike100reason .page .c-columnblock {

  max-width: 112rem;

  margin-left: auto;

  margin-right: auto;

}

.hike100reason .page .c-columnblock * {

  font-weight: 500;

}

.hike100reason .page .c-columnblock h2 {

  margin: -0.2em 0 3rem;

  font-size: 3.2rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock h2 {

    margin: 0;

    font-size: 5.6vw;

    line-height: 1.2619047619;

  }

}

.hike100reason .page .c-columnblock h2 .--underline {

  background-size: 100% 1px;

  background-repeat: no-repeat;

  background-position: 0 95%;

  padding-bottom: 0;

  background-image: linear-gradient(#969C96, #969C96);

}

.hike100reason .page .c-columnblock h3 {

  margin: 1.5rem 0 1rem;

  font-size: 2.8rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock h3 {

    margin: 0;

    font-size: 4.8vw;

    line-height: 1.2777777778;

  }

}

.hike100reason .page .c-columnblock p {

  font-feature-settings: "palt";

  font-size: 2.2rem;

  line-height: 1.6363636364;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock p {

    font-size: 3.7333333333vw;

    line-height: 1.7857142857;

  }

}

.hike100reason .page .c-columnblock .c-imageblock {

  max-width: 70rem;

  margin: 6rem auto;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock .c-imageblock {

    margin: 6.6666666667vw -2.6666666667vw;

    width: calc(100% + 5.3333333333vw);

  }

}

.hike100reason .page .c-columnblock .c-imageblock:last-child {

  margin-bottom: 0;

}

.hike100reason .page .c-columnblock .c-imageblock figure {

  margin-bottom: -3rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock .c-imageblock figure {

    margin-bottom: 0;

  }

}

.hike100reason .page .c-columnblock .c-imageblock.--twin {

  display: flex;

  width: 100%;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock .c-imageblock.--twin {

    margin: 6.6666666667vw -2.6666666667vw;

    width: calc(100% + 5.3333333333vw);

  }

}

.hike100reason .page .c-columnblock .c-imageblock.--twin figure {

  margin: 0;

  width: 50%;

}

.hike100reason .page .c-columnblock.--type-a {

  margin-bottom: 4rem;

  width: 100%;

  display: flex;

  -moz-column-gap: 5.5658627087%;

       column-gap: 5.5658627087%;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock.--type-a {

    margin-top: -0.6666666667vw;

    flex-direction: column;

    gap: 6.6666666667vw;

  }

}

.hike100reason .page .c-columnblock.--type-a:last-child {

  margin-bottom: -2rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock.--type-a:last-child {

    margin-bottom: 0;

  }

}

.hike100reason .page .c-columnblock.--type-a .c-columnblock__body {

  flex: 1;

}

.hike100reason .page .c-columnblock.--type-a .c-columnblock__image {

  width: 27.8293135436%;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock.--type-a .c-columnblock__image {

    margin-left: auto;

    margin-right: auto;

    width: 40vw;

  }

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock.--type-a .c-columnblock__image.--half {

    width: 50%;

  }

}

.hike100reason .page .c-columnblock.--type-a h2 {

  margin-top: -0.2em !important;

  font-weight: 700;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock.--type-a h2 {

    margin-top: 0 !important;

    margin-bottom: 5.3333333333vw;

  }

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-columnblock.--type-a h3 {

    margin-bottom: 5.3333333333vw;

  }

}

.hike100reason .page .c-columnblock.--type-a p:first-of-type {

  margin-top: 0;

}

.hike100reason .page .c-columnblock.--type-b {

  margin-left: auto;

  margin-right: auto;

  max-width: 90rem;

}

.hike100reason .page {

  /* Profile 

  ---------------------------------- */

}

.hike100reason .page .c-section--profile {

  position: relative;

  max-width: 112rem;

  margin-left: auto;

  margin-right: auto;

  padding: 8rem 2rem 11rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-section--profile {

    padding: 4vw 5.3333333333vw 13.3333333333vw;

  }

}

.hike100reason .page .c-section--profile:before {

  content: "";

  position: absolute;

  top: 0;

  left: 50%;

  display: block;

  width: 1px;

  height: 12rem;

  border-right: 1px #000 solid;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-section--profile:before {

    height: 10vw;

  }

}

.hike100reason .page .c-section--profile .c-section__title {

  margin: 0;

  position: relative;

  display: inline-block;

  font-family: "Outfit", sans-serif;

  font-weight: 500;

  font-size: 2.4rem;

  line-height: 1;

  color: #000000;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-section--profile .c-section__title {

    font-size: 3.2vw;

  }

}

.hike100reason .page .c-section--profile .c-section__title:after {

  content: "";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: calc(100% + 15px);

  display: block;

  width: 10rem;

  height: 1px;

  border-top: 1px #000 solid;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-section--profile .c-section__title:after {

    left: calc(100% + 10px);

    width: 11.2vw;

  }

}

.hike100reason .page .c-profile.--type-a {

  margin-top: 6rem;

  display: flex;

  flex-wrap: wrap;

  width: 100%;

  gap: 8rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profile.--type-a {

    margin-top: 4vw;

    gap: 6.6666666667vw;

  }

}

.hike100reason .page .c-profile.--type-b {

  margin-top: 3rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profile.--type-b {

    margin-top: 5.3333333333vw;

  }

}

.hike100reason .page .c-profileitem .c-profileitem__sub {

  font-size: 2.5rem;

  line-height: 1.6;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem .c-profileitem__sub {

    font-size: 2.6666666667vw;

    line-height: 1.5;

  }

}

.hike100reason .page .c-profileitem .c-profileitem__label {

  font-size: 3rem;

  line-height: 1.3333333333;

  text-align: center;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem .c-profileitem__label {

    font-size: 4.2666666667vw;

    line-height: 1.25;

  }

}

.hike100reason .page .c-profileitem .c-profileitem__text p {

  font-size: 2rem;

  line-height: 1.8;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem .c-profileitem__text p {

    font-size: 3.2vw;

    line-height: 1.4583333333;

  }

}

.hike100reason .page .c-profileitem .c-profileitem__btngroup {

  margin-top: 2.5rem;

  display: flex;

  justify-content: center;

}

.hike100reason .page .c-profileitem .c-profileitem__btn {

  width: 4.6rem;

}

.hike100reason .page .c-profileitem.--type-a {

  display: flex;

  width: 100%;

  gap: 6rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-a {

    gap: 8vw;

  }

}

.hike100reason .page .c-profileitem.--type-a .c-profileitem__image {

  width: 43.2142857143%;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-a .c-profileitem__image {

    width: 38.6666666667vw;

  }

}

.hike100reason .page .c-profileitem.--type-a .c-profileitem__main {

  width: 51.4285714286%;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-a .c-profileitem__main {

    width: 38.6666666667vw;

  }

}

.hike100reason .page .c-profileitem.--type-a .c-profileitem__label {

  margin: 0;

  font-size: 3.6rem;

  line-height: 1.1111111111;

  text-align: left;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-a .c-profileitem__label {

    font-size: 4.2666666667vw;

    line-height: 1.25;

  }

}

.hike100reason .page .c-profileitem.--type-a p {

  margin-top: 1em;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-a p {

    margin-top: 0.5em;

  }

}

.hike100reason .page .c-profileitem.--type-b {

  margin: 2rem auto 0;

  max-width: 102rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-b {

    margin-top: 4vw 5.3333333333vw 5.3333333333vw;

  }

}

.hike100reason .page .c-profileitem.--type-b .c-profileitem__main {

  max-width: 68rem;

  margin-left: auto;

  margin-right: auto;

}

.hike100reason .page .c-profileitem.--type-b .c-profileitem__text {

  margin-top: 3rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-b .c-profileitem__text {

    margin-top: 4vw;

  }

}

.hike100reason .page .c-profileitem.--type-b .c-profileitem__image {

  margin: 5rem auto 0;

  width: 100%;

  display: flex;

  flex-wrap: wrap;

  gap: 5.8823529412%;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-b .c-profileitem__image {

    margin-top: 3.3333333333vw;

  }

}

.hike100reason .page .c-profileitem.--type-b .c-profileitem__image figure {

  width: 47.0588235294%;

}

.hike100reason .page .c-profileitem.--type-c {

  margin-top: 5rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-c {

    margin-top: 9.3333333333vw;

  }

}

.hike100reason .page .c-profileitem.--type-c .c-profileitem__image {

  display: flex;

  justify-content: center;

}

.hike100reason .page .c-profileitem.--type-c .c-profileitem__image figure {

  max-width: 30rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-c .c-profileitem__image figure {

    width: 34.6666666667vw;

  }

}

.hike100reason .page .c-profileitem.--type-c .c-profileitem__label {

  margin: 4rem 0 3.5rem;

  text-align: center;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-c .c-profileitem__label {

    margin: 4.6666666667vw 0 3.3333333333vw;

    font-size: 4.2666666667vw;

    line-height: 1.25;

  }

}

.hike100reason .page .c-profileitem.--type-c .c-profileitem__text {

  margin: 0 auto;

  max-width: 73rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .page .c-profileitem.--type-c .c-profileitem__text {

    padding-left: 1.3333333333vw;

    padding-right: 1.3333333333vw;

  }

}

.hike100reason .c-section--menu {

  padding-bottom: 20rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .c-section--menu {

    padding-bottom: 8vw;

  }

}

.hike100reason .c-menublock {

  /* MENU 

    ---------------------------------- */

  /* Grid */

}

.hike100reason .c-menublock .c-menulist {

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 20px;

  align-items: stretch;

  min-width: 0;

}

@media (max-width: 799px) {

  .hike100reason .c-menublock .c-menulist {

    grid-template-columns: repeat(2, 1fr);

    gap: 2.6666666667vw;

  }

}

.hike100reason .c-menublock {

  /* Card */

}

.hike100reason .c-menublock .c-menulist__item {

  display: flex;

  flex-direction: column;

  background: #ffffff;

  padding: 0;

  box-sizing: border-box;

  height: 100%;

  min-width: 0;

  overflow: hidden;

  position: relative;

}

.hike100reason .c-menublock .c-menulist__item.--field {

  color: #ffffff;

  background: #39A1A4;

}

.hike100reason .c-menublock .c-menulist__item.--interview {

  background: #ED7468;

}

.hike100reason .c-menublock .c-menulist__item.--column {

  background: #F6DC42;

}

.hike100reason .c-menublock .item__image {

  width: 100%;

  aspect-ratio: 406/268;

  overflow: hidden;

  background: #f5f5f5;

  flex: 0 0 auto;

  min-height: var(--content-height, 0px);

  height: auto !important;

  box-sizing: border-box;

  display: block;

}

@media (max-width: 799px) {

  .hike100reason .c-menublock .item__image {

    aspect-ratio: 696/514;

  }

}

.hike100reason .c-menublock .item__image img {

  width: 100%;

  display: block;

}

.hike100reason .c-menublock .item__contnet {

  padding: 2rem 3rem;

  flex: 1 1 auto;

  box-sizing: border-box;

  min-width: 0;

  overflow: hidden;

  display: block;

}

@media (max-width: 799px) {

  .hike100reason .c-menublock .item__contnet {

    padding: 3.2vw;

  }

}

.hike100reason .c-menublock .item__text {

  line-height: 1.6;

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

  overflow: hidden;

  text-overflow: ellipsis;

  word-break: break-word;

  overflow-wrap: anywhere;

  max-height: 8em;

  font-size: 2.2rem;

  line-height: 1.3181818182;

  font-weight: 500;

  text-align: justify;

}

@media (max-width: 799px) {

  .hike100reason .c-menublock .item__text {

    -webkit-line-clamp: 6;

    max-height: 8.4em;

    margin-bottom: 0;

    font-size: 3.2vw;

    line-height: 1.375;

  }

}

.hike100reason .c-menublock .item__link {

  margin-top: auto;

  margin-bottom: 3rem;

  padding: 0 3rem;

  box-sizing: border-box;

  min-width: 0;

  height: auto !important;

  display: flex;

  align-items: center;

}

@media (max-width: 799px) {

  .hike100reason .c-menublock .item__link {

    width: 100%;

    margin-bottom: 3.2vw;

    padding: 0 3.2vw;

  }

}

.hike100reason .c-menublock .item__link a {

  position: relative;

  display: inline-block;

  padding: 3px 68px 3px 12px;

  background: #fff;

  color: #231815;

  text-decoration: none;

  border: 2px #231815 solid;

  border-radius: 10px;

  font-size: 2rem;

  font-weight: 500;

}

@media (max-width: 799px) {

  .hike100reason .c-menublock .item__link a {

    border-width: 1px;

    padding: 3px 40px 3px 5px;

    font-size: 3.3333333333vw;

    line-height: 1.6;

    width: 100%;

  }

}

.hike100reason .c-menublock {

  /* 横線（長さ 40px、太さ 1px、色 #000）を疑似要素 ::before で絶対配置 */

}

.hike100reason .c-menublock .item__link > a::before {

  content: "";

  position: absolute;

  right: 15px;

  top: 50%;

  transform: translateY(-50%);

  width: 40px;

  height: 1px;

  background: #000;

  pointer-events: none;

  box-sizing: border-box;

}

@media (max-width: 799px) {

  .hike100reason .c-menublock .item__link > a::before {

    width: 20px;

  }

}

.hike100reason .c-menublock {

  /* 矢尻（上だけの斜め 45deg、見た目高さ 9px、線は1px、色は #000）を ::after で絶対配置 */

  /* 横線（40px）と矢尻の間は 4px にする -> left = 100% + 12px + 40px + 4px = calc(100% + 56px) */

}

.hike100reason .c-menublock .item__link > a::after {

  content: "";

  position: absolute;

  right: 15px;

  top: 50%;

  transform: translateY(-50%) rotate(45deg);

  width: 9px;

  height: 9px;

  box-sizing: border-box;

  border-top: 1px solid #000;

  background: transparent;

  pointer-events: none;

}

.hike100reason .c-menublock {

  /* pager 全体 */

}

.hike100reason .c-menublock .pager {

  margin-top: 10rem; /* 上部に 10rem の余白 */

  margin-bottom: 0;

  text-align: center;

  position: relative;

  z-index: 2;

  pointer-events: auto;

}

@media screen and (max-width: 799px) {

  .hike100reason .c-menublock .pager {

    margin-top: 8vw;

  }

}

.hike100reason .c-menublock {

  /* 基本のボタンスタイル（数字ボタン含む） */

}

.hike100reason .c-menublock .pager a {

  display: inline-block;

  padding: 6px 10px; /* ブロックのサイズは維持 */

  margin: 0 0.4rem; /* 数字ボタン同士の小さな間隔 */

  border: none;

  background: transparent;

  color: #236152; /* 数字リンクの文字色 */

  font-weight: 700; /* 数字リンクのウェイト */

  font-size: 2.6rem; /* 指定の文字サイズ */

  line-height: 1;

  text-decoration: none;

  vertical-align: middle;

  box-sizing: border-box;

  cursor: pointer;

}

@media screen and (max-width: 799px) {

  .hike100reason .c-menublock .pager a {

    padding: 1.3333333333vw;

    font-size: 4.2666666667vw;

  }

}

.hike100reason .c-menublock {

  /* カレント（数字ボタン）の見た目 */

}

.hike100reason .c-menublock .pager a.jp-current,

.hike100reason .c-menublock .pager a.current { /* jPages のクラス名が異なる場合に備えて両方指定 */

  background: transparent; /* カレントの背景色 */

  color: #B2B2B2; /* カレントの文字色（見やすくするため白） */

  font-weight: 700;

}

.hike100reason .c-menublock {

  /* 矢印ボタン（先頭と末尾を矢印と想定） */

}

.hike100reason .c-menublock .pager a.jp-previous,

.hike100reason .c-menublock .pager a.jp-next {

  width: 60px;

  height: 60px;

  min-width: 60px;

  padding: 0;

  border-radius: 50%;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  background: #236152; /* 矢印の背景色 */

  color: #fff; /* 矢印の文字色 */

  font-size: 2.6rem; /* 矢印の文字サイズも合わせる */

  font-weight: 700;

  box-sizing: border-box;

  border: none;

  cursor: pointer;

}

@media screen and (max-width: 799px) {

  .hike100reason .c-menublock .pager a.jp-previous,

  .hike100reason .c-menublock .pager a.jp-next {

    width: 10.1333333333vw;

    min-width: 10.1333333333vw;

    height: 10.1333333333vw;

    font-size: 3.4666666667vw;

  }

}

.hike100reason .c-menublock .pager a.jp-previous.jp-disabled,

.hike100reason .c-menublock .pager a.jp-next.jp-disabled {

  opacity: 0.5;

}

.hike100reason .c-menublock {

  /* 矢印と数字ボタンの間隔を 4rem にする */

}

.hike100reason .c-menublock .pager a.jp-previous {

  margin-right: 4rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .c-menublock .pager a.jp-previous {

    margin-right: 6.6666666667vw;

  }

}

.hike100reason .c-menublock .pager a.jp-next {

  margin-left: 4rem;

}

@media screen and (max-width: 799px) {

  .hike100reason .c-menublock .pager a.jp-next {

    margin-left: 6.6666666667vw;

  }

}

.hike100reason .c-menublock {

  /* 矢印同士や数字と矢印が隣接する特殊ケースの保険 */

}

.hike100reason .c-menublock .pager a:first-child + a {

  margin-left: 0;

}

.hike100reason .c-menublock .pager a + a:last-child {

  margin-right: 0;

}

.hike100reason .c-menublock {

  /* ホバー/フォーカス時の視覚フィードバック（任意） */

}

.hike100reason .c-menublock .pager a:hover,

.hike100reason .c-menublock .pager a:focus {

  opacity: 0.6;

  outline: none;

}

.hike100reason .c-menublock {

  /* Prevent overflow from long words */

}

.hike100reason .c-menublock .c-menulist__item,

.hike100reason .c-menublock .item__contnet,

.hike100reason .c-menublock .item__link,

.hike100reason .c-menublock .item__text {

  word-break: break-word;

  overflow-wrap: anywhere;

  min-width: 0;

}

.hike100reason .c-menublock {

  /* Mobile tweaks */

  /* aspect-ratio fallback */

}

@supports not (aspect-ratio: 1/1) {

  .hike100reason .c-menublock .item__image {

    position: relative;

  }

  .hike100reason .c-menublock .item__image::before {

    content: "";

    display: block;

    padding-top: 66.0098522167%;

  }

  .hike100reason .c-menublock .item__image > img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }

}



.hike100reason div {

  /* このように、全ての先頭に「.hike100reason」を付けてください。なお「.hike100reason」自体のクラス名の変更は自由にしてかまいません */

}



@media screen and (max-width: 799px) {

  /* ブレイクポイントは800pxです */

}