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

	Syntax - SP First

  season ticket

--------------------------------------------------- */
.seasonTicketWrap{}
.seasonTicket__inner{
  margin: 0 auto;
  padding: 0 1.25rem;
}
.seasonTicket__sectionSubTitle{
  color: rgba(0,170,153,1.00);
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 1rem;
}
.seasonTicket__sectionNote{
  font-size: 1rem;
  line-height: 1.75;
  margin: 0 0 1rem;
}
/* ---------------------------------------------------

	type

--------------------------------------------------- */
.typeSection{
  margin: 0 0 3.125rem;
}
.typeGroup{
  margin: 0 0 2.5rem;
}
.typeItem{
  border-bottom: 1px rgba(63,63,63,0.2) solid;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.typeItem:first-of-type{
  border-top: 1px rgba(63,63,63,0.2) solid;
}
.typeItem__subjects{
  background-color: rgba(237,252,252,1.00);
  font-size: 1rem;
  padding: 1em;
  width: 100%;
}
.typeItem__contents{  
  font-size: 1rem;
  line-height: 1.75;
  padding: 0.5em 1em 1em;
  width: 100%;
}
.typeExampleTable{}
.typeExampleTable__col{  
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2rem;
  width: 100%;
}
.typeExampleTable__item{
  border-bottom: 1px rgba(63,63,63,0.2) solid;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  width: 100%;
}
.typeExampleTable__item__subjects{
  background-color: rgba(0,170,153,1.00);
  color: rgba(255,255,255,1.00);
  padding: 0.5em;
  width: 50%;
}
/* scheme */
.typeExampleTable__item-theme .typeExampleTable__item__subjects{
  display: none;
}
/* scheme Fin */
.typeExampleTable__item__contents{
  margin: 0;
  padding: 0.5em;
  text-align: right;
  width: 50%;
}
/* scheme */
.typeExampleTable__item-theme .typeExampleTable__item__contents{
  background-color: rgba(237,252,252,1.00);
  border-top: 1px rgba(63,63,63,0.2) solid;
  border-bottom: none;
  text-align: left;
  width: 100%;
}
/* scheme Fin */
.typeExampleTable__item__contents__list{
  list-style: none;
  margin: 0;
  padding: 0;
}
.typeExampleTable__item__contents__list__menu{
  line-height: 1.75;
  margin: 0 0 0.5rem;
}
.typeExampleTable__item__contents__list__menu:last-of-type{
  margin: 0;
}

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

	flow

--------------------------------------------------- */
.flowSection{
  margin: 0 0 3.125rem;
}
.flowGroup{
  display: flex;
  flex-wrap: wrap;
}
.flow__col{
  box-shadow: 2px 2px 12px rgba(0,170,153,0.3);
  border-radius: 0 0 6px 6px;
  margin: 0 0 2rem;
  width: 100%;
}
.flow__col:last-of-type{
  margin: 0;
}
.flow__theme{
  align-items: center;
  background-color: rgba(0,170,147,1.00);
  border-radius: 6px 6px 0 0;
  color: rgba(255,255,255,1.00);
  display: flex;
  font-size: 1.25rem;
  font-weight: 600;
  height: 50px;
  justify-content: center;
  margin: 0;
  padding: 0 0 3px;
  line-height: 1;
}
.flow__contents{
  padding: 1rem 1.25rem;
}
.flow__contents__note{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  margin: 0 0 1em;
}
.flow__contents__fig{
  text-align: center;
}
.flow__contents__fig img{
  border-radius: 6px;
}
.flow__bottomNote{
  font-size: 1rem;
  line-height: 1.75;
  margin: 0;
  padding: 0.5em 0 0 1em;
  text-indent: -1em;
}

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

	download

--------------------------------------------------- */
.downloadSection{
  margin: 0 0 3.125rem;
}
.downloadGroup{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem 0 0;
}
.download__button{
  margin: 0 0 1rem;
  padding: 0;
  width: 100%;
}
.download__button:last-of-type{
  margin: 0;
}
.download__button .button-link{
  background-color: rgba(255,255,255,1.00);
  border: 2px rgba(0,170,153,1.00) solid;
  color: rgba(0,170,153,1.00);
  width: 100%;
  max-width: 300px;
}
.download__button .button-link:before{
  background-image: url(/hamamatsu-parking/src/image/common/icon/pdf_palegreen.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 24px;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.download__button .button-link:after{
  background-image: url(/hamamatsu-parking/src/image/common/icon/arrow_right_double_palegreen.svg);
}
.download__button .button__text{
  font-weight: 500;
}

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

	couponGuide

--------------------------------------------------- */
.couponGuideSection{}
.couponGuideGroup{}
.couponGuideBlock{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.couponGuide__note{
  margin: 0 0 2rem;
  width: 100%;
}
.couponGuide__note__text{
  font-size: 1rem;
  line-height: 1.75;
  margin: 0;
}
.couponGuide__note__word{
  display: inline-block;
  font-size: 1rem;
  line-height: 1.75;
  padding: 0.5em 0 0;
}
.couponGuide__fig{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.couponGuide__fig__col{
  margin: 0 0 1rem;
  text-align: center;
  width: 100%;
  max-width: 265px;
}
.couponGuide__fig__col:last-of-type{
  margin: 0;
}
.couponGuide__fig__theme{
  align-items: center;
  border-radius: 12px;
  color: rgba(255,255,255,1.00);
  display: flex;
  justify-content: center;
  margin: 0 0 0.875rem;
  padding: 0 0 2px;
  height: 24px;
}
/* scheme */
.couponGuide__fig__col-blue .couponGuide__fig__theme{
  background-color: rgba(40,100,135,1.00);
}
.couponGuide__fig__col-purple .couponGuide__fig__theme{
  background-color: rgba(100,100,150,1.00);
}
/* scheme Fin */
.couponGuide__fig__img{}
.couponGuideButtonBlock{
  padding: 2rem 0 0;
}
.couponGuide__button{}
.couponGuide__button .button-link{
  background-color: rgba(255,255,255,1.00);
  border: 2px rgba(0,170,153,1.00) solid;
  color: rgba(0,170,153,1.00);
}
.couponGuide__button .button-link:after{
  background-image: url(/hamamatsu-parking/src/image/common/icon/externallink_palegreen.svg);
  height: 16px;
  width: 16px;
}
.couponGuide__button .button__text{}

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

	MediaQuery

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

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
.seasonTicketWrap{}
.seasonTicket__inner{
  padding: 0 1.25rem;
  }
.seasonTicket__sectionSubTitle{
  font-size: 1.25rem;
  }
.seasonTicket__sectionNote{
  line-height: 1.5;
  margin: 0 0 1.25rem;
  }
/* ------------------------------------

	type

------------------------------------ */
.typeSection{
  margin: 0 0 4.375rem;
  }
.typeGroup{
  margin: 0 0 3.125rem;
  }
.typeItem{}
.typeItem__subjects{
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0;
  width: 100px;
  }
.typeItem__contents{
  line-height: 1.5;
  padding: 1.5rem;
  width: calc(100% - 100px);
  }
.typeExampleTable{}
.typeExampleTable__col{
  border-bottom: 1px rgba(63,63,63,0.2) solid;
  margin: 0;
  }
.typeExampleTable__item{
  border-bottom: none;
  width: calc(100% / 3);
  }
.typeExampleTable__item__subjects{
  align-items: center;
  border-right: 1px rgba(255,255,255,1.00) solid;
  display: flex;
  height: 50px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 100%;
  }
.typeExampleTable__col:nth-of-type(n+2) .typeExampleTable__item__subjects{
  display: none;
  }
.typeExampleTable__item:last-of-type .typeExampleTable__item__subjects{
  border-right: none;
  }
/* scheme */
.typeExampleTable__item-theme .typeExampleTable__item__subjects{
  display: block;
  }
/* scheme Fin */
.typeExampleTable__item__contents{
  border-right: 1px rgba(63,63,63,0.2) solid;
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 1em 0.5em;
  width: 100%;
  }
.typeExampleTable__item:first-of-type .typeExampleTable__item__contents{
  background-color: rgba(237,252,252,1.00);
  }
.typeExampleTable__item:last-of-type .typeExampleTable__item__contents{
  border-right: none;
  }
/* scheme */
.typeExampleTable__item-theme .typeExampleTable__item__contents{
  justify-content: flex-start;
  border-top: none;
  border-right: 1px rgba(63,63,63,0.2) solid;
  }
/* scheme Fin */
.typeExampleTable__item__contents__list{}
.typeExampleTable__item__contents__list__menu{
  line-height: 1.5;
  }

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

	flow

------------------------------------ */
.flowSection{
  margin: 0 0 4.375rem;
  }
.flowGroup{}
.flow__col{
  margin: 0 1rem 0 0;
  width: calc((100% - calc(1rem * 2)) / 3);
  }
.flow__col:nth-of-type(3n){
  margin: 0;
  }
.flow__theme{
  font-size: 1.3rem;
  height: 60px;
  }
.flow__contents{
  align-content: space-between;
  display: flex;
  flex-wrap: wrap;
  height: 285px;
  padding: 1rem 1.25rem;
  }
.flow__contents__note{
  line-height: 1.5;
  margin: 0 0 2em;
  width: 100%;
  }
.flow__contents__fig{
  width: 100%;
  }
.flow__bottomNote{}

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

	download

------------------------------------ */
.downloadSection{
  margin: 0 0 4.375rem;
  }
.downloadGroup{}
.download__button{}
.download__button:nth-of-type(3n){}
.download__button .button-link{}
.download__button .button-link:before{}
.download__button .button-link:after{}
.download__button .button__text{}

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

	couponGuide

------------------------------------ */
.couponGuideSection{}
.couponGuideGroup{}
.couponGuideBlock{}
.couponGuide__note{}
.couponGuide__note__text{}
.couponGuide__note__word{
  padding: 1.5rem 0 0;
  }
.couponGuide__fig{}
.couponGuide__fig__col{
  margin: 0 1rem 0 0;
  width: calc((100% - 1rem) / 2);
  }
.couponGuide__fig__col:nth-of-type(2n){
  margin: 0;
  }
.couponGuide__fig__theme{}
/* scheme */
.couponGuide__fig__col-blue .couponGuide__fig__theme{}
.couponGuide__fig__col-purple .couponGuide__fig__theme{}
/* scheme Fin */
.couponGuide__fig__img{}
.couponGuideButtonBlock{
  padding: 2.1875rem 0 0;
  }
.couponGuide__button{}
.couponGuide__button .button-link{
  width: 240px;
  }
.couponGuide__button .button-link:after{
  height: 18px;
  width: 18px;
  }
.couponGuide__button .button__text{}

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

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

	Tablet-Mode > Irregular

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

	download

------------------------------------ */
.downloadSection{}
.downloadGroup{}
.download__button{
  margin: 0 1rem 0 0;
  width: calc((100% - calc(1rem * 2)) / 3);
  }
.download__button:nth-of-type(3n){
  margin: 0;
  }
.download__button .button-link{
  max-width: inherit;
  }
.download__button .button-link:before{}
.download__button .button-link:after{}
.download__button .button__text{}

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

	couponGuide

------------------------------------ */
.couponGuideSection{}
.couponGuideGroup{}
.couponGuideBlock{}
.couponGuide__note{
  margin: 0 1rem 0 0;
  width: 350px;
  }
.couponGuide__note__text{}
.couponGuide__note__word{
  padding: 1.5rem 0 0;
  }
.couponGuide__fig{
  width: calc((100% - 1rem) - 350px);
  }
.couponGuide__fig__col{
  margin: 0 1.25rem 0 0;
  width: calc((100% - 1.25rem) / 2);
  max-width: inherit;
  }
.couponGuide__fig__col:nth-of-type(2n){}
.couponGuide__fig__theme{}
/* scheme */
.couponGuide__fig__col-blue .couponGuide__fig__theme{}
.couponGuide__fig__col-purple .couponGuide__fig__theme{}
/* scheme Fin */
.couponGuide__fig__img{}
.couponGuideButtonBlock{}
.couponGuide__button{}
.couponGuide__button .button-link{}
.couponGuide__button .button-link:after{}
.couponGuide__button .button__text{}

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



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

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1024px) {
.seasonTicketWrap{}
.seasonTicket__inner{
  padding: 0;
  max-width: 980px;
  }
.seasonTicket__sectionSubTitle{}
.seasonTicket__sectionNote{}
/* ------------------------------------

	type

------------------------------------ */
.typeSection{}
.typeGroup{}
.typeItem{}
.typeItem__subjects{}
.typeItem__contents{}
.typeExampleTable{}
.typeExampleTable__col{}
.typeExampleTable__item{}
.typeExampleTable__item__subjects{}
.typeExampleTable__col:nth-of-type(n+2) .typeExampleTable__item__subjects{}
.typeExampleTable__item:last-of-type .typeExampleTable__item__subjects{}
/* scheme */
.typeExampleTable__item-theme .typeExampleTable__item__subjects{}
/* scheme Fin */
.typeExampleTable__item__contents{
  padding: 1em;
  }
.typeExampleTable__item:first-of-type .typeExampleTable__item__contents{}
.typeExampleTable__item:last-of-type .typeExampleTable__item__contents{}
/* scheme */
.typeExampleTable__item-theme .typeExampleTable__item__contents{}
/* scheme Fin */
.typeExampleTable__item__contents__list{}
.typeExampleTable__item__contents__list__menu{}

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

	flow

------------------------------------ */
.flowSection{}
.flowGroup{}
.flow__col{
  margin: 0 2.5rem 0 0;
  width: calc((100% - calc(2.5rem * 2)) / 3);
  }
.flow__col:nth-of-type(3n){}
.flow__theme{
  font-size: 1.5rem;
  }
.flow__contents{
  height: 275px;
  }
.flow__contents__note{
  letter-spacing: -0.05em;
  }
.flow__contents__fig{}
.flow__bottomNote{}

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

	download

------------------------------------ */
.downloadSection{}
.downloadGroup{}
.download__button{
  margin: 0 2.5rem 0 0;
  width: calc((100% - calc(2.5rem * 2)) / 3);
  }
.download__button:nth-of-type(3n){}
.download__button .button-link{}
.download__button .button-link:hover{
  background-color: rgba(0,170,153,1.00) ;
  color: rgba(255,255,255,1.00);
  }
.download__button .button-link:before{
  transition: all 0.3s;
  }
.download__button .button-link:hover:before{
  background-image: url(/hamamatsu-parking/src/image/common/icon/pdf_white.svg);
  }
.download__button .button-link:after{}
.download__button .button-link:hover:after{
  background-image: url(/hamamatsu-parking/src/image/common/icon/arrow_right_double_white.svg);
  }
.download__button .button__text{}

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

	couponGuide

------------------------------------ */
.couponGuideSection{}
.couponGuideGroup{}
.couponGuideBlock{}
.couponGuide__note{
  margin: 0 1.5625rem 0 0;
  width: 490px;
  }
.couponGuide__note__text{}
.couponGuide__note__word{}
.couponGuide__fig{
  width: calc((100% - 1.5625rem) - 490px);
  }
.couponGuide__fig__col{
  margin: 0 1.25rem 0 0;
  width: calc((100% - 1.25rem) / 2);
  }
.couponGuide__fig__col:nth-of-type(2n){
  margin: 0;
  }
.couponGuide__fig__theme{}
/* scheme */
.couponGuide__fig__col-blue .couponGuide__fig__theme{}
.couponGuide__fig__col-purple .couponGuide__fig__theme{}
/* scheme Fin */
.couponGuide__fig__img{}
.couponGuideButtonBlock{}
.couponGuide__button{}
.couponGuide__button .button-link{}
.couponGuide__button .button-link:hover{
  background-color: rgba(0,170,153,1.00) ;
  color: rgba(255,255,255,1.00);
  }
.couponGuide__button .button-link:after{}
.couponGuide__button .button-link:hover:after{
  background-image: url(/hamamatsu-parking/src/image/common/icon/externallink_white.svg);
  }
.couponGuide__button .button__text{}

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

	PC-Mode > Irregular

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

	MediaQuery > Irregular > SP:320px

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

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