/* CSS Document */
@font-face {
    font-family: 'din-medium-regular';
    src: url('../font/din-medium-regular.ttf') format('truetype');
}
body#en .txt_con h2 span {
    display: block;
}
body#ja footer .inf span {
    letter-spacing: 0.1vw;
}
body#en footer {
    width: 75%;
    display: block;
    margin: 0 auto;
}
.menu .uk-svg{
    fill: #FFFFFF;
    color:#FFFFFF;
    width: 11vw;
    height: auto;
    padding: 0.5vw;
    background: #CC0623;
}
.menu li{
    width: 100%;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.5);
}
.menu li + li {
    border-left: 1px solid rgba(255,255,255,0.5);
    margin: 0.5vw 0 0 0;
}
.menu{
    position: fixed;
    right: 0;
    bottom: 5%;
    width: 4%;
    padding: 0;
    background: transparent;
    z-index: 9;
    margin: 0;
    display: flex;
    border-top: 0;
    flex-direction: column;
    min-width: 70px;
}
#ds4 .horizontal .tit{
    min-height: auto;
}
#ds6 .tit{
    min-height: auto;
}
body#en .brand_txt span{
    display: block;
}
body#en .brand_txt{
    width: 23vw;
}
body#en #ds6 .tit svg{
    width: 35%;
}
body#en .contact_tit h3,body#en .contact_tit h2{
    font-family: sans-serif;
}
body#en .contact_tit h2{
    letter-spacing: 0.05vw;
}
body#en{
    font-family: sans-serif;
}
body#en .inf_2 dl {
    margin: 0;
    width: auto;
}
body#en footer dd {
    font-size: 1.8vw;
}
body#en footer dt {font-size: 1vw;}
body#en footer address{
    font-size: 1vw;
    width: auto;
}
body#en .features li:nth-child(3) {
    width: 37%;
}
body#en .features li:nth-child(1) {
    width: 39%;
}
body#en .features li:nth-child(2) {
    width: 24%;
}
body#en .features li{
    font-size: 1.14vw;
    letter-spacing: 0.01vw;
}
body#en footer .inf span {
    letter-spacing: 0.13vw;
    font-family: sans-serif;
    display: inline;
}
body#en footer .logo {
    width: 9.85vw;
}
body#en .inf_l {
    flex-direction: column;
}
body#en .inf_2 {
    width: 99%;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
body#en .inf_1 {
    width: 100%;
}
body#en  .form1 li, body#en .form2 li{
    line-height: 1.8;
}
body#en .type_name {
    width: 23%;
    margin: 0 5% 0 9%;
}
body#en .contact_con .uk-subnav li {
    width: 34%;
}
body#en #ds8 .txt_con {
    margin: 2vw 0 0 3.75vw;
}
body#en #ds8 {
    align-items: flex-start;
}
body#en #ds7 .txt_con {
    margin: 2.7vw 0 0 3.75vw;
}
body#en .team_con .team_txt .team:nth-child(even) .txt_inf {
    align-items: flex-end;
}
body#en .team_con .team_txt .team:nth-child(odd) .txt_inf {
    align-items: flex-start;
}
body#en .team_con .team_txt .team:nth-child(even) {
    text-align: right;
}
body#en .txt_con.team .txt {
    margin: 0 0 0 2.6vw;
    padding: 2.3vw 0;
}
body#en .team_con .team_txt .team:nth-child(even) .txt {
    margin: 0 1.3vw 0 0;
    padding: 0;
}
body#en #ds6 .team_txt .team + .team {
    padding: 0 3vw 0 0;
}
body#en #ds6 .team_txt .team{
    padding: 0 0 0 3vw;
}
body#en #ds6 .txt h3{
    font-size: 1.25vw;
    margin: 0;
}
body#en .team_txt {
    justify-content: center;
}
body#en #ds6 .txt_con{
    flex-direction: row;
    width: 44%;
    margin: 0;
}
body#en #ds6 .txt_inf{
    flex-direction: column;
}
body#en .txt_con.team .txt_inf dt{
    width: auto;
    padding: 0.3vw 1.1vw;
}
body#en .txt_con.team .txt_inf dl{
    width: 100%;
    margin: 0.8vw 0 0 0;
}
body#en #ds5 {
    padding: 0 0 3vw 0;
}
body#en #ds5 .slideshow_con {
    padding: 5.4vw 0 0 0;
}
body#en #ds4 .txt h3{
    text-align: left;
}
body#en #ds4 .tit {
    flex-direction: column;
}
body#en #ds4 .txt_con {
    width: 55%;
    margin: 0 0 1vw 24vw;
}
body#en #ds3 {
    padding-bottom: 8vw;
}
body#en .ds3_pic{
    width: 35%;
    right: -7%;
}
body#en #ds3 .txt_con {
    margin: 1.5vw 0 0 3.75vw;
    width: 33%;
}
body#en #ds2 .txt_con{
    margin: 0vw 0 0 3.75vw;
}
body#en #ds1 {
    align-items: center;
}
body#en .txt_inf {
    font-family: sans-serif;
    letter-spacing: 0;
    line-height: 1.6;
    text-align: left;
}
body#en .txt h3 {
    margin: 2vw 0 1vw 0;
    letter-spacing: 0;
    font-family: sans-serif;
}
body#en .txt,body#en #ds5 .txt_con.horizontal .txt{
    width: 100%;
    margin: 0;
}
body#en .tit, body#en #ds5 .horizontal .tit, body#en #ds7 .tit{
    width: 100%;
    min-height: auto;
    height: auto;
}
body#en .txt_con h2,body#en #ds5 .txt_con.horizontal h2{
    width: 100%;
    letter-spacing: 0;
    position: static;
    writing-mode: horizontal-tb;
    text-indent: 0;
    font-family: sans-serif;
    font-size: 1.9vw;
}
body#en .txt_con {
    flex-direction: column;
    margin: 0 0 0 3.75vw;
    width: 30%;
    justify-content: center;
}
body#en .tit svg{
    width: 12vw;
}
body#en .index_inf dl {
    justify-content: flex-start;
    font-family: sans-serif;
}
body#en .index_inf dt {
    letter-spacing: 0;
    margin: 0 0.8vw 0 0;
}
body#en .index_inf h2{
    letter-spacing: 0;
    font-family: sans-serif;
}
body#en .index_inf {
    width: 33vw;
    font-family: sans-serif;
}
body#ja #ds4 .txt_con h2{
    width: 40vw;
}
body#ja #ds3 h2 span{
    position: absolute;
    font-size: 1vw;
    top: 10vw;
    left: -1vw;
    font-weight: 900;
}
body#ja .features li:nth-child(1) {
    width: 30%;
}
body#ja .features {
    margin: 0.8vw 0 0 0;
    width: 100%;
    color: #FFFFFF;
    font-size: 1vw;
    letter-spacing: 0.05vw;
}
body#ja .ball {
    width: 13.64%;
    position: absolute;
    left: 73%;
    top: 1vw;
}
body#ja .contact_tit {
    width: 55%;
    margin: 2.7vw 0 2.7vw 16.5vw;
}
body#ja .brand_item .item {
    flex-wrap: nowrap;
}
body#ja .brand_con div {
    font-weight: 500;
    line-height: 1.1;
}
body#ja .brand_con{
    width: 13vw;
    height: 13vw;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
body#ja .brand_txt {
    display: inline-block;
    width: 22vw;
    font-weight: 500;
}
body#ja .brand_txt span{
    display: inline-block;
    width: 100%;
}
body#ja #ds8 .txt{
    margin: 5.5vw 0 0 2.6vw;
}
body#ja #ds8 .tit{
    min-height: 47vw;
    margin: -4vw 0 0 0;
}
body#ja .txt_con.team .txt_inf dt{
    padding: 0.8vw 0.1vw;
}
body#ja #ds6 .tit{
    min-height: auto;
}
body#ja .txt_con.horizontal .txt_e{
    text-align: left;
}
body#ja #ds5 .horizontal .tit svg{
    width: 11.7vw;
}
body#ja #ds5 .txt_con.horizontal .txt {
    font-size: 2.3vw;
    letter-spacing: 0.5vw;
    display: inline-block;
    width: 100%;
    margin: 0;
}
body#ja #ds5 .horizontal .tit{
    width: 100%;
    min-height: auto;
}
body#ja #ds5 .txt_con{
    flex-direction: column;
    margin: 7.5vw 0 0 4vw;
}
body#ja #ds4 .txt_con {
    margin: 8vw 0 0 12.5vw;
    width: 75vw;
}
body#ja #ds4 .txt h3,body#ja #ds4 .txt_con.horizontal .txt_e{
    text-align: left;
}
body#ja #ds4 .txt_con.horizontal .txt{
    width: 31vw;
}
body#ja #ds4 .horizontal .tit svg{
    width: 11.7vw;
}
body#ja #ds4 .horizontal .tit{
    flex-direction: column;
    min-height: auto;
    margin: -8vw 0 0 0;
}
body#ja .ds3_pic{
    width: 36%;
}
body#ja #ds2 .txt_con h2 i{
    font-family: 'din-medium-regular';
}
body#ja #ds2 .txt_con{
    margin: -1.5vw 0 0 0;
}
body#ja .index_inf h2{
    letter-spacing: 0.16vw;
    text-align: left;
}
body#ja,body#ja .txt_con h2,body#ja .txt h3,body#ja .txt_inf,body#ja .index_inf h2,body#ja .contact_tit h2,body#ja .contact_tit h3,body#ja footer .inf span{
    font-family: "Noto Sans JP", sans-serif;
}
body#ja .index_inf dt,body#ja .txt h3{
    font-weight: 500;
}
body#ja .txt_inf{
    font-weight: 400;
    line-height: 1.8;
}
body#ja .txt h3{
    letter-spacing: 0.04vw;
    font-size: 1.4vw;
}
body#ja #ds1 .txt_con h2,body#ja #ds2 .txt_con h2,body#ja  #ds3 .txt_con h2,body#ja  #ds7 .txt_con h2,body#ja  #ds8 .txt_con h2,body#ja  #ds5 .txt_con h2 {
    text-indent: 2.5vw;
    writing-mode: vertical-lr;
    left: 2.5vw;
    line-height: 1.3;
    right: initial;
    width: 5vw;
    letter-spacing: 0.1vw;
    font-size: 1.8vw;
}
body#ja #ds5 .txt_con h2{
    text-indent: 0;
    writing-mode: horizontal-tb;
    left: 0;
    line-height: 1.3;
    right: initial;
    width: 100%;
    letter-spacing: 0.1vw;
    font-size: 1.8vw;
    position: static;
    margin: 0 0 1.5vw 0;
}
body#ja #ds2 .txt_con h2{
    letter-spacing: 0;
}
body#ja #ds2 .txt_con h2 span{
    writing-mode: horizontal-tb;
    text-indent: 0;
}
.inf_3{
    width: 100%;
}
.inf_2 dl{
    margin: 0;
    width: 100%;
    text-align: left;
}
footer .logo {
    width: 8.6vw;
    display: inline-block;
    margin: 0 2.6vw 0 0;
}
.inf_2{
    width: 43%;
    margin: 0 0 0 2%;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.inf_l{
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
}
.inf_r{

    display: flex;

    width: 100%;

    margin: 2vw 0 0 0;

    align-items: center;

    flex-direction: row;
}
.inf_1{
    width: 54%;
}
.features li:nth-child(3){
    width: 28%;
}
.features li:nth-child(2){
    width: 35%;
}
.features li:nth-child(1){
    width: 37%;
}
footer dl a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
}
footer dl a:hover, footer address a:hover {
    text-decoration: none;
    color: #182040;
}
footer dl a, footer address a {
    color: #182040;
}
footer .inf span {
    color: #FFFFFF;
    font-size: 1.5vw;
    letter-spacing: 0.3vw;
    font-family: 'jf-jinxuan';
    display: inline-block;
    width: 100%;
}
.broker {
    color: #FFFFFF;
    font-size: 0.93vw;
    text-align: center;
    letter-spacing: 0.1vw;
    margin: 0.6vw 0 2vw 0;
}
.warning p {
    font-size: 0.7vw;
    z-index: 2;
    color: rgba(255, 255, 255, 0.6);
    background: #CC0623;
    position: relative;
    margin: 0;
    width: auto;
    display: inline-block;
    padding: 0 2%;
    letter-spacing: 0.05vw;
}
.warning:after {
    content: '';
    height: 3px;
    background: rgba(221, 221, 221, 0.3);
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    width: 100%;
}
.warning {
    position: relative;
    text-align: center;
    margin: 1vw 0 0 0;
}
.features li + li:after {
    content: '';
    width: 1px;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.features li {
    display: inline-block;
    height: 100%;
    position: relative;
    padding: 0.3vw 0.4vw;
}
.features{
    margin: 0.8vw 0 0 0;
    width: 100%;
    border: 1px solid #ffffff;
    color: #FFFFFF;
    font-size: 1vw;
    letter-spacing: 0.1vw;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
}
footer dd {
    font-size: 2vw;
    font-weight: 700;
    letter-spacing: 0;
}
footer dt {
    font-size: 1vw;
    letter-spacing: 0.05vw;
    margin: 0 0.8vw 0 0;
    font-weight: 300;
}
.inf_con {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 1.2vw 0 0 0;
}
footer address {
    color: #182040;
    text-align: left;
    margin: 0;
    width: 100%;
    font-size: 1.4vw;
    letter-spacing: 0.1vw;
}
footer .inf {
    width: 100%;
    display: inline-block;
    text-align: center;
}
footer {
    width: 66%;
    margin: 0 17%;
}
.item.b0:after{
    opacity: 0;
}
.ball {
    width: 13.64%;
    position: absolute;
    left: 65%;
    top: 1vw;
}
.contact_tit h3 {
    color: #182040;
    font-size: 1.5vw;
    letter-spacing: 0.3vw;
    font-weight: 500;
    font-family: 'jf-jinxuan';
    margin: 0;
    padding: 0;
}
.contact_tit hr {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin: 1.25vw 0;
}
.contact_tit h2 {
    color: #ffffff;
    font-size: 2vw;
    font-family: 'jf-jinxuan';
    font-weight: 700;
    letter-spacing: 0.2vw;
    margin: 0;
}
.contact_tit {
    width: 93%;
    margin: 9.6vw 0 0 7%;
}
.contact_tit {
    width: 41%;
    margin: 2.7vw 0 2.7vw 22%;
    text-align: center;
}
.brand_item .item:last-child:after{
    opacity: 0;
}
.brand_item .item:after{
    content: '';
    height: 100%;
    width: 1px;
    background: rgba(255, 135, 53, 0.5);
    position: absolute;
    right: -7%;
    top: 0;
}
.brand {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3.3vw 0 0 0;
}
.brand_item .item svg {
    color: #FF8735;
    width: 32%;
    margin: 0 0 1vw 0;
}
.brand_item hr {
    width: 100%;
    border-top: 0.5px solid rgba(255, 135, 53, 0.5);
    margin: 1.5vw 0;
}
.brand_item .item p {
    color: #ffffff;
    font-size: 0.98vw;
    letter-spacing: 0.025vw;
    margin: 0;
}
.brand_item .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(18% - 1px);
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 1%;
    position: relative;
}
.brand_item {
    margin: 2vw 11% 0 11%;
    padding: 1.25vw 0;
    text-align: center;
    display: flex;
    align-items: center;
    width: 78%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    border-top: 1px solid rgba(255, 135, 53, 0.5);
    border-bottom: 1px solid rgba(255, 135, 53, 0.5);
}
.brand_con div {
}
.brand_con svg {
    width: 5.8vw;
    color: #ffffff;
}
.brand_con {
    text-align: center;
    border-radius: 100%;
    padding: 2vw;
    display: inline-block;
    background: linear-gradient(to right, #FF8735, #D73828);
    margin: 0 2vw;
}
.brand_txt {
    font-size: 2vw;
    color: #ffffff;
    font-weight: 700;
    display: inline-block;
    line-height: 1.2;
    letter-spacing: 0.2vw;
}
.brand_con div {
    color: #ffffff;
    font-size: 1.5vw;
    letter-spacing: 0.1vw;
    font-weight: 700;
}
#ds9 {
    background: url(../img/ds9/bg_pc.jpg);
    background-size: cover;
    padding-bottom: 5vw;
}
#ds8 .txt_con {
    margin: 0;
}
#ds7 .tit{
    height: 30vw;
}
#ds7 .txt_con {
    margin: 2.3vw 0 0 0;
}
#ds8 {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0;
    align-items: center;
}
#ds7 {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0 0 4vw 0;
    align-items: center;
}
#ds7 .pic{
    width: 43.5vw;
    height: 28.95vw;
    margin: 6vw 6.5vw 0 5vw;
}
.team_txt .team + .team{
    border-right: 1px solid rgba(255, 135, 53, 0.5);
    padding: 0 3vw 0 0;
    margin: 0 3vw 0 0;
}
.team_con .team_txt:last-child:after{
    content: '';
    width: 100%;
    background: rgba(255, 135, 53, 0.5);
    height: 1px;
    position: absolute;
    left: 0;
    top: -2.5vw;
}
.team_con .team_txt:last-child{
    margin: 5vw 0 0 0;
}
.team_con .team_txt .team:nth-child(even) .txt {
    margin: 0 1.3vw 0 0;
}
.team_con .team_txt .team:nth-child(even){
    text-align: right;
}
.team_con .team_txt .team:nth-child(even) .txt_inf{
    flex-direction: row-reverse;
}
.team_con .team_txt .team:nth-child(even) .txt_inf dl{
    text-align: right;
    margin: 0 0.8vw 0 0;
}
.txt_con.team .txt{
    margin: 0 0 0 2.6vw;
    padding: 2.3vw 0;
}
.txt_con.team img{
    width: 12.3vw;
    height: 12.39vw;
}
.team_txt{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
}
.txt_con.team{
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0;
}
.team_con{
    display: flex;
    flex-wrap: wrap;
}
.txt_con.team .txt_e {
    color: #FFFFFF;
    letter-spacing: 0.6vw;
}
.txt_con.team .txt_inf dt {
    display: inline-block;
    border: 1px solid #FFFFFF;
    width: 3.69vw;
    text-align: center;
    line-height: 1.4;
    font-size: 0.9vw;
    padding: 0.3vw 0.1vw;
    font-weight: 300;
}
.txt_con.team .txt_inf dl {
    display: inline-block;
    margin: 0 0 0 0.8vw;
}
.txt_con.team .txt_inf {
    color: #FFFFFF;
    display: flex;
    align-items: center;
    letter-spacing: 0.1vw;
}
.txt_con.team .txt h3 {
    color: #FF8735;
    letter-spacing: 0.2vw;
}
#ds6 {
    background: url(../img/ds6/bg_pc.jpg);
    background-size: cover;
    padding: 0 0 6.3vw 0;
}
#ds6 .tit{
    width: 100%;
    height: auto;
}
#ds6 .tit svg{
    width: 35%;
    display: block;
    margin: 0 auto;
    color: #ffffff;
}
#ds5 .txt_con.horizontal .txt h3 span{
    display: inline-block;
}
#ds5 .txt_con.horizontal .txt h3{
    text-align: left;
}
#ds5 .txt_con{
    margin: 6vw 0 0 0;
}
#ds5 .txt_con.horizontal h2{
    letter-spacing: 0;
    position: absolute;
}
.ds4_pic{
    margin: -2vw 0 0 0;
}
.txt_con.horizontal .tit svg{
    width: 22vw;
}
.txt_con.horizontal .txt {
    width: 35vw;
    margin: 0;
}
.txt_con.horizontal h2 {
    width: 63vw;
    position: static;
    line-height: 1.3;
    letter-spacing: 0.3vw;
}
.horizontal .tit{
    flex-direction: row;
    width: 33vw;
    align-items: flex-start;
    height: auto;
}
.tit,#ds5 .horizontal .tit{
    width: 26%;
    display: flex;
    position: relative;
    flex-direction: column;
    min-height: 40vw;
}
.txt_con.horizontal .txt h3, .txt_con.horizontal .txt_e {
    text-align: center;
}
#ds6 .txt_con.horizontal .txt_e{
    text-align: left;
}
.txt_con.horizontal .txt h3{
    letter-spacing: 0.1vw;
}
.txt_con.horizontal h2 {
    position: static;
    line-height: 1.3;
    letter-spacing: 0.3vw;
}
#ds4 .txt_con{
    width: 72%;
    margin: 5vw 0 0 14vw;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
#ds2 .txt_con,#ds3 .txt_con{
    margin: 0;
}
#ds5 .slideshow_con{

    padding: 9.5vw 0 0 0;
}
#ds2 .slideshow_con,#ds3 .slideshow_con,#ds5 .slideshow_con,#ds8 .slideshow_con{
    width: 55%;
    display: inline-block;

}
#ds2 .slideshow_con{
    margin: 2.3vw 0 0 0;
}
#ds3 .slideshow_con{
    margin: 5.5vw 0 0 0;
}
#ds2 .txt_e {
    color: #FFFFFF;
}
#ds2 .txt_inf {
    color: #FFFFFF;
}
#ds2 .txt h3, #ds2 .tit svg, #ds2 .txt_con h2 {
    color: #FF8735;
}
#ds2 .txt_con h2, #ds3 .txt_con h2, #ds7 .txt_con h2, #ds8 .txt_con h2,#ds5 .txt_con h2{
    text-indent: 2.5vw;
    writing-mode: vertical-lr;
    left: 2vw;
    line-height: 1.3;
    right: initial;
    width: 5vw;
}
.pic{
    width: 55%;
}
.fx_con {
    background: url(../img/bg.jpg);
    background-attachment: fixed, scroll;
    background-repeat: no-repeat, repeat-y;
    background-size: cover;
}
.txt_con {
    width: 32%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 5vw 0 0 0;
}
.txt_con h2 {
    color: #D73828;
    font-weight: 700;
    font-size: 2vw;
    position: absolute;
    width: 2vw;
    display: inline-block;
    right: 1vw;
    top: 9.5vw;
    margin: 0;
    line-height: 1.1;
    font-family: 'jf-jinxuan';
    letter-spacing: 0;
}
.txt {
}
.txt_inf {
    text-align: justify;
    font-size: 0.9vw;
    letter-spacing: 0.1vw;
    margin: 1vw 0 0 0;
    color: #636363;
    line-height: 1.7;
}
.txt_e {
    font-family: 'din-medium-regular';
    font-size: 1.1vw;
    color: #636363;
    opacity: 0.3;
    letter-spacing: 0.6vw;
}
.txt h3 {
    color: #636363;
    font-size: 1.5vw;
    letter-spacing: 0.3vw;
    font-family: 'jf-jinxuan';
    margin: 0 0 1vw 0;
}
.txt,#ds5 .txt_con.horizontal .txt{
    font-size: 2.3vw;
    letter-spacing: 0.5vw;
    display: inline-block;
    width: 80%;
    margin: 9.5vw 0 0 2.6vw;
}
.tit svg {
    color: #D73828;
}
.tit {
}
.language_switch {
    top: 8%;
}
body{
    width: 100%;
    background: #353535;
    font-size: 16px;
    padding-bottom: 0;
    font-family:'jf-jinxuan';
    font-weight: 300;
}
#index_con {
    background: url(../img/index/pc/bg.jpg);
    padding: 0 0 2.7vw 0;
    background-size: cover;
}
.index_inf dl{
    color: #182040;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}
.index_inf dt{
    font-size: 0.93vw;
    letter-spacing: 0.1vw;
    font-weight: 300;
}
.index_inf dd{
    font-size: 1.875vw;
    font-weight: 700;
}
.index_inf h2{
    font-family: 'jf-jinxuan';
    font-size: 1.29vw;
    color: #2D2D2D;
    letter-spacing: 0.1vw;
    margin: 0 0 0.5vw 0;
    text-align: justify;
}
.index_inf{
    width: 20%;
    display: flex;
    flex-direction: column;
    margin: -8vw 0 0 15vw;
    position: relative;
    z-index: 1;
}
.language_switch:after {
    content: '';
    background-image: url(../img/nav/language.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 7%;
    top: 11%;
    width: 18px;
    height: 18px;
    background-size: contain;
}
.language_switch .uk-button-default {
    border-radius: 30px;
    border: 1px solid #3D3D3D;
    font-size: 14px;
    padding: 0 5px 0 40px;
    height: 28px;
    line-height: 22px;
}
.language_switch {
    position: absolute;
    z-index: 2;
    top: 1.5%;
    right: 2%;
}
.type_name {
    width: 14.6%;
    margin: 1.3vw 13% 0 15vw;
    vertical-align: top;
}
.ds3_pic{
    position: absolute;
    bottom: 0;
    width: 45%;
    right: 0;
}
.slideshow_con .uk-dotnav {
    margin-left: 0;
}
#ds2 .uk-slideshow-nav.uk-dotnav li {
    width: 11%;
}
#ds3 .uk-slideshow-nav.uk-dotnav li {
    width: 33%;
}
#ds5 .uk-slideshow-nav.uk-dotnav li {
    width: 20%;
}
#ds8 .uk-slideshow-nav.uk-dotnav li {
    width: 25%;
}
#ds2 .btn_item,#ds3 .btn_item,#ds5 .btn_item,#ds8 .btn_item{
    position: relative;
    left: 110px;
    bottom: 18px;
}
#ds2 .pic_tit,#ds3 .pic_tit,#ds5 .pic_tit,#ds8 .pic_tit{
    left: 200px;
    bottom: 20px;
}
.mov{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 16%;
}
.bg_bottom{
    width: 209px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.e_tit{
    width: 86.5px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.go_btn{
    position: absolute;
    left: 11.5%;
    bottom: 0;
    width: 174px;
}
#index_con{
}
.btn_list {
    position: absolute;
    bottom: 0;
    width: 100px;
    z-index: 2;
}
.uk-dotnav li.uk-active a:after , .uk-dotnav li:hover a:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #FF8735;
    height: 20px;
    animation-name:oxxo;
    animation-duration:2s;
    animation-iteration-count:1;
    animation-fill-mode: forwards;
}
#ds3 .uk-dotnav li.uk-active a:after,#ds3 .uk-dotnav li:hover a:after,#ds5 .uk-dotnav li.uk-active a:after,#ds5 .uk-dotnav li:hover a:after,#ds8 .uk-dotnav li.uk-active a:after,#ds8 .uk-dotnav li:hover a:after{
    background: #D73828;
}
@keyframes oxxo{
    from{
        width: 10%;
    }
    to{
        width:100px;
    }
}
.btn_item svg{
    width: 10px;
    height: auto;
}
.uk-slideshow-nav.uk-dotnav li {
    position: relative;
    background: transparent;
    padding-left: 0;
    margin-bottom: 3px;
}
.uk-slideshow-nav.uk-dotnav li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    background: #FFFFFF;
    width: 100%;
    height: 1px;
}
#ds3 .uk-slideshow-nav.uk-dotnav li:before,#ds5 .uk-slideshow-nav.uk-dotnav li:before,#ds8 .uk-slideshow-nav.uk-dotnav li:before{
    background: #636363;
}
.uk-slideshow-nav a{
    position: relative;
}
.btn_item {
    position: absolute;
}
.btn_item .uk-slidenav:hover {
    color: #FFFFFF;
}
.uk-icon.uk-slidenav-next, .uk-icon.uk-slidenav-previous {
    position: relative;
    border-radius: 50%;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}
#ds3 .uk-icon.uk-slidenav-next,#ds3 .uk-icon.uk-slidenav-previous,#ds5 .uk-icon.uk-slidenav-next,#ds5 .uk-icon.uk-slidenav-previous,#ds8 .uk-icon.uk-slidenav-next,#ds8 .uk-icon.uk-slidenav-previous{
    border: 1px solid #636363;
    color: #636363;
}
.btn_item .uk-icon.uk-slidenav-previous,.btn_item .uk-icon .uk-icon.uk-slidenav-next{
    color: #FFFFFF;
}
#ds3 .btn_item .uk-icon.uk-slidenav-previous,#ds3 .btn_item .uk-icon .uk-icon.uk-slidenav-next,#ds5 .btn_item .uk-icon.uk-slidenav-previous,#ds5 .btn_item .uk-icon .uk-icon.uk-slidenav-next,#ds8 .btn_item .uk-icon.uk-slidenav-previous,#ds8 .btn_item .uk-icon .uk-icon.uk-slidenav-next{
    color: #636363;
}
.slideshow_con .uk-dotnav>*>*, .uk-position-relative .uk-dotnav>*>* {
    width: 100%;
    border-radius: 0;
    height: 6px;
    background-color: transparent !important;
    border-color: transparent !important;
    border: 0;
}
#ds3 .pic_tit,#ds5 .pic_tit,#ds8 .pic_tit{
    color: #636363;
}
.pic_tit {
    position: absolute;
    left: 0;
    bottom: 0;
    color: #FFFFFF;
    z-index: 1;
    font-family: "Microsoft JhengHei";
    letter-spacing: 0.5px;
    width: 30%;
    font-size: 14px;
}
.hand {
    position: absolute;
    top: calc(60% - 60px);
    left: calc(50% - 60px);
    width: 120px;
    display: inline-block;
}
.hand img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.hand_img {
    -ms-animation: mm1 2s infinite ease-in-out;
    -o-animation: mm1 2s infinite ease-in-out;
    -moz-animation: mm1 2s infinite ease-in-out;
    -webkit-animation: mm1 2s infinite ease-in-out;
    animation: mm1 2s infinite ease-in-out;
}
.hand_img {
    -ms-animation: mm1 2s infinite ease-in-out;
    -o-animation: mm1 2s infinite ease-in-out;
    -moz-animation: mm1 2s infinite ease-in-out;
    -webkit-animation: mm1 2s infinite ease-in-out;
    animation: mm1 2s infinite ease-in-out;
}
@keyframes mm1 {
    0% {
        -moz-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50% {
        -moz-transform: translateX(5px);
        -webkit-transform: translateX(5px);
        -o-transform: translateX(5px);
        -ms-transform: translateX(5px);
        transform: translateX(5px);
    }
    100% {
        -moz-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        transform: translateX(-5px);
    }
}
.map_con .uk-width-1-3 {
    width: 63.1%;
}
.map_con .uk-width-1-2 {
    width: 75.52%;
}
#ds8{
    padding-bottom: 50px;
}
#ds5{
}
#ds1{display: flex;flex-direction: row-reverse;justify-content: flex-end;align-items: flex-end;}
#ds5{
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0 0 5vw 0;
}
#ds3{
    padding-bottom: 4vw;
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
}
#ds2{
    background: #016193;
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
}
nav {
    position: fixed;
    z-index: 9;
    top: 0;
    width: 690px;
    display: flex;
    align-items: center;
    background: #CC0623;
    justify-content: center;
    border-bottom: 2px solid #FFFFFF;
}
nav ul li {
    text-align: revert-layer;
    display: inline-block;
    width: 19%;
    position: relative;
    float: left;
    padding: 0 3%;
}
nav svg.uk-svg {
    color: #FFFFFF;
}
nav ul.menu {
    width: 50%;
    float: right;
    margin: 0 3% 0 0;
    padding: 0;
    display: flex;
}
a.logo {
    width: 25%;
    display: inline-block;
}
.logo h1{
    margin:0;
    display: flex;
}
.lig1{
    -ms-animation: li1 2s infinite linear;
    -o-animation: li1 2s infinite linear;
    -moz-animation: li1 2s infinite linear;
    -webkit-animation: li1 2s infinite linear;
    animation: li1 2s infinite linear;
}
.lig2{
    -ms-animation: li2 2s infinite linear;
    -o-animation: li2 2s infinite linear;
    -moz-animation: li2 2s infinite linear;
    -webkit-animation: li2 2s infinite linear;
    animation: li2 2s infinite linear;
}
@keyframes li1 {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
@keyframes li2 {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.flower{
    -ms-animation: l2 5s infinite linear;
    -o-animation: l2 5s infinite linear;
    -moz-animation: l2 5s infinite linear;
    -webkit-animation: l2 5s infinite linear;
    animation: l2 5s infinite linear;
    transform-origin: 44% 93%;
    bottom: 0;
    left: 0;
    position: absolute;
}
.flower2{
    -ms-animation: l1 5s infinite linear;
    -o-animation: l1 5s infinite linear;
    -moz-animation: l1 5s infinite linear;
    -webkit-animation: l1 5s infinite linear;
    animation: l1 5s infinite linear;
    transform-origin: 50% 100%;
    bottom: -10%;
    left: 0;
    position: absolute;
}
.flower3{
    -ms-animation: l1 5s infinite linear;
    -o-animation: l1 5s infinite linear;
    -moz-animation: l1 5s infinite linear;
    -webkit-animation: l1 5s infinite linear;
    animation: l1 5s infinite linear;
    transform-origin: 52% 88.5%;
    bottom: 0;
    left: 0;
    position: absolute;
}
.flower4{
    -ms-animation: l2 8s infinite linear;
    -o-animation: l2 8s infinite linear;
    -moz-animation: l2 8s infinite linear;
    -webkit-animation: l2 8s infinite linear;
    animation: l2 8s infinite linear;
    transform-origin: 43% 68%;
    bottom: 0;
    left: 0;
    position: absolute;
}
.flower5{
    -ms-animation: l1 8s infinite linear;
    -o-animation: l1 8s infinite linear;
    -moz-animation: l1 8s infinite linear;
    -webkit-animation: l1 8s infinite linear;
    animation: l1 8s infinite linear;
    transform-origin: 63.5% 44.7%;
    bottom: 0;
    left: 0;
    position: absolute;
}
.flower6{
    -ms-animation: l3 8s infinite linear;
    -o-animation: l3 8s infinite linear;
    -moz-animation: l3 8s infinite linear;
    -webkit-animation: l3 8s infinite linear;
    animation: l3 8s infinite linear;
    bottom: 0;
    left: -9%;
    position: absolute;
}
.flower7{
    -ms-animation: l4 8s infinite linear;
    -o-animation: l4 8s infinite linear;
    -moz-animation: l4 8s infinite linear;
    -webkit-animation: l4 8s infinite linear;
    animation: l4 8s infinite linear;
    bottom: 0;
    right: -10%;
    position: absolute;
}
.flower8{
    -ms-animation: l1 5s infinite linear;
    -o-animation: l1 5s infinite linear;
    -moz-animation: l1 5s infinite linear;
    -webkit-animation: l1 5s infinite linear;
    animation: l1 5s infinite linear;
    transform-origin: 82.5% 100%;
    bottom: -2%;
    right: -10%;
    position: absolute;
}
@keyframes l4 {
    0% {
        transform: translateY(35px);
    }

    50% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(35px);
    }
}
@keyframes l3 {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(35px);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes l1 {
    0% {
        transform: rotate(0deg) ;
    }

    50% {
        transform: rotate(-5deg)  skewY(-5deg);
    }

    100% {
        transform: rotate(0deg) ;
    }
}
@keyframes l2 {
    0% {
        transform: rotate(0deg) ;
    }

    50% {
        transform: rotate(5deg)  skewY(5deg);
    }

    100% {
        transform: rotate(0deg) ;
    }
}
.tel_link{
    position: absolute;
    right: 9%;
    top: 1.5%;
    width: 49%;
    height: 195px;
    z-index: 1;
}
.svg{
    filter: blur(2px);
    opacity: 0.7;
}
#index_con svg line{
    color: #FFEABB;
}
#main{
    display: block;
    margin: 0 auto;
    background: #b0b2b3;
    padding: 0;
}
.back_index{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
#contact {
    background: url(../img/contact/bg.jpg?a0828);
    background-size: cover;
    background-position: center top;
}
.contact_con .uk-subnav li {
    width: 19%;
    padding: 0;
}
.contact_con .uk-subnav-pill>.uk-active>a {
    background-color: transparent;
}
.contact_con .uk-subnav-pill>.uk-active>a:after {
    content: '';
    background: #CC0623;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
}
.contact_con .uk-subnav li {
    width: 19%;
    padding: 0;
}
.contact_con .uk-subnav-pill>.uk-active>a {
    background-color: transparent;
}
#contact .contact_con {
    width: 92%;
    background: #ffffff;
    padding: 2% 0 3% 0;
}
.contact_con .uk-subnav {
    position: absolute;
    top: 73%;
    left: 0;
    display: flex;
    justify-content: flex-end;
    width: 30vw;
}
.contact_con .uk-subnav:after {
    content: '';
    background: #CC0623;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
}
#contact {
    background: #CC0623;
}
.contact_con .uk-subnav li {
    width: 19%;
    padding: 0;
}