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

	Syntax - SP First

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

	common Header Footer

--------------------------------------------------- */
*{
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
  }

body{
  color: rgba(0,0,0,1.00);
  font-family: 'Noto Sans JP', sans-serif;
}

main{
  display: block;
}

a{
  color: rgba(0,0,0,1.00);
  transition: all 0.3s;
  }

img{
  height: auto;
  max-width: 100%;
  }

body.headerMenuOpen{
  overflow: hidden;
}

.ff_roundedMPlus{
  font-family: "M PLUS Rounded 1c", system-ui;
}

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

	Material - media-display

--------------------------------------------------- */
.pc_only{display: none;}
.tab_only{display: none;}
.sp_only{display: inline-block;}
.pc_tab{display: none;}
.sp_tab{display: inline-block;}



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

	Material - pagetop

--------------------------------------------------- */
#pageTopPoint{
  display: block;
  margin: -60px 0 0;
  padding: 60px 0 0;
  position: relative;
  z-index: -1;
}
.pageTop{
  bottom: 2rem;
  position: fixed;
  right: 15px;
  z-index: 220;
  opacity: 0;
	transform: translateY(200px);
}
.pageTop__block{}
.pageTop-link{
  align-items: center;
  background-color: rgba(255, 255, 255, 1);
  border: 1px rgba(0,40,120,1.00) solid;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  height: 55px;
  position: relative;
  text-align: center;
  width: 55px;
}
.pageTop-link:before,
.pageTop-link:after{
  content: "";
  display: inline-block;
  position: absolute;
}
.pageTop-link:before{
  animation:3s linear infinite pagetopBorderAnime;
  border-top: 3px rgba(0,40,120,1.00) solid;
  border-radius: 50%;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.pageTop-link:after{
  border-right: 2px rgba(0,40,120,1.00) solid;
  border-top: 2px rgba(0,40,120,1.00) solid;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-30%) rotateZ(-45deg);
  width: 12px;
}

@keyframes pagetopBorderAnime{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}

.pageTop.UpMove{
	animation: pagetopUpAnime 0.5s forwards;
}
@keyframes pagetopUpAnime{
  from {
    opacity: 0;
	transform: translateY(200px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*　下に下がる動き　*/

.pageTop.DownMove{
	animation: pagetopDownAnime 0.5s forwards;
}
@keyframes pagetopDownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(200px);
  }
}



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

	Material - Button

--------------------------------------------------- */
.cmnButton__block{}
/* scheme */
.errorButton__block{
  padding: 1rem 0 0;
}
/* scheme Fin */
.cmnButton__inner{
  display: flex;
  justify-content: center;
}
.cmnButton__item{
  margin: 0 10px;
  width: 200px;
}
.cmnButton__item:last-of-type{
  margin: 0;
}
.cmnButton__item-link{
  align-items: center;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  height: 50px;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
}
/* scheme */
.cmnButton__item-link.bgGra-rainbow{
  color: rgba(255,255,255,1.00);
  position: relative;
}
.cmnButton__item-link.bgGra-rainbow:before{
  background-image: url("/src/images/common/background/rainbow.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: inline-block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: 100;
}
/* scheme Fin */
.cmnButton__item__text{
  font-size: 1rem;
  font-weight: 500;
  padding: 0 0 2px;
  position: relative;
  z-index: 200;
}



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

	Material - Arrow

--------------------------------------------------- */
.arrowRight-whiteBlack{
  position: relative;
}
.arrowRight-whiteBlack:after{
  border-right: 1px rgba(255,255,255,1.00) solid;
  border-top: 1px rgba(255,255,255,1.00) solid;
  content: "";
  display: inline-block;
  height: 8px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotateZ(45deg);
  width: 8px;
  z-index: 150;
}
.arrowRight-blackWhite{
  position: relative;
}
.arrowRight-blackWhite:after{
  border-right: 1px rgba(0,0,0,1.00) solid;
  border-top: 1px rgba(0,0,0,1.00) solid;
  content: "";
  display: inline-block;
  height: 8px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotateZ(45deg);
  width: 8px;
  z-index: 150;
}
.arrowRight-grayWhite{
  position: relative;
}
.arrowRight-grayWhite:after{
  border-right: 1px rgba(147,146,145,1.00) solid;
  border-top: 1px rgba(147,146,145,1.00) solid;
  content: "";
  display: inline-block;
  height: 8px;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotateZ(45deg);
  width: 8px;
  z-index: 150;
}



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

	Material - External

------------------------------------ */
.external-grayWhite{
  position: relative;
}
.external-grayWhite:after{
  background-image: url("/src/images/common/icon/external_gray.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 12px;
  position: absolute;
  right: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  z-index: 150;
}



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

	Material - Anchor Point

--------------------------------------------------- */
.cmnAnchor{
  display: inline-block;
  margin: -20px 0 0;
  padding: 20px 0 0;
  position: absolute;
  z-index: -1;
}



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

	Material - Marker Animation

--------------------------------------------------- */
.cmnMarkerAnimation.active{
  background-position: -100% .8em;
}

.cmnMarkerAnimation {
  background-image: -webkit-linear-gradient(left, transparent 50%, rgb(248,239,47) 50%);
  background-image: -moz-linear-gradient(left, transparent 50%, rgb(248,239,47) 50%);
  background-image: -ms-linear-gradient(left, transparent 50%, rgb(248,239,47) 50%);
  background-image: linear-gradient(left, transparent 50%, rgb(248,239,47) 50%);
  background-repeat: repeat-x;
  background-size: 200% .5em;
  background-position: 0 .8em;
  transition: all 3s ease;
  font-weight: bold;
}



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

	pageWrap

--------------------------------------------------- */
.pageWrap{}
.pageWrap:before{
  background-image: url("/src/images/common/illust/header_frame_fig01.png");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: calc(13.75rem + ((1vw - 3.75px) * 58.0357));/*220px~350px*/
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  top: 0;
  width: 100%;
  z-index: 10;
}

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

	Header

--------------------------------------------------- */
.header{
  background-color: transparent;
  height: auto;
  position: absolute;
  width: 100%;
  z-index: 400;
}
.header__inner{
  margin: 0 auto;
  padding: 2rem;
  position: relative;
  transition: all 0.3s;
  z-index: 300;
}
/* scheme */
.page_home .header__inner{
  padding: 0;
}
body.headerMenuOpen .page_home .header__inner{
  padding: 2rem;
}
/* scheme Fin */
.header__logo{
  max-width: 200px;
}
/* scheme */
.page_home .header__logo{
  animation: cmnFadeOut 0.3s ease-in 0s forwards;
  display: none;
  opacity: 0;
}
body.headerMenuOpen .page_home .header__logo{
  animation: cmnFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
}
/* scheme Fin */
.header__logo-link{
  text-decoration: none;
}
.header__logo__figure{
  margin: 0 0 0.3rem;
}
.header__logo__figure__image{}
.header__logo__note{
  color: rgba(30,78,157,1.00);
  font-family: "M PLUS Rounded 1c", system-ui;
  font-size: 1.125rem;
  font-weight: 900;
  line-height: 1.3;
  margin: 0;
}
.header__menu{
  animation: cmnFadeOut 0.3s ease-in 0s forwards;
  display: none;
  opacity: 0;
  left: 0;
  padding: 0 2rem;
  position: absolute;
  top: 9rem;
  /*transform: translateY(-100%);*/
  width: 100%;
}
.header__menu__inner{
  display: flex;
  flex-wrap: wrap;
}
.header__menu__list__block{
  order: 2;
  width: 100%;
}
.header__menu__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header__menu__list__item{
  margin: 0 1rem 0 0;
  width: calc((100% - 1rem) / 2);
}
.header__menu__list__item:nth-of-type(2n){
  margin: 0;
}
.header__menu__list__item-link{
  align-items: center;
  background-color: rgba(255,255,255,1.00);
  border: 1px rgba(147,146,145,1.00) solid;
  border-radius: 15px;
  box-sizing: border-box;
  color: rgba(0,0,0,1.00);
  display: flex;
  height: 60px;
  justify-content: center;
  text-decoration: none;
}
.header__menu__list__item__text{
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  padding: 0 0 2px;
}
.header__menu__decoration__block{
  order: 1;
  margin: 0 0 2rem;
  width: 100%;
}
.header__menu__decoration__figure{
  margin: 0 auto;
  max-width: 240px;
}
.header__toggle{
  align-items: center;
  background-image: url("/src/images/common/background/rainbow_square.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: center;
  position: absolute;
  right: 15px;
  top: 10px;
  width: 60px;
  z-index: 300;
}
.header__toggle__inner{
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.header__toggle__box{
  height: 40px;
  margin: 0 auto;
  position: relative;
  width: 40px;
}
.header__toggle__box__line{
  background-color: rgba(255,255,255,1.00);
  height: 3px;  
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.3s;
  width: calc(100% - 10px);
}
.header__toggle__box__line:nth-of-type(1){
  top: calc(50% - 13px);
}
.header__toggle__box__line:nth-of-type(2){
  top: 50%;
  transform: translate(-50%,-50%);
}
.header__toggle__box__line:nth-of-type(3){
  top: calc(50% + 10px);
}
/* menu open */
body.headerMenuOpen .header{
  background-color: rgba(251,239,165,0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  height: 100vh;
}
body.headerMenuOpen .header__inner{
  height: 100%;
  transition: all 0.3s;
}
body.headerMenuOpen .header__menu{
  animation: cmnFadeIn 0.3s ease-in 0s forwards;
  display: block;
  opacity: 1;
  /*transform: translateY(0);*/
}
body.headerMenuOpen .header__toggle__box__line:nth-of-type(1){
  top: calc(50% - 2px);
  transform: translateX(-50%) rotate(315deg);
}
body.headerMenuOpen .header__toggle__box__line:nth-of-type(2){
  opacity: 0;
  visibility: hidden;
}
body.headerMenuOpen .header__toggle__box__line:nth-of-type(3){
  top: calc(50% - 2px);
  transform: translateX(-50%) rotate(-315deg);
}
/* menu open Fin */


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

	PageContents

--------------------------------------------------- */
.pageContents{
  padding: 10rem 0 3rem;
  position: relative;
  z-index: 200;
}
/* scheme */
.page_home .pageContents{
  padding: 0 0 3rem;
}
/* scheme Fin */
.cmnContents{
  margin: 0 auto;
  padding: 0 15px;
}
.cmnContents-small{
  margin: 0 auto;
  padding: 0 15px;
  }
.cmnContents-minimum{
  margin: 0 auto;
  padding: 0 15px;
  }

/* common Color */
.cmnTextColor-blue{
  color: rgba(26,76,159,1.00);
}
.cmnTextColor-paleGreen{
  color: rgba(173,200,3,1.00);
}
.cmnTextColor-orange{
  color: rgba(241,140,39,1.00);
}
.cmnTextColor-darkYellow{
  color: rgba(126,107,46,1.00);
}
.cmnTextColor-paleRed{
  color: rgba(212,60,7,1.00);
}
/* common Color Fin */



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

	Footer

--------------------------------------------------- */
.footer{
  border-top: 1px rgba(210,210,211,1.00) solid;
  padding: 1rem 0;
}
.footer__inner{
  margin: 0 auto;
  padding: 0 15px;
}
.footer__logo{
  margin: 0 0 1rem;
}
.footer__logo__inner{
  align-items: center;
  display: flex;
  justify-content: center;
}
.footer__logo__image{
  margin: 0 0.5rem 0 0;
  width: 100%;
  max-width: 100px;
}
.footer__logo__image__picture{
  font-size: 0;
}
.footer__logo__note{
  width: 100%;
  max-width: 230px;
}
.footer__logo__note__text{
  font-weight: 600;
  line-height: 1.5;
  margin: 0 0 0.5em;
}
.footer__logo__note__copyright{
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
.footer__frame{}
.footer__frame__fig{
  font-size: 0;
}


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

	cookie-consent

--------------------------------------------------- */
.cookieConsent {
  align-items: center;
  background-color: rgba(0,0,0,.7);
  bottom: 0;
  box-sizing: border-box;
  color: rgba(255,255,255,1.0);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0.9375em 0.9375em 1.875em;
  position: fixed;
  visibility: hidden;
  width: 100%;
  z-index: 500;
}
.cookieConsent.is-show {
  visibility: visible;
}
.cookieConsent__note{
  font-size: 1rem;
  line-height: 1.75;
}
.cookieConsent__note-link{
  color: rgba(255,255,255,1.0);
  text-decoration: underline;
}
.cookieConsent__button__group{
  align-items: center;
  display: flex;
}
.cookieConsent__button{
  align-items: center;
  background-color: rgba(0,62,146,1.00);
  border: 1px rgba(0,62,146,1.00) solid;
  box-sizing: border-box;
  color: rgba(255,255,255,1.0);
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  height: 50px;
  justify-content: center;
  line-height: 1;
  margin: 0 1em 0 0;
  padding: 0 0 3px;
  text-align: center;
  width: 9.375em;
}
.cookieConsent__button:nth-child(2n){
  margin: 0;
}
.cookieConsent-agree{}
.cookieConsent-reject{}
/* パッと消える */
.cc-hide1 {
  display: none;
}
/* ゆっくり消える */
.cc-hide2 {
  animation: hide 1s linear 0s;
  animation-fill-mode: forwards;
}
@keyframes hide {
  from {
      opacity: 1;
  }
  to {
      opacity: 0;
      visibility: hidden;
  }
}

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

	Topics Category

--------------------------------------------------- */
.topicsCategoryAll{
  background-color: rgba(26,76,159,1.00);/* カテゴリ：全て */
}
.topicsCategory1{
  background-color: rgba(1,180,123,1.00);/* カテゴリ：セミナー */
}
.topicsCategory2{
  background-color: rgba(231,82,1,1.00);/* カテゴリ：お知らせ */
}
.topicsCategory3{
  background-color: rgba(4,177,227,1.00);/* カテゴリ：イベント */
}


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

	MediaQuery

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

	Tablet-Mode

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

	Material - media-display

------------------------------------ */
.pc_only{display: none;}
.tab_only{display: inline-block;}
.sp_only{display: none;}
.pc_tab{display: inline-block;}
.sp_tab{display: inline-block;}



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

	Material - pagetop

------------------------------------ */
#pageTopPoint{
  margin: -140px 0 0;
  padding: 140px 0 0;
}
.pageTop{}
.pageTop__block{}
.pageTop-link{
  height: 70px;
  width: 70px;
  }
.pageTop-link:before,
.pageTop-link:after{}
.pageTop-link:before{}
.pageTop-link:after{}



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

	Material - Button

------------------------------------ */
.cmnButton__block{}
/* scheme */
.errorButton__block{}
/* scheme Fin */
.cmnButton__inner{}
.cmnButton__item{
  width: 280px;
  }
.cmnButton__item-link{
  border-radius: 15px;
  height: 70px;
  }
/* scheme */
.cmnButton__item-link.bgGra-rainbow{}
.cmnButton__item-link.bgGra-rainbow:before{}
/* scheme Fin */
.cmnButton__item__text{
  font-size: 1.25rem;
  }



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

	Material - Arrow

------------------------------------ */
.arrowRight-whiteBlack{}
.arrowRight-whiteBlack:after{
  border-right: 2px rgba(255,255,255,1.00) solid;
  border-top: 2px rgba(255,255,255,1.00) solid;
  height: 10px;
  right: 1rem;
  width: 10px;
  }
.arrowRight-blackWhite{}
.arrowRight-blackWhite:after{
  border-right: 2px rgba(0,0,0,1.00) solid;
  border-top: 2px rgba(0,0,0,1.00) solid;
  height: 10px;
  right: 1rem;
  width: 10px;
  }
.arrowRight-grayWhite{}
.arrowRight-grayWhite:after{
  border-right: 2px rgba(147,146,145,1.00) solid;
  border-top: 2px rgba(147,146,145,1.00) solid;
  height: 10px;
  right: 1rem;
  width: 10px;
  }



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

	Material - External

------------------------------------ */
.external-grayWhite{}
.external-grayWhite:after{
  height: 10px;
  right: 1rem;
  width: 10px;
  }


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

	Material - Anchor Point

------------------------------------ */
.cmnAnchor{}



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

	pageWrap

------------------------------------ */
.pageWrap{}
.pageWrap:before{
  height: calc(21.875rem + ((1vw - 6px) * 59.1017));/*350px ~ 600px*/
  }


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

	Header

------------------------------------ */
.header{}
.header__inner{
  padding: 5rem 5rem 0;
  }
/* scheme */
.page_home .header__inner{}
body.headerMenuOpen .page_home .header__inner{
  padding: 5rem 5rem 0;
}
/* scheme Fin */
.header__logo{
  max-width: 300px;
  }
.header__logo-link{}
.header__logo__figure{
  margin: 0 0 1rem;
  }
.header__logo__figure__image{}
.header__logo__note{
  font-size: 1.25rem;
  }
.header__menu{
  padding: 0 5rem;
  top: 14rem;
  }
.header__menu__inner{
  align-items: center;
  }
.header__menu__list__block{
  width: calc((100% - 2rem) - 300px);
  }
.header__menu__list{}
.header__menu__list__item{
  margin: 0 0 1rem;
  width: 100%;
  }
.header__menu__list__item-link{
  border: 2px rgba(147,146,145,1.00) solid;
  }
.header__menu__list__item__text{
  font-size: 1.25rem;
  }
.header__menu__decoration__block{
  margin: 0 2rem 0 0;
  width: 300px;
  }
.header__menu__decoration__figure{
  max-width: 280px;
  }
.header__toggle{
  right: 3rem;
  top: 4rem;
  }
.header__toggle__inner{}
.header__toggle__box{}
.header__toggle__box__line{}
.header__toggle__box__line:nth-of-type(1){}
.header__toggle__box__line:nth-of-type(2){}
.header__toggle__box__line:nth-of-type(3){}

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

	PageContents

------------------------------------ */
.pageContents{
  padding: 15rem 0 3rem;
  }
/* scheme */
.page_home .pageContents{}
/* scheme Fin */
.cmnContents{
  padding: 0 1.25rem;
  }
.cmnContents-small{
  padding: 0 1.25rem;
  }
.cmnContents-minimum{
  padding: 0 1.25rem;
  }



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

	Footer

------------------------------------ */
.footer{
  border-top: 2px rgba(210,210,211,1.00) solid;
  }
.footer__inner{
  padding: 0 1.25rem;
  }
.footer__logo{}
.footer__logo__inner{}
.footer__logo__image{
  margin: 0 1.25rem 0 0;
  max-width: 174px;
  }
.footer__logo__image__picture{}
.footer__logo__note{
  max-width: 340px;
  }
.footer__logo__note__text{
  margin: 0 0 0.3em;
  }
.footer__logo__note__copyright{}
.footer__frame{}
.footer__frame__fig{}


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

	cookie-consent

------------------------------------ */
.cookieConsent {}
.cookieConsent__note{}
.cookieConsent__note-link{}
.cookieConsent__button__group{}
.cookieConsent__button{}
.cookieConsent-agree{}
.cookieConsent-reject{}
}/* /min-width: 600px */



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

	PC-Mode

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

	Material - media-display

------------------------------------ */
.pc_only{display: inline-block;}
.tab_only{display: none;}
.sp_only{display: none;}
.pc_tab{display: inline-block;}
.sp_tab{display: none;}



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

	Material - pagetop

------------------------------------ */
#pageTopPoint{
  margin: -140px 0 0;
  padding: 140px 0 0;
}
.pageTop{
  right: 45px;
}
.pageTop__block{}
.pageTop-link{}
.pageTop-link:hover{
  background-color: rgba(0,40,120,1.00);
  color: rgba(255, 255, 255, 1);
  }
.pageTop-link:before,
.pageTop-link:after{
  transition: all 0.3s;
  }
.pageTop-link:before{}
.pageTop-link:hover:before{
  border-top: 3px rgba(255,255,255,1.00) solid;
  }
.pageTop-link:after{}
.pageTop-link:hover:after{
  border-right: 2px rgba(255,255,255,1.00) solid;
  border-top: 2px rgba(255,255,255,1.00) solid;
  }



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

	Material - Button

------------------------------------ */
.cmnButton__block{}
/* scheme */
.errorButton__block{
  padding: 2rem 0 0;
  }
/* scheme Fin */
.cmnButton__inner{}
.cmnButton__item{
  width: 350px;
  }
.cmnButton__item-link{
  border-radius: 20px;
  height: 90px;
  }
/* scheme */
.cmnButton__item-link.bgGra-rainbow{}
.cmnButton__item-link.bgGra-rainbow:hover{
  color: rgba(0,0,0,1.00);
  border: 1px rgba(0,0,0,1.00) solid;
  }
.cmnButton__item-link.bgGra-rainbow:before{
  transition: all 0.3s;
  }
.cmnButton__item-link.bgGra-rainbow:hover:before{
  opacity: 0;
  }
/* scheme Fin */
.cmnButton__item__text{
  font-size: 1.5rem;
  }



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

	Material - Arrow

------------------------------------ */
.arrowRight-whiteBlack{}
.arrowRight-whiteBlack:after{
  height: 12px;
  right: 1.5rem;
  transition: all 0.3s;
  width: 12px;
  }
.arrowRight-whiteBlack:hover:after{
  border-right: 2px rgba(0,0,0,1.00) solid;
  border-top: 2px rgba(0,0,0,1.00) solid;
  }
.arrowRight-blackWhite{}
.arrowRight-blackWhite:after{
  height: 12px;
  right: 1.5rem;
  transition: all 0.3s;
  width: 12px;
  }
.arrowRight-blackWhite:hover:after{
  border-right: 2px rgba(255,255,255,1.00) solid;
  border-top: 2px rgba(255,255,255,1.00) solid;
  }
.arrowRight-grayWhite{}
.arrowRight-grayWhite:after{
  height: 12px;
  right: 1.5rem;
  transition: all 0.3s;
  width: 12px;
  }
.arrowRight-grayWhite:hover:after{
  border-right: 2px rgba(255,255,255,1.00) solid;
  border-top: 2px rgba(255,255,255,1.00) solid;
  }



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

	Material - External

------------------------------------ */
.external-grayWhite{}
.external-grayWhite:after{
  height: 16px;
  right: 1rem;
  transition: all 0.3s;
  width: 16px;
  }
.external-grayWhite:hover:after{
  background-image: url("/src/images/common/icon/external_white.svg");
  }



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

	Material - Anchor Point

------------------------------------ */
.cmnAnchor{
  margin: -40px 0 0;
  padding: 40px 0 0;
  }



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

	pageWrap

------------------------------------ */
.pageWrap{}
.pageWrap:before{
  height: calc(37.5rem + ((1vw - 10.24px) * 19.2308));/*600px~730px*/
  }

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

	Header

------------------------------------ */
.header{}
.header__inner{
  padding: 7rem calc(7rem + ((1vw - 0.64rem) * 32.8446)) 0;/*7rem~14rem*/
  }
/* scheme */
.page_home .header__inner{}
body.headerMenuOpen .page_home .header__inner{
  padding: 7rem 7rem 0;
}
/* scheme Fin */
.header__logo{
  max-width: 550px;
  }
.header__logo-link{
  align-items: center;
  display: flex;
  }
.header__logo__figure{
  margin: 0 1rem 0 0;
  max-width: 270px;
  }
.header__logo__figure__image{}
.header__logo__note{}
.header__menu{
  padding: 0 7rem;
  top: 14rem;
  }
.header__menu__inner{}
.header__menu__list__block{
  width: calc((100% - 2rem) - 450px);
  }
.header__menu__list{}
.header__menu__list__item{
  max-width: 400px;
  }
.header__menu__list__item-link{}
.header__menu__list__item-link:hover{
  background-color: rgba(147,146,145,1.00);
  color: rgba(255,255,255,1.00);
  }
.header__menu__list__item__text{}
.header__menu__decoration__block{
  margin: 0 2rem 0 0;
  width: 450px;
  }
.header__menu__decoration__figure{
  max-width: 350px;
  }
.header__toggle{
  right: calc(3rem + ((1vw - 0.64rem) * 35.1906));/*3rem~10.5rem*/
  top: 7rem;
  }
.header__toggle__inner{}
.header__toggle__box{}
.header__toggle__box__line{}
.header__toggle__box__line:nth-of-type(1){}
.header__toggle__box__line:nth-of-type(2){}
.header__toggle__box__line:nth-of-type(3){}

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

	PageContents

------------------------------------ */
.pageContents{
  padding: 15.9375rem 0 5rem;
  }
/* scheme */
.page_home .pageContents{
  padding: 0 0 5rem;
  }
/* scheme Fin */
.cmnContents{}
.cmnContents-small{
  padding: 0;
  max-width: 1010px;
  }
.cmnContents-minimum{
  padding: 0;
  max-width: 900px;
  }



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

	Footer

------------------------------------ */
.footer{
  padding: 2rem 0;
  }
.footer__inner{}
.footer__logo{}
.footer__logo__inner{}
.footer__logo__image{}
.footer__logo__image__picture{}
.footer__logo__note{}
.footer__logo__note__text{}
.footer__logo__note__copyright{}
.footer__frame{}
.footer__frame__fig{}


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

	cookie-consent

------------------------------------ */
.cookieConsent {
  padding: 0.9375em;
  }
.cookieConsent__note{}
.cookieConsent__note-link{}
.cookieConsent__button__group{
  margin: 0 0 0 1rem;
  }
.cookieConsent__button{
  transition: all 0.3s;
  }
.cookieConsent__button:hover{
  background-color: rgba(255,255,255,1.00);
  color: rgba(0,62,146,1.00);
  cursor: pointer;
  }
.cookieConsent-agree{}
.cookieConsent-reject{}
}/* /min-width: 1025px */

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

	PC-Mode > Irregular

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

	PageContents

------------------------------------ */
.pageContents{}
/* scheme */
.page_home .pageContents{}
/* scheme Fin */
.cmnContents{
  padding: 0;
  max-width: 1100px;
  }
.cmnContents-small{}
.cmnContents-minimum{}



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

	pageWrap

------------------------------------ */
.pageWrap{}
.pageWrap:before{
  height: 730px;
  }



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

	Header

------------------------------------ */
.header{}
.header__inner{
  padding: 7rem 7rem 0;
  max-width: 1200px;
  }
.header__logo{}
.header__logo-link{}
.header__logo__figure{}
.header__logo__figure__image{}
.header__logo__note{}
.header__menu{}
.header__menu__inner{}
.header__menu__list__block{}
.header__menu__list{}
.header__menu__list__item{}
.header__menu__list__item-link{}
.header__menu__list__item__text{}
.header__menu__decoration__block{}
.header__menu__decoration__figure{}
.header__toggle{
  right: 3rem;
  }
.header__toggle__inner{}
.header__toggle__box{}
.header__toggle__box__line{}
.header__toggle__box__line:nth-of-type(1){}
.header__toggle__box__line:nth-of-type(2){}
.header__toggle__box__line:nth-of-type(3){}



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

	Footer

------------------------------------ */
.footer{}
.footer__inner{
  padding: 0;
  max-width: 1200px;
  }
.footer__logo{}
.footer__logo__inner{}
.footer__logo__image{}
.footer__logo__image__picture{}
.footer__logo__note{}
.footer__logo__note__text{}
.footer__logo__note__copyright{}
.footer__frame{}
.footer__frame__fig{}


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


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

	keyframe

------------------------------------ */
@keyframes cmnFadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  60% {
    display: none;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
@keyframes cmnFadeIn {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: none;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}