@charset "utf-8";
/* ------------------------------------

intro

------------------------------------ */
.introMenu{
  padding: 1.5rem 0 0;
}
.introMenu__column{
  border: 1px rgba(9,24,129,1.00) solid;
  border-radius: 15px;
  box-sizing: border-box;
  margin: 0 0 2rem;
  padding: 1.5rem 15px;
}
.introMenu__column:last-of-type{
  margin: 0;
}
.introMenu__col__title{
  font-size: 1.75rem;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 1.3;
  margin: 0 0 0.6em;
}
.introMenu__col__title.style-letterSpaceNone{
  letter-spacing: 0;
}
.introMenu__col__note{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  margin: 0;
}
.introMenu__col__figure{
  margin: 0 auto;
  padding: 1.5rem 0 0;
  max-width: 320px;
}
.introMenu__col__figure img{
  border-radius: 15px;
}
.introMenu .button__block{}


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

visual

------------------------------------ */
.visual__group{
  margin: 0 0 2rem;
  position: relative;
}
.visual__list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.visual__list__item{
  line-height: 1;
  width: calc(100% / 3);
}
/* ---------------------------------------------------

	MediaQuery

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

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
/* ------------------------------------

intro

------------------------------------ */
.introMenu{}
.introMenu__column{
  margin: 0 1.5rem 0 0;
  padding: 2rem 1.6rem;
  width: calc((100% - calc(1.5rem * 1)) / 2);
  }
.introMenu__column:nth-of-type(2n){
  margin: 0;
  }
.introMenu__col__title{}
.introMenu__col__note{}
.introMenu__col__figure{}
.introMenu .button__block{}


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

visual

------------------------------------ */
.visual__group{}
.visual__list{}
.visual__list__item{}


}/* /min-width: 600px */



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

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
/* ------------------------------------

intro

------------------------------------ */
.introMenu{
  padding: 2.5rem 0 0;
  }
.introMenu__column{
  border: 2px rgba(9,24,129,1.00) solid;
  border-radius: 30px;
  margin: 0 2.5rem 0 0;
  padding: 3.125rem 4rem;
  width: calc((100% - calc(2.5rem * 1)) / 2);
  }
.introMenu__column:nth-of-type(2n){
  margin: 0;
  }
.introMenu__col__title{
  font-size: 2.375rem;
  letter-spacing: 5.7px;
  line-height: 1.3;
  margin: 0 0 0.6em;
  }
.introMenu__col__title.style-letterSpaceNone{
  letter-spacing: 0;
}
.introMenu__col__note{
  font-size: 1.125rem;
  letter-spacing: 0.9px;
  line-height: 2;
  }
.introMenu__col__figure{
  padding: 2.25rem 0 0;
  }
.introMenu .button__block{
  padding: 2.5rem 0 0;
  }


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

visual

------------------------------------ */
.visual__group{
  margin: 0 0 5.625rem;
  }
.visual__list{}
.visual__list__item{}


}/* /min-width: 1025px */



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

	PC-Mode > Irregular

------------------------------------ */
@media screen and (min-width: 1366px) {
/* ------------------------------------

visual

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

}/* /min-width: 1366px */