@charset "utf-8";

#main{
  background: none;
}

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

header{
    position: sticky !important;
    top: 0;
  background-color: #041023;
}
header .area{
  align-items: center !important;
}
@media screen and (min-width: 521px){

}
@media screen and (max-width: 520px){
  header .area{
    align-items: center !important;
  }
}

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

.upper{
  background-color: #F6F6F6;
}
.upper .breadcrumbs{
  padding: 1em;
}
.upper .breadcrumbs a,
.upper .breadcrumbs span{
  margin-right: 1em;
  line-height: 1;
}
.upper .breadcrumbs .icon_arrow{
  padding-right: 2em;
}
.upper .breadcrumbs .icon_arrow::before{
  width: .3em;
  height: .3em;
  border-width: 1px;
  top: 2px;
}
.upper .breadcrumbs{
  
}

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

.bodying{
  padding: 7em 0;
}
.bodying .title{
  font-size: clamp(25px, 6vw, 30px);
  margin-bottom: 1em;
}
@media screen and (min-width: 521px){

}
@media screen and (max-width: 520px){
  .bodying{
    padding: 4em 0 2em 0;
  }
}

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

@media screen and (max-width: 1000px){
	.inner1000{
    padding: 0 6vw;
	}
}