:root {
	--base_black: #0A0A14; /*var(--base_black)*/
	--gray_line:  #E8EAED; /*var(--gray_line)*/
	/*gray*****************************
	--black_back: #46484A;
	--black_white:#E8EAED;
	--black_gray: #5A5D60;
	**********************************/
	/*black***************************/
	--black_back: #000000;
	--black_white:#E8EAED;
	--black_gray: #29292E;
	/**********************************/
}
body.stop {
    overflow-x: hidden;
    overflow-y: hidden;
	height: 100vh;
}
img.none {
    opacity: 0;
}
.text_inline span{
	display: inline-block;
}
/*flex*****************/
.flex {
    display: flex;
	flex-wrap: wrap;
}
.flex_center {
	justify-content: center;
	align-items: center;
}
.flex_vcenter {
	align-items: center;
}
.flex_between {
	justify-content: space-between;
}
/**********************/
/*indent***************/
.indent {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
}
.indent .text {
    display: block;
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
/**********************/
/*arrow****************/
.arrow_box {
	width: 4.5rem;
    aspect-ratio: 1;
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.arrow_box:before {
    display: block;
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border-radius: 26.66%;
	transition: background .3s ease-out;
}
.arrow_box:after {
    display: block;
    width: 31.11%;
    aspect-ratio: 1;
    content: "";
    -webkit-mask: url(../../images/arrow_normal_l_41fbcdf9.svg) center/contain no-repeat;
    mask: url(../../images/arrow_normal_l_41fbcdf9.svg) center/contain no-repeat;
    background: var(--base_black);
	transition: background .2s ease-out;
}
/*dark*/
.arrow_box.dark:before {
	background-color: var(--base_black);
}
.arrow_box.dark:after {
	background-color: #FFFFFF;
}
/******/
/*diagonal*/
.arrow_box.diagonal:after {
	rotate:-45deg;
}
/**********/
/**********************/
/*accordion************/
dl.accordion, dl.accordion > dt, dl.accordion > dd {
  display: block;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
dl.accordion > dt {
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 20px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  background-color: #EDEDED;
  position: relative;
  cursor: pointer;
}
dl.accordion > dt .open {
  width: 20px;
	aspect-ratio: 1/1;
  position: absolute;
  right: 10px;
  display: block;
  top: 50%;
  margin-top: -10px;
}
dl.accordion > dt .open:before, dl.accordion > dt .open:after {
  width: 100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  content: "";
  background-color: #000000;
  margin-top: -0.5px;
}
dl.accordion > dt .open:after {
  transform: rotate(90deg);
  transition: 0.3s all;
}
dl.accordion > dt.active .open:after {
  transform: rotate(0deg);
  transition: 0.3s all;
}
dl.accordion > dt + dd {
  display: none;
  margin-top: 10px;
}
/**********************/
main.main {
	line-height: 1.5;
}
/***********************************************/
@media only screen and (min-width:768px) {
/*arrow****************/
@keyframes arrow_run {
  0% {
    transform: translate(0);
  }
  45% {
    opacity: 1;
    transform: translate(150%);
  }
  46% {
    opacity: 0;
    transform: translate(150%);
  }
  47% {
    opacity: 0;
    transform: translate(-150%);
  }
  48% {
    opacity: 1;
  }
  55% {
    transform: translate(-150%);
  }
  to {
    transform: translate(0);
  }
}
.arrow_box {
	width: 5rem;
}
.arrow_box:after {
    width: 2rem;
    width: 40%;
}
a:hover .arrow_box:before {
	background-color: var(--base_black);
	transition: background .3s ease-out;
}
a:hover .arrow_box:after {
	background-color: #fff;
    animation: arrow_run .3s 1 forwards linear;
}
/*dark*/
a:hover .arrow_box.dark:before {
	background-color: #707477;
}
/******/
/**********************/
}


/*index_d2d13785.css的抵消********************/
.arrow--head_one {
    -webkit-mask: url(../../images/arrow_head_one_984d7bae.svg) center/contain no-repeat;
    mask: url(../../images/arrow_head_one_984d7bae.svg) center/contain no-repeat;
}
@media only screen and (min-width: 768px){
.inner {
	margin-top: 4.8rem;
}
}
@media only screen and (max-width: 767px){
.inner {
	margin-top: 1.9rem;
}
}
/***********************************************/
/***********************************************/