@charset "UTF-8";

/* -----------------------------
equipment
----------------------------- */

#All_Wrap {
}
.contents {
  width: calc(100% - 60px);
  font-feature-settings: "palt";
  color: #231815;
  overflow: hidden;
}
.contents figure {
  position: relative;
  height: fit-content;
}

.mv_ttl {
  height: 37px;
}

/*=== 共通 ===*/

sup {
	vertical-align: super;
	font-size: 10px;
}

.f-50{font-size: 50%;}
.f-60{font-size: 60%;}
.f-70{font-size: 70%;}
.f-80{font-size: 80%;}
.f-90{font-size: 90%;}
.f-110{font-size: 110%;}
.f-120{font-size: 120%;}
.f-130{font-size: 130%;}
.f-140{font-size: 140%;}
.f-150{font-size: 150%;}
.f-160{font-size: 160%;}
.f-170{font-size: 170%;}
.f-180{font-size: 180%;}
.f-190{font-size: 190%;}
.f-200{font-size: 200%;}
.f-210{font-size: 210%;}
.f-220{font-size: 220%;}
.f-230{font-size: 230%;}
.f-240{font-size: 240%;}

.jost{
  font-weight: 400;
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.align_L { text-align: left;}
.align_C { text-align: center;}
.align_R { text-align: right;}
.f-palt {font-feature-settings: "palt";}


.Txt_note{
  font-size: 10px;
  line-height: 1.3;
  font-feature-settings: "palt";
}
figure + .Txt_note{
  padding-top: 10px;
}



/*=== tab_Area ===*/
.tab_Area {
	width: 100%;
	max-width: 1000px;
	margin: 70px auto;
	justify-content: space-between;
	gap:10px;
}
.tab_Area.lower {
	margin: 100px auto 0;
}
.tab_Area li {
	font-size: 15px;
	width: calc(100% / 4);
}
.tab_Area li a {
	display: block;
	width: 100%;
	color: #58aacd;
	letter-spacing: 0.16em;
	font-feature-settings: "palt";
	text-align: center;
	padding: 14px 0;
	background: #fff;
	border: 1px solid #58aacd;
	transition: 0.3s;
	box-sizing: border-box;
}
.tab_Area li a:hover {
	color: #fff;
	background: #58aacd;
	transition: 0.3s;
}
.tab_Area li.here {
	position: relative;
}
.tab_Area li.here a {
	color: #fff;
	pointer-events: none;
	background: #58aacd;
}
.tab_Area li.here::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 10px 0;
	border-color: #58aacd transparent transparent;
	position: absolute;
	top: calc(100% - 2px);
	left: 50%;
	transform: translateX(-50%);
}
.tab_Area.lower li.here::after {
	border-width: 0 10px 11px;
	border-color: transparent transparent #58aacd;
	top: unset;
	bottom: calc(100% - 2px);
}

/*=========================================================================================================
調整
=========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1200px) {

  #notes_Area {
    margin-top: 50px;
  }

}

/*=========================================================================================================
tab
=========================================================================================================*/
@media screen and (min-width: 768px) and (max-width: 1024px) {


  /*=== 共通 ===*/
  .contents {
    width: 100%;
  }

	.mv_ttl {
		height: 24px;
	}

  /*=== 個別 ===*/





}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
	/*=== 共通 ===*/
  .contents {
    width: 100%;
  }
  .mv_ttl {
		height: 24px;
	}

	/* tab_Area */
	.tab_Area {
		width: 94%;
		flex-wrap: wrap;
		gap: 20px 10px;
		margin: 40px auto;
	}
	.tab_Area:nth-of-type(2) {
		margin: 60px auto 0;
	}
	.tab_Area li {
		position: relative;
		font-size: 12px;
		font-feature-settings: "palt";
		width: calc((100% - 10px) / 2);
	}
	.tab_Area li a {
		line-height: 1.2;
	}


}