@charset "UTF-8";
.sub_fv {
    padding-top: 8.35vw;
    padding-bottom: 2.7vw;
    position: relative;
    z-index: 0;
}
.sub_fv::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, #00116a 0%, #000001 50%, #00116a 100%);
    background-size: 200% auto; 
    bottom: 0;
    left: 0;
    animation: slide-color 3s linear infinite;
}
.sub_fv .breadcrumbs {
    width: 82%;
    margin: 0 auto;
    text-align: right;
}
.sub_fv .breadcrumbs span {
}
.sub_fv .breadcrumbs span:not(:last-of-type) {
    margin-right: 3vw;
    position: relative;
    z-index: 0;
}
.sub_fv .breadcrumbs span:not(:last-of-type)::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 1.5vw;
    height: 1px;
    top: 0.1vw;
    bottom: 0;
    right: -2.5vw;
    background-color: #000;
    margin: auto;
}
.sub_fv .breadcrumbs span a {
    color: #000000;
}
.sub_fv h1 {
    width: 82%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding-top: 6.4vw;
}
.sub_fv h1 .en {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    font-size: 3.3em;
    letter-spacing: 0.25vw;
    line-height: 100%;
    color: #00000000;
    -webkit-text-stroke: 1px #202b60;
    text-stroke: 1px #202b60;
    opacity: 0.345;
}
.sub_fv h1 .ja {
    font-size: 1.40em;
    font-weight: 500;
    background: linear-gradient(90deg, #00116a 0%, #000001 50%, #00116a 100%);
    background-size: 200% auto; 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    animation: slide-color 2s linear infinite;
}
.bk {
	    background-color: #060606;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.bk::before, .bk::after {
    content: "";
    position: absolute;
    background: radial-gradient(#04428f, #06060600 73%);
}
.bk::before {
    width: 60vw;
    height: 60vw;
    top: -24vw;
    right: -20vw;
    z-index: -1;
}
.bk::after {
    width: 130vw;
    height: 200%;
    top: 0;
    bottom: 0;
    left: -90vw;
    z-index: -2;
    margin: auto;
}
.bk .sub_fv .breadcrumbs span a ,
.bk .sub_fv .breadcrumbs span {
    color: #fff;
}
.bk .sub_fv .breadcrumbs span:not(:last-of-type)::before {
    background-color: #fff;
}
.bk .sub_fv h1 .ja {
    background: unset;
    color: #fff;
    -webkit-text-fill-color: unset;
}
.bk .sub_fv h1 .en {
    -webkit-text-stroke: 1px #c1c1c1;
    text-stroke: 1px #c1c1c1;
}
.bk .sub_fv::before {
    background: #777777;
}
@media screen and (max-width:1300px) {
}
@media screen and (max-width:900px) {
}
@media screen and (max-width:768px) {
.sub_fv {
    padding-top: 25.35vw;
    padding-bottom: 5.7vw;
}
.sub_fv .breadcrumbs {
    font-size: 0.9em;
}
.sub_fv h1 .ja {
    font-size: 1.15em;
}
.sub_fv h1 .en {
    font-size: 2.0em;
        text-align: right;
}
.sub_fv h1 {
    padding-top: 5.4vw;
}
}