@charset "UTF-8";
@import "/commons/eventfooter/css/eventfooter.css";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&family=Zen+Old+Mincho:wght@400;500;700;900&display=swap');

#seasonal-guideline{
}


.nw {
  display: inline-block !important;
}


/****************************
*[data-color
****************************/

[data-bgcolor=lightgray] {
  background-color:#EEE!important;
}

[data-color=brand] {
  color:#ff5611!important;
}

.panel__shop__detail:before {
	content:"";
  background-color:#ff5611!important;
}



[data-color=brand_sub01] {
  color:#2EB6AA!important;
}
[data-color=brand_sub02] {
  color:#0B2E5E!important;
}
[data-color=brand_sub03] {
  color:#F0ECCD!important;
}
[data-color=base_w] {
  color:#fff!important;
}
[data-color=base_w][data-elements=txt-border-bottom] {
  border-color:#fff!important;
}

[data-color=base_b] {
  color:#231815!important;
}
[data-bgcolor=brand] {
  background-color:#ff5611!important;
}
[data-bgcolor=brand_sub01] {
  background-color:#2EB6AA!important;
}
[data-bgcolor=brand_sub02] {
  background-color:#0B2E5E!important;
}
[data-bgcolor=brand_sub03] {
  background-color:#F0ECCD!important;
}

.panel__shop__detail {
  background-color:#F0ECCD!important;
}

[data-bgcolor=base_w] {
  background-color:#fff!important;
}


[data-bgcolor=base_b] {
 background-color:#231815;
}
[data-bgcolor=gold] {
 background-color: #f0c952;
}

/****************************
*[data-map
****************************/

[data-map]{
  display: flex;
  align-items: center;
}
[data-map]::before {
  content: "";
  background-image: url(/commons/202211/img/common/icon/area.svg);
  width: 16px;
  height: 18px;
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 5px;
}
[data-map][data-color=base_w]::before {
  background-image: url(/commons/202211/img/common/icon/area_w.svg);
}

[data-map] >  span{
	margin:0 3px;
	font-weight: 500;
	margin: 0 3px;
  white-space: nowrap;
}
[data-map=wellcomearea] span{
  color: #753A97!important;
}
[data-map=flowerload] span{
  color: #F27B88!important;
}
[data-map=towercity] span{
  color: #EE1D23!important;
}
[data-map=attractiontown] span{
  color:#FCB814!important
}
[data-map=amsterdamcity] span{
  color:#F382B7!important;
}
[data-map=harbortown] span{
  color:#2098d1!important;
}
[data-map=fantasiacity] span{
  color: #00ABCA!important;
}
[data-map=artgarden] span{
  color: #658441!important;
}
[data-map=forest] span{
  color: #0e4210!important;
}

/****************************
*[data-set
****************************/

[data-set=txt] {
  margin-left: 20px;
  margin-right: 20px;
}

/****************************
*[data-overflow
****************************/

[data-overflow=visible] {
  overflow: visible!important;
}


/****************************
*[data-flex
****************************/

[data-flex] {
}

[data-flex=j-c] {
  justify-content: center;
}

/****************************
*[data-grid
****************************/

[data-grid] {
  display: grid;
  align-items: center;
}

[data-grid=single] {
  grid-template-columns: repeat(1, 1fr);
  column-gap: 35px;
  row-gap: 35px;
}
[data-grid=half],
[data-grid=half_single] {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 35px;
  row-gap: 35px;
}

@media screen and (max-width: 736px){
	[data-grid=half_single] {
	  grid-template-columns: repeat(1, 1fr);
	  column-gap:15px;
	  row-gap: 15px;
	}

}



/****************************
*[data-align
****************************/

[data-align=center] {
	text-align: center!important;
}
[data-align=left] {
	text-align:left!important;
}
[data-align=right] {
	text-align: right!important;
}

@media screen and (max-width: 736px){
	[data-align-sp=center] {
		text-align: center!important;
	}
	[data-align-sp=left] {
		text-align:left!important;
	}
	[data-align-sp=right] {
		text-align: right!important;
	}

}


/****************************
*[data-width
****************************/

[data-width] {
}


/****************************
*[data-margin
****************************/

[data-margin=large] {
	margin: 5rem!important;
}
[data-margin=middle] {
  margin: 2.5rem!important;
}
[data-margin=small] {
 margin: 1rem!important;
}

[data-margin=large_t] {
  margin-top: 5rem !important;
}
[data-margin=middle_t] {
  margin-top: 2.5rem!important;
}
[data-margin=small_t] {
 margin-top: 1rem !important;
}
[data-margin=none] {
  margin: 0 !important;
}

[data-margin=large_b] {
  margin-bottom: 5rem !important;
}
[data-margin=middle_b] {
  margin-bottom: 2.5rem!important;
}
[data-margin=small_b] {
 margin-bottom: 1rem !important;
}
[data-margin=none] {
  margin: 0 !important;
}

[data-margin=large_tb] {
	margin: 5rem!important;;
	margin-left:auto !important;
	margin-right:auto !important;
}
[data-margin=middle_tb] {
  margin: 2.5rem!important;;
	margin-left:auto !important;
	margin-right:auto !important;
}
[data-margin=small_tb] {
 margin: 1rem!important;;
	margin-left:auto !important;
	margin-right:auto !important;
}

[data-margin=large_lr]  {
	margin: 0;
	margin-left:5rem; !important;
	margin-right:5rem; !important;
}
[data-margin=middle_lr] {
	margin: 0 ;
	margin-left:2.5rem; !important;
	margin-right:2.5rem; !important;
}
[data-margin=small_lr] {
	margin: 0 !important;
	margin-left:1rem; !important;
	margin-right:1rem; !important;
}
[data-margin=auto] {
 margin: 0 auto;
}


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

	[data-margin=large] {
	  margin: 15vw!important;
	}
	[data-margin=middle] {
	  margin: 10vw!important;
	}
	[data-margin=small] {
	 margin: 3.5vw!important;
	}
	[data-margin=large_t] {
	  margin-top: 15vw !important;
	}
	[data-margin=middle_t] {
	  margin-top: 10vw!important;
	}
	[data-margin=small_b] {
	 margin-bottom: 3.5vw  !important;
	}

	[data-margin=large_b] {
	  margin-bottom: 15vw !important;
	}
	[data-margin=middle_b] {
	  margin-bottom: 10vw!important;
	}
	[data-margin=small_b] {
	 margin-bottom: 3.5vw  !important;
	}

	[data-margin=large_tb] {
	  margin: 15vw;
	margin-left:0 !important;
	margin-right:0 !important;
	}
	[data-margin=middle_tb] {
	  margin: 10vw!important;
	margin-left:0 !important;
	margin-right:0 !important;
	}
	[data-margin=small_tb] {
	 margin: 3.5vw;
	margin-left:0 !important;
	margin-right:0 !important;
	}
	[data-margin=large_lr]  {
		margin-top:0!important;
		margin-bottom:0!important;
		margin-left:15vw; !important;
		margin-right:15vw; !important;
	}
	[data-margin=middle_lr] {
		margin-top:0!important;
		margin-bottom:0!important;
		margin-left:10vw; !important;
		margin-right:10vw; !important;
	}
	[data-margin=small_lr] {
		margin-top:0!important;
		margin-bottom:0!important;
		margin-left:3.5vw; !important;
		margin-right:3.5vw; !important;
	}

	[data-margin-sp=large] {
	  margin: 15vw!important;
	}
	[data-margin-sp=middle] {
	  margin: 10vw!important;
	}
	[data-margin-sp=small] {
	 margin: 3.5vw!important;
	}
	[data-margin-sp=large_t] {
	  margin-top: 15vw !important;
	}
	[data-margin-sp=middle_t] {
	  margin-top: 10vw!important;
	}
	[data-margin-sp=small_b] {
	 margin-bottom: 3.5vw  !important;
	}

	[data-margin-sp=large_b] {
	  margin-bottom: 15vw !important;
	}
	[data-margin-sp=middle_b] {
	  margin-bottom: 10vw!important;
	}
	[data-margin-sp=small_b] {
	 margin-bottom: 3.5vw  !important;
	}

	[data-margin-sp=large_tb] {
	  margin: 15vw;
	margin-left:0 !important;
	margin-right:0 !important;
	}
	[data-margin-sp=middle_tb] {
	  margin: 10vw!important;
	}
	[data-margin-sp=small_tb] {
	 margin: 3.5vw;
	margin-left:0 !important;
	margin-right:0 !important;
	}
	[data-margin-sp=large_lr]  {
		margin-top:0!important;
		margin-bottom:0!important;
		margin-left:15vw; !important;
		margin-right:15vw; !important;
	}
	[data-margin-sp=middle_lr] {
		margin-top:0!important;
		margin-bottom:0!important;
		margin-left:10vw; !important;
		margin-right:10vw; !important;
	}
	[data-margin-sp=small_lr] {
		margin-top:0!important;
		margin-bottom:0!important;
		margin-left:3.5vw; !important;
		margin-right:3.5vw; !important;
	}
	[data-margin=auto-sp] {
	 margin: 0 auto!important;
	}
	[data-margin-sp=none-sp] {
	  margin: 0 !important;
	}

}



/****************************
*[data-padding
****************************/

[data-padding=large] {
	padding: 5rem;
}
[data-padding=middle] {
  padding: 2.5rem;
}
[data-padding=small] {
 padding: 1rem;
}

[data-padding=large_t] {
  padding-top: 5rem !important;
}
[data-padding=middle_t] {
  padding-top: 2.5rem;
}
[data-padding=small_t] {
 padding-top: 1rem !important;
}
[data-padding=none] {
  padding: 0 !important;
}

[data-padding=large_b] {
  padding-bottom: 5rem !important;
}
[data-padding=middle_b] {
  padding-bottom: 2.5rem;
}
[data-padding=small_b] {
 padding-bottom: 1rem !important;
}
[data-padding=none] {
  padding: 0 !important;
}

[data-padding=large_tb] {
	padding: 5rem;
	padding-left:0 !important;
	padding-right:0 !important;
}
[data-padding=middle_tb] {
  padding: 2.5rem;
	padding-left:0 !important;
	padding-right:0 !important;
}
[data-padding=small_tb] {
 padding: 1rem;
	padding-left:0 !important;
	padding-right:0 !important;
}

[data-padding=large_lr]  {
	padding-top:0!important;
	padding-bottom:0!important;
	padding-left:5rem!important;
	padding-right:5rem!important;
}
[data-padding=middle_lr] {
	padding-top:0!important;
	padding-bottom:0!important;
	padding-left:2.5rem!important;
	padding-right:2.5rem!important;
}
[data-padding=small_lr] {
	padding-top:0!important;
	padding-bottom:0!important;
	padding-left:1rem;!important;
	padding-right:1rem!important;
}


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

	[data-padding=large] {
	  padding: 15vw!important;
	}
	[data-padding=middle] {
	  padding: 10vw!important;
	}
	[data-padding=small] {
	 padding: 3.5vw!important;
	}
	[data-padding=large_t] {
	  padding-top: 15vw !important;
	}
	[data-padding=middle_t] {
	  padding-top: 10vw!important;
	}
	[data-padding=small_b] {
	 padding-bottom: 3.5vw  !important;
	}

	[data-padding=large_b] {
	  padding-bottom: 15vw !important;
	}
	[data-padding=middle_b] {
	  padding-bottom: 10vw!important;
	}
	[data-padding=small_b] {
	 padding-bottom: 3.5vw  !important;
	}

	[data-padding=large_tb] {
	  padding: 15vw;
	padding-left:0 !important;
	padding-right:0 !important;
	}
	[data-padding=middle_tb] {
	  padding: 10vw!important;
	}
	[data-padding=small_tb] {
	 padding: 3.5vw;
	padding-left:0 !important;
	padding-right:0 !important;
	}
	[data-padding=large_lr]  {
	padding-top:0!important;
	padding-bottom:0!important;
		padding-left:15vw; !important;
		padding-right:15vw; !important;
	}
	[data-padding=middle_lr] {
	padding-top:0!important;
	padding-bottom:0!important;
		padding-left:10vw; !important;
		padding-right:10vw; !important;
	}
	[data-padding=small_lr] {
	padding-top:0!important;
	padding-bottom:0!important;
		padding-left:3.5vw; !important;
		padding-right:3.5vw; !important;
	}

	[data-padding-sp=large] {
	  padding: 15vw!important;
	}
	[data-padding-sp=middle] {
	  padding: 10vw!important;
	}
	[data-padding-sp=small] {
	 padding: 3.5vw!important;
	}
	[data-padding-sp=large_t] {
	  padding-top: 15vw !important;
	}
	[data-padding-sp=middle_t] {
	  padding-top: 10vw!important;
	}
	[data-padding-sp=small_b] {
	 padding-bottom: 3.5vw  !important;
	}

	[data-padding-sp=large_b] {
	  padding-bottom: 15vw !important;
	}
	[data-padding-sp=middle_b] {
	  padding-bottom: 10vw!important;
	}
	[data-padding-sp=small_b] {
	 padding-bottom: 3.5vw  !important;
	}

	[data-padding-sp=large_tb] {
	  padding: 15vw;
	padding-left:0 !important;
	padding-right:0 !important;
	}
	[data-padding-sp=middle_tb] {
		padding: 10vw;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	[data-padding-sp=small_tb] {
	 padding: 3.5vw;
	padding-left:0 !important;
	padding-right:0 !important;
	}
	[data-padding-sp=large_lr]  {
	padding-top:0!important;
	padding-bottom:0!important;
		padding-left:15vw!important;
		padding-right:15vw!important;
	}
	[data-padding-sp=middle_lr] {
	padding-top:0!important;
	padding-bottom:0!important;
		padding-left:10vw!important;
		padding-right:10vw!important;
	}
	[data-padding-sp=small_lr] {
	padding-top:0!important;
	padding-bottom:0!important;
		padding-left:3.5vw!important;
		padding-right:3.5vw!important;
	}
	[data-padding-sp=none] {
	  padding: 0 !important;
	}

}


/****************************
*[data-border
****************************/

[data-border=bottom]{
  border-bottom: 1px #231815 solid;
}


/****************************
*[data-font
****************************/

#seasonal-guideline [data-font=mincho]{
	font-family: 'Zen Old Mincho', serif!important;
}
#seasonal-guideline [data-font=gothic]{
	font-family: 'Zen Kaku Gothic New', sans-serif!important;
}

#seasonal-guideline [data-fontw=light]{
	font-weight: 300!important;
}
#seasonal-guideline [data-fontw=regular]{
	font-weight: 400!important;
}
#seasonal-guideline [data-fontw=medium]{
	font-weight: 500!important;
}
#seasonal-guideline [data-fontw=bold]{
	font-weight: 700!important;
}



#seasonal-guideline h1,#seasonal-guideline [data-font-size=h1]{
	font-size:calc(1.6 * 3rem);
    font-size: 40px;
	font-family: 'Zen Old Mincho', serif;
	font-weight: 500;
	line-height: 1em;
}
@media only screen and (min-width: 750px) {
  #seasonal-guideline h1,#seasonal-guideline [data-font-size=h1]{
    font-size: calc(1.6 * 4rem);
    font-size: 64px;
    line-height: 1.4;
  }
}
#seasonal-guideline h2,#seasonal-guideline [data-font-size=h2]{
	font-size:calc(1.6 * 1.8rem);
	font-size: 32px;
	font-family: 'Zen Old Mincho', serif;
	font-weight: 500;
	line-height: 1.4;
}
@media only screen and (min-width: 750px) {
  #seasonal-guideline h2,#seasonal-guideline [data-font-size=h2]{
    font-size: calc(1.6 * 2.4rem);
    font-size: 38px;
  }
}
#seasonal-guideline h3,#seasonal-guideline [data-font-size=h3]{
	font-size:calc(1.6 * 1.7rem);
	font-size: 30px;
    font-size: 5.8vw;
	font-family: 'Zen Old Mincho', serif;
	font-weight: 500;
	line-height: 1.4;
}
@media only screen and (min-width: 750px) {
  #seasonal-guideline h3,#seasonal-guideline [data-font-size=h3]{
    font-size: calc(1.6 * 1.8rem);
    font-size: 32px;
  }
}

#seasonal-guideline h4,#seasonal-guideline [data-font-size=h4]{
	font-size:calc(1.6 * 1.5rem);
	font-size: 24px;
	font-weight: 500;
}
#seasonal-guideline h5,#seasonal-guideline [data-font-size=h5]{
   font-size:calc(1.6 * 1.3rem);
   font-size: 22px;
	font-weight: 500;
}
#seasonal-guideline h6,#seasonal-guideline [data-font-size=h6]{
	font-size: 18px;
	font-weight: 500;
}
#seasonal-guideline p,#seasonal-guideline [data-font-size=p]{
	font-size: 16px;
	font-size: 3.5vw;
	font-weight: 500;
	line-height: 1.6;
	text-align: left;
}
@media only screen and (min-width: 750px) {
	#seasonal-guideline p,#seasonal-guideline [data-font-size=p]{
	font-size: 16px;
	}
}

#seasonal-guideline [data-font-size=xxlarge]{
    font-size: 42px;
}
@media only screen and (min-width: 750px) {
	#seasonal-guideline [data-font-size=xxlarge]{
	    font-size: 46px;
	}
}

#seasonal-guideline [data-font-size=xlarge]{
    font-size: 32px;
}
@media only screen and (min-width: 750px) {
	#seasonal-guideline [data-font-size=xlarge]{
	    font-size: 36px;
	}
}

#seasonal-guideline [data-font-size=large]{
    font-size: 22px;
}
@media only screen and (min-width: 750px) {
	#seasonal-guideline [data-font-size=large]{
	    font-size: 32px;
	}
}

#seasonal-guideline [data-font-size=middle]{
	font-size: 16px;
}
@media only screen and (min-width: 750px) {
	#seasonal-guideline [data-font-size=middle]{
		font-size: 22px;
	}
}
#seasonal-guideline [data-font-size=small]{
	font-size: 14px;
}
@media only screen and (min-width: 750px) {
	#seasonal-guideline [data-font-size=small]{
		font-size: 16px;
	}
}
#seasonal-guideline [data-font-size=xsmall]{
	font-size: 12px;
}
@media only screen and (min-width: 750px) {
	#seasonal-guideline [data-font-size=xsmall]{
		font-size: 14px;
	}
}
#seasonal-guideline [data-font-line-height="12"]{
  line-height:1.2;
}



/****************************
*[data-ratio
****************************/
[data-ratio=cut04]{
	width: calc(100% / 4)!important;
}
[data-ratio=cut03]{
	width: calc(100% / 3)!important;
}
[data-ratio=cut02]{
	width: calc(100% / 2)!important;
}

/****************************
*[data-tab
****************************/
[data-tab=basic]{
  position: relative;
}


[data-tab=basic] ul{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  background-color: transparent!important;
}
[data-tab=basic]:before{
	content: "";
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 2px;
	background: #ff5611;
}

[data-tab=basic] ul li{
  position: relative;
  margin: 0 10px;
  max-width: 533px;
}

[data-tab=basic] ul li a {
	font-size: 15px;
	font-weight: 500;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	color: #fff;
	border-radius: 10px 10px 0 0;
	padding: 0px 20px;
	width: 100%;
	  line-height: 70px;
	display: block;
	text-align: center;
	border: 2px #ff5611 solid;
	  background-color: #ff5611;
}

[data-tab=basic] ul li.current a{
	color: #ff5611;
	background-color: #fff;
	border-bottom-color: #fff!important;
}
[data-tab=basic] ul li:hvoer a{
	color: #ff5611;
	background-color: #fff;
}


.nav_bottom[data-tab=basic]:before{
	top:0;
	bottom: auto;
	left: 0;
}
.nav_bottom[data-tab=basic] ul li a {
  border-radius: 0 0 10px 10px;
}
.nav_bottom[data-tab=basic] ul li.current a {
  border-top-color: #fff!important;
}


@media screen and (max-width: 736px){
	[data-tab=basic] ul li {
	  margin: 0 3px;
	}
	[data-tab=basic] ul li a {
		font-size: 11px;
		  padding: 0px 3px;
		line-height: 42px;
		border-width: 1px;
	}

}



/****************************
*data-elements
****************************/
[data-elements=txt-border-bottom] {
  border-bottom: 1px #000 solid;
  padding-bottom: 10px;
}


[data-elements=round-txt],
[data-elements=txt] {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}

[data-elements=round-txt]:before{
	content: attr( data-elements-txt );
	width: 100px;
	height: 25px;
	display: block;
	border: 1px #000 solid;
	border-radius: 5px;
	font-size: 13px;
	line-height: 25px;
	margin-right: 10px;
}
[data-elements=txt]:before{
	content: attr( data-elements-txt );
	font-size: 13px;
}


[data-elements=circle-txt] {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	position: relative;
	width: 177px;
	height: 177px;
	background: #eee;
	border-radius: 9999px;
	outline: 1px solid rgb(255, 255, 255);
	outline-offset: -5px;
}
[data-elements=circle-txt] span{
  font-size: 40px;
  line-height: 1.1;
}
[data-elements=circle-txt] span small{
  display: block;
  font-size: 60%;
}

[data-elements=bgarch]{
  position: relative;
}
[data-elements=bgarch]:before{
	content:"";
	background: #F0ECCD;
	position: absolute;
	top: 85px;
	left: 0;
	width: 100%;
	height: 100%;
    -webkit-mask-image:  url(../images/mask/bgarch.svg);
    mask-image:  url(../images/mask/bgarch.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    mask-position: center top;
    -webkit-mask-size: cover;
    mask-size: cover;
}

[data-elements=label]{
	position: relative;
	background: #2EB6AA;
	border-radius: 9999px;
	height: 39px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
[data-elements=label] .mark{
	position: relative;
	width: 37px;
	height: 37px;
	border-radius: 9999px;
	background: #0B2E5E;
}
[data-elements=label] .mark:before{
	content: "";
	background-image: url(../images/mark/htb.svg);
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 70%;
	top: 0;
	left: 0;
}
[data-elements=label] .mark.mark-shop:before{
	background-image: url(../images/mark/shop.svg);
}
[data-elements=label] .mark.mark-enjoy:before{
	background-image: url(../images/mark/enjoy.svg);
}
[data-elements=label] .mark.mark-gourmet:before{
	background-image: url(../images/mark/gourmet.svg);
}
[data-elements=label] .mark.mark-event:before{
	background-image: url(../images/mark/event.svg);
}

[data-elements=label] p{
	position: relative;
	color: #fff;
	height: 39px;
	font-size: 18px;
	  font-weight: 500;
	line-height: 39px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	width:calc(100% - 74px);
}


[data-elements=walk]{
	position: relative;
	border-radius: 9999px;
	height: 39px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	  padding-left: 60px;
}
[data-elements=walk]:before{
	content: "";
	position: absolute;
	height: 1px;
	width: 40px;
	background: #0B2E5E;
	top: 50%;
	left: 18px;
}

[data-elements=walk] .mark{
	position: relative;
	width: 37px;
	height: 37px;
	border-radius: 9999px;
}
[data-elements=walk] .mark:before{
	content: "";
	background-image: url(../images/mark/walk.svg);
	position: absolute;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 80%;
	top: 0;
	left: 0;
}

[data-elements=walk] p{
	position: relative;
	color: #fff;
	height: 39px;
	font-size: 18px;
	font-weight: 500;
	line-height: 39px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	width:calc(100% - 74px);
	text-align: left;
}
[data-elements=ul] {
text-align: left;
}
[data-elements=ul] li{
  padding-left: 30px;
  text-indent: -18px;
}
[data-elements=ul] li:before{
	content:"繝ｻ";
}


/****************************
*data-list
****************************/

[data-list=dl]{
  display: flex;
  flex-wrap: wrap;
  margin: 0 20px;
}
[data-list=dl] p{
  margin: 0px!important;
}

[data-list=dl] dt{
	width: 100px;
	  margin: 5px 0;
}
[data-list=dl] dd{
  width: calc(100% - 100px);
  text-align: left;
    margin: 5px 0;
}

[data-list=dl-border] {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 auto;
  border: 1px #fff solid;
  border-left: 0;
  border-right: 0;
  border-top: 0;
    align-items: center;
  width: 100%;
}
[data-list=dl-border] dt {
  width: 100px;
  margin: 0;
}
[data-list=dl-border] dt,
[data-list=dl-border] dd {
	padding: 10px;
	text-align: left;
}
[data-list=dl-border] dd {
  border: 1px #fff solid;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
}

/****************************
*pege__
****************************/

.pege__body_full{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.pege__body{
    position: relative;
    overflow: hidden;
    max-width: 1366px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.pege__body__inner{
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 1100px;
}
.pege__body__round {
  position: relative;
  padding-bottom: 3rem;
}


.pege__body__round:before{
	content:"";
  -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjcxLjA3IDIyNi4xIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTM2NzEuMDcsMjI2LjFDMzI2MS45Nyw4OS4yMiwyNTkyLjMsMCwxODM1LjUzLDBTNDA5LjEsODkuMjIsMCwyMjYuMWgzNjcxLjA3WiIvPgogIDwvZz4KPC9zdmc+');
  mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjcxLjA3IDIyNi4xIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBzdHJva2Utd2lkdGg6IDBweDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPGcgaWQ9Il/jg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTM2NzEuMDcsMjI2LjFDMzI2MS45Nyw4OS4yMiwyNTkyLjMsMCwxODM1LjUzLDBTNDA5LjEsODkuMjIsMCwyMjYuMWgzNjcxLjA3WiIvPgogIDwvZz4KPC9zdmc+');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: contain;
  background-color: currentColor;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background-color: #000;
  position: absolute;
}

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

	.pege__body__inner {
		margin: 0 20px;
		width: auto;
	}
}

/****************************
*pege__mv
****************************/

.pege__mv {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.pege__mv__img,
.pege__mv__txt {
	  line-height: 0;
	width: calc(100% / 3);
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	ustify-content: center;
	align-items: center;
	align-content: center;
}
.pege__mv__txt {
  padding: 40px;
}
.pege__mv__txt div{
 width:100%;
}
.pege__mv__txt div img{
 max-width:420px;
 margin:0 auto;
}
.pege__mv__txt div * {
  text-shadow: 1px 1px 4px #000;
}


@media screen and (max-width: 767px){
	.pege__mv__img,
	.pege__mv__txt {
		width:100%;
	}
}
/****************************
*ph__img__
****************************/

/*455x315*/
.ph__img__13x9{ 
  position: relative;
}
.ph__img__13x9 img{ 
  position: relative;
	width: 100%;
	  max-width: 100%;
	aspect-ratio: 13 / 9;
	object-fit: cover;
}

.ph__img__13x8 img{ 
  position: relative;
	width: 100%;
	  max-width: 100%;
	aspect-ratio: 13 / 8;
	object-fit: cover;
}


/*520x350*/
.ph__img__100x67 img{
  position: relative;
	width: 100%;
	  max-width: 100%;
	aspect-ratio: 100 / 67;
	object-fit: cover;
}
/*550x335*/
.ph__img__13x8 img{
  position: relative;
	width: 100%;
	  max-width: 100%;
	aspect-ratio: 13 / 8;
	object-fit: cover;
}

/*550x365*/
.ph__img__3x2 img{
  position: relative;
	width: 100%;
	  max-width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.ph__img__16x9 img{
  position: relative;
	width: 100%;
	  max-width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.ph__img__16x8 img{
  position: relative;
	width: 100%;
	  max-width: 100%;
	aspect-ratio: 16 / 8;
	object-fit: cover;
}


/*302x227*/
.ph__img__302x227 img{
  position: relative;
	width: 100%;
	  max-width: 100%;
	aspect-ratio: 302 / 227;
	object-fit: cover;
}

/*110x110*/
.ph__img__1x1 img{
  position: relative;
	width: 100%;
	  max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

img.img__miffy {
  margin: 5px 0 5px auto;
  position: absolute;
  bottom: 0;
  right: 0;
  aspect-ratio: auto;
  width: 100px;
}


@media screen and (max-width: 767px){
	.ph__img__3x4-sp img {
	  position: relative;
	  width: 100%;
	  max-width: 100%;
	  aspect-ratio: 3 / 4;
	  object-fit: cover;
	}

}







[data-elements=img-txt] {
  position: relative;
}

[data-elements=img-txt]:before{
  content: attr( data-elements-txt );
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 10px;
  color: #fff;
  margin-right: 10px;
  z-index: 1;
}

[data-img] {
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-content: stretch;
  align-items: stretch;
  flex-wrap: wrap;
}


[data-img=list02] > div{
  width: calc(100% / 2)!important;
}

[data-img=list02-50] > div {
  width: calc(100% / 2 - 50px)!important;
}
[data-img=list03-40] > div {
  width: calc(100% / 3 - 40px)!important;
}


[data-img=evet-list01] > div {
  width: calc(100%)!important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[data-img=evet-list01][data-flex=row] > div {
  flex-direction: row-reverse;
}

[data-img=evet-list01] > div > div{
	width: calc(100% / 1.5 - 50px)!important;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
}
[data-img=evet-list01] > div > div:last-child{
	width: calc(100% / 3 - 0px)!important;
}


[data-img=evet-list02] > div {
  width: calc(100% / 2 - 40px)!important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
[data-img=evet-list02] > div > h4 {
flex-grow: 2;
}
[data-img=evet-list02] > div > div{
}
[data-img=evet-list02] > div > div:last-child{
flex-grow: 5;
}




[data-img=evet-list03] > div {
  width: calc(100% / 3 - 30px)!important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
[data-img=evet-list03] > div >[data-title=h4] {
flex-grow: 1;
}

[data-size=width-wide]{
  max-width: none;
}
[data-size=width-wide][data-img=evet-list01] > div{
  justify-content: flex-start;
}

[data-size=width-wide][data-img=evet-list01] > div > div{
  width: calc(100% / 1.6 - 50px)!important;
}

[data-size=width-wide][data-img=evet-list01] > div > div:last-child {
  width: calc(100% / 3.8 - 50px)!important;
  margin-left: 100px;
}
[data-flex=row][data-size=width-wide][data-img=evet-list01] > div > div:last-child {
  margin-right: 100px;
}


@media screen and (max-width: 767px){
	[data-img=evet-list01] > div {
	  flex-wrap: wrap;
	}
	[data-img=evet-list01] > div > div,
	[data-img=evet-list01] > div > div:last-child {
	  width: 100%!important;
	}
	[data-img=evet-list01][data-flex=row] > div {
	  flex-direction: row;
	}

}



/****************************
.recommended-point

****************************/
.recommended-point {
position: relative;
	max-width: 1100px;
	margin: 0 auto;
	border: 1px #000 solid;
	padding: 70px 50px 20px 180px;
	margin-top: -50px;
}
.recommended-point-ttl{
	position: absolute;
	left: -100px;
	top: 40%;
	font-size: 21px;
	padding: 20px;
	background: #000;
	display: block;
	color: #fff;
	width: 223px;
	line-height: 1.2;
	text-align: center;
	  padding: 20px 0 20px;
  outline: 1px solid rgb(255, 255, 255);
  outline-offset: -5px;
	}
.recommended-point-ttl span{
  font-size: 60%;
  display: block;
}

.recommended-point .item{
}







/*------------------------
.btn__
------------------------*/

.btn__brand {
	background: #FF5611;
	border-radius: 9999px;
	padding: 15px 35px;
	position: relative;
	margin-right: 0.7rem;
	display: inline-block;
	text-align: center;
	min-width: 20rem;
}
.btn__brand:after {
  content: "";
  transition: all .3s;
  width: 3.6rem;
  height: 0.1rem;
  background: #000;
  display: block;
  position: absolute;
  top: 50%;
  right: -1.5rem;
	transform:translateY(-50%);
}
.btn__brand:hover::after{
    right:-2rem;
}

.btn__basic,
a.btn__basic {
	background: #FF5611;
	border-radius: 9999px;
	padding: 15px 35px;
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-size: 3.5vw;
}
.btn__basic:hover::after{
    right:10px!important;
}
.btn__txt-sign {
	position: relative;
	padding-right:2rem;
}
.btn__txt-sign:after {
	right:0!important;
}
._btn__txt-sign:hover{
  text-decoration: underline;
}

.btn__border {
	border: 1px #000 solid;
	background: #fff;
}

@media only screen and (min-width: 750px) {
	.btn__basic,
	a.btn__basic {
	font-size: 16px;
	}
}



/****************************
*[data-icon
****************************/

[data-icon]:after,
a.btn__icon:after,
a.btn__icon[href$=".pdf"]:after,
a.btn__icon[href$="#"]:after,
a.btn__icon[target="_blank"]:after {
	content: "";
	width: max(12px, 12px);
	height: max(12px, 12px);
	border: 0;
	transition: all .3s;
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	color: #fff;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	background-color: currentColor;
}

[data-icon=sign]:after,
a.btn__icon:after{
	mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%20%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025.5%2025.7%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23231815%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%229.4%20.3%2022%2012.9%209.4%2025.4%22%2F%3E%3C%2Fsvg%3E');
}
[data-icon=sign-circle]:after{
	mask-image:  url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%20%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025.5%2025.7%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23231815%3B%20stroke-width%3A%200px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.7.3C5.7.3%2C0%2C6%2C0%2C13s5.7%2C12.7%2C12.7%2C12.7%2C12.7-5.7%2C12.7-12.7S19.7.3%2C12.7.3ZM11.2%2C19.2l-1.5-1.5%2C4.5-4.5-4.5-4.5%2C1.5-1.5%2C6%2C6-6%2C6Z%22%2F%3E%3C%2Fsvg%3E')!important;
	width: max(16px, 16px)!important;
	height: max(16px, 16px)!important;
}



[data-icon=anc]:after,
a.btn__icon[href$="#"]:after{
	mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%20%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025.5%2025.7%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23231815%3B%20stroke-miterlimit%3A%2010%3B%20stroke-width%3A%202px%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%229.4%20.3%2022%2012.9%209.4%2025.4%22%2F%3E%3C%2Fsvg%3E');
	transform: translateY(-50%) rotate(90deg);
}
[data-icon=blank]:after,
a.btn__icon[target="_blank"]:after{
    mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%20%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2025.5%2025.7%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20none%3B%20stroke%3A%20%23fff%3B%20stroke-miterlimit%3A%2010%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%20%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201-2%22%3E%20%3Cg%3E%20%3Crect%20class%3D%22cls-1%22%20x%3D%22.5%22%20y%3D%227.4%22%20width%3D%2217.8%22%20height%3D%2217.8%22%2F%3E%20%3Cpolyline%20class%3D%22cls-1%22%20points%3D%227.2%20.5%2025%20.5%2025%2018.3%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}
[data-icon=pdf]:after,
a.btn__icon[href*=".pdf"]:after{
	width: max(14px, 14px);
	height: max(18px, 18px);
    mask-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2021.9%2025%22%20style%3D%22enable-background%3Anew%200%200%2021.9%2025%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23281815%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M3.1%2C24.2h2.3V25H3.1C1.4%2C25%2C0%2C23.6%2C0%2C21.9V3.1C0%2C1.4%2C1.4%2C0%2C3.1%2C0H10c0.6%2C0%2C1.2%2C0.2%2C1.7%2C0.7l6.4%2C6.4%20c0.4%2C0.4%2C0.7%2C1%2C0.7%2C1.7v6.1H18V8.8c0-0.1%2C0-0.1%2C0-0.2h-5.9c-1.1%2C0-2-0.9-2-2c0%2C0%2C0%2C0%2C0%2C0V0.8c-0.1%2C0-0.1%2C0-0.2%2C0H3.1%20c-1.3%2C0-2.3%2C1-2.3%2C2.3v18.8C0.8%2C23.2%2C1.8%2C24.2%2C3.1%2C24.2z%20M17.6%2C7.8c0%2C0-0.1-0.1-0.1-0.1l-6.4-6.4c0%2C0-0.1-0.1-0.1-0.1v5.5%20c0%2C0.6%2C0.5%2C1.2%2C1.2%2C1.2c0%2C0%2C0%2C0%2C0%2C0H17.6z%20M8.2%2C18h1.2c1.3%2C0%2C2.3%2C1.1%2C2.3%2C2.3c0%2C1.3-1%2C2.3-2.3%2C2.3H8.6v2c0%2C0.2-0.2%2C0.4-0.4%2C0.4%20c-0.2%2C0-0.4-0.2-0.4-0.4v-6.2C7.8%2C18.1%2C8%2C18%2C8.2%2C18z%20M9.4%2C21.9c0.9%2C0%2C1.5-0.7%2C1.5-1.6c0-0.8-0.7-1.5-1.5-1.5H8.6v3.1H9.4z%20M13.3%2C18.4c0-0.2%2C0.2-0.4%2C0.4-0.4h1.2c1.1%2C0%2C2%2C0.9%2C2%2C1.9c0%2C0%2C0%2C0%2C0%2C0V23c0%2C1.1-0.9%2C2-2%2C2c0%2C0%2C0%2C0%2C0%2C0h-1.2c-0.2%2C0-0.4-0.2-0.4-0.4%20L13.3%2C18.4z%20M14.1%2C18.8v5.5h0.8c0.6%2C0%2C1.2-0.5%2C1.2-1.2c0%2C0%2C0%2C0%2C0%2C0v-3.1c0-0.6-0.5-1.2-1.2-1.2c0%2C0%2C0%2C0%2C0%2C0L14.1%2C18.8z%20M19.1%2C18h2.3%20c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-2v2.3h2c0.2%2C0%2C0.4%2C0.2%2C0.4%2C0.4c0%2C0.2-0.2%2C0.4-0.4%2C0.4h-2v2.7c0%2C0.2-0.2%2C0.4-0.4%2C0.4%20c-0.2%2C0-0.4-0.2-0.4-0.4v-6.2C18.8%2C18.1%2C18.9%2C18%2C19.1%2C18L19.1%2C18z%22%2F%3E%3C%2Fsvg%3E');
}




/*************************************************************

.ul__mark

**************************************************************/
.ul__mark {
  display: flex;
  flex-direction: column;
  text-align: left;
}

.ul__mark > li {
	position: relative;
	display: flex;
  align-items: baseline;
	column-gap: 10px;
	margin-bottom: 0rem;
}
.ul__mark > li:last-child {
  margin-bottom:0;
}
.ul__mark > li:before {
  content: "●";
  display: block;
  line-height: 1;
}
.ul__mark > li.asterisk:before {
	content:  "※";
	display: block;
}



/***************************************************************

.grid

****************************************************************/


.grid {
  display: grid;
  align-items: center;
}

.grid.half-single {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 35px;
  row-gap: 35px;
}

.grid.half {
  grid-template-columns: repeat(2, 1fr);
  column-gap: 35px;
  row-gap: 35px;
}
.grid.half3x2 {
grid-template-columns: 1.3fr 1fr;
  column-gap: 35px;
  row-gap: 35px;
}

.grid.third {
  grid-template-columns: repeat(3, 1fr);
  column-gap: 35px;
  row-gap: 35px;
}

.grid.four {
  grid-template-columns: repeat(4, 1fr);
  column-gap: 24px;
  row-gap: 24px;
}

.grid.five {
  grid-template-columns: repeat(5, 1fr);
  column-gap: 24px;
  row-gap: 24px;
}

.grid.half-100 {
  column-gap: 100px;
  row-gap:80px;
}

.grid.half-140 {
  column-gap: 140px;
  row-gap: 120px;
}

.grid.align-start {
	align-items: start;
}
.grid.align-stretch {
  align-items: stretch;
}

.grid.grid_border_b div {
  border-bottom: 1px #e2e6f0 solid;
  padding-bottom: 20px;
  margin-bottom: 0 !important;
  height: 100%;
}


@media screen and (max-width: 736px) {
	.grid.half,
	.grid.half3x2,
	.grid.third {
		grid-template-columns: repeat(1, 1fr);
		column-gap: 20px;
		row-gap: 20px;
	}
	.grid.half-sp {
	  grid-template-columns: repeat(2, 1fr);
	  column-gap: 20px;
	  row-gap: 20px;
	}
	.grid.half43 {
	  grid-template-columns: auto;
	  column-gap: 15px;
	  row-gap: 15px;
	}

}


/*************************************************************

.component__tab

**************************************************************/

.component__tab{
  margin: 0 auto 115px;
}


.component__tab:after {
  content: "";
  height: 1px;
  background: #000;
  margin: 0 calc(50% - 50vw);
}


.component__tab > ul.component__tab__menu {
	position: relative;
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: 10px;
}

.component__tab > ul.component__tab__menu li {
	width: 100%;
	display: flex;
	align-items: stretch;
	cursor: pointer;
}
.component__tab > ul.component__tab__menu li:last-child {
	  margin: 0 0px 0 0;
}
.component__tab > ul.component__tab__menu li a {
	font-size: 22px;
	font-size: 17px;
	  line-height: 1.2;
	font-weight: 600;
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.6em 0.6em 0 0;
	border: 1px #000 solid;
	border-bottom: 0!important;
	padding: 10px;
	transition: .2s;
	color: #fff;
	background: #000;
	text-align: center;
	width: 100%;
}


.component__tab > ul.component__tab__menu li.select a,
.component__tab > ul.component__tab__menu li:hover a{
	color: #231815;
	background: #fff;
}

.component__tab > .component__tab__menu li.select:after {
  content: "";
  height: 1px;
  background: #231815;
  width: 220vw;
  position: absolute;
  left: -20vw;
  bottom: 0;
}
.content_area.hide {
  display: none;
}
@media screen and (max-width: 736px) {
	.component__tab {
	  margin: 0 auto 55px;
	}
	.component__tab > ul.component__tab__menu {
	  margin: 0 10px;
	}
	.component__tab > ul.component__tab__menu li {
	  margin: 0 10px 0 0;
	}
	.component__tab > ul.component__tab__menu li a {
	  font-size: 2.6vw;
	  padding: 6px 3px;
	}
}



/*************************************************************

.component__toggle

**************************************************************/

.component__toggle{
  border: 1px #281815 solid;
  text-align: center;
  padding:0px;
}

.component__toggle dt {
	line-height: 1.2;
	text-align: center;
	font-weight: 300;
	display: inline-block;
	padding: 20px;
	position: relative;
	font-size: 18px;
	width: 100%;
	display: flex;
	color: #000000;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.component__toggle dd{
  padding:15px 25px 25px;
}

.component__toggle dt .toggle__arrow{
	position: relative;
	width: 20px;
	height: 20px;
	transform: rotate(90deg);
	transition: .5s;
	margin-left: 15px;
}
.component__toggle dt .toggle__arrow span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.component__toggle dt .toggle__arrow span:before {
	content: "";
	display: block;
	-webkit-transform: translateX(-25%) rotate(45deg);
	transform: translateX(-25%) rotate(45deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-property: border-color;
	transition-property: border-color;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	border-top: 1px solid #281815;
	border-right: 1px solid #281815;
	border-width: 2px;
	width: 12px;
	height: 12px;
}
.component__toggle > dt.active .toggle__arrow {
  transform: rotate(-90deg);
}


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