@import "product.css";
@import "brand.css";
.news-title {
    display: block;
    width: 100%;
    height: 165px;
    text-align: center;
    font-size: 42px;
    font-weight: 700;
    line-height: 165px;
}
.section-separated.toptext{
    background-color: #FFFFFF;
}
.section-separated.toptext .title{
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #887854;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.60714;
    text-align: center;
}
.section-separated.toptext .h1{
    font-size: 56px;
    padding-bottom: 30px;
    text-align: center;
}
.section-separated.toptext .lead{
    font-size: 26px;
    margin-bottom: 15px;
    line-height: 1.61538;
}
.section-separated.form{
    background-color: #FFFFFF;
    padding-top: 0;
}
.container-lg-limited, .container-md-limited {
    max-width: 1100px;
}
.form-md-horizontal {
    grid-template-columns: auto[start]minmax(calc(66.6667% - 10px),1fr)[end];
    align-items: start;
    column-gap: 30px;
    display: grid;
}
.form-md-horizontal>.form-label:not(.form-label-unpadded), .form-md-horizontal>.form-set>.form-set-label.form-label:not(.form-label-unpadded) {
    margin-bottom: 0;
    padding-top: calc(.312498rem + 1px);
    padding-bottom: calc(.312498rem + 1px);
    line-height: 1.55556;
    font-size: 18px;
}
.form-md-horizontal>.form-label, .form-md-horizontal>.form-set>.form-set-label {
    grid-column: 1;
}
.form-md-horizontal>.form-set>:not(.form-set-label), .form-md-horizontal>:not(.form-label) {
    grid-column: start/end;
}
.form-gap>:not(.form-label):not(:last-child) {
    margin-bottom: 15px;
}
.form-select, select, .select, select.swatch-select, .select.swatch-select {
    width: 100%;
    -moz-padding-start: calc(1rem - 3px);
    color: #57575a;
    border: 1px solid var(--border-color);
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath style='vector-effect: non-scaling-stroke;' fill='none' stroke='%2357575a' stroke-width='1px' d='M2 6l6 6l6 -6'/%3e%3c/svg%3e");
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 1.125rem 1.125rem;
    border-radius: 0;
    padding: 5px 50px 5px 16px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.55556;
    border: 1px solid #cccccc;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
}
.form-control, select, .select, select.swatch-select, .select.swatch-select, .input-text {
    width: 100%;
    color: #57575a;
    border: 1px solid #cccccc;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0;
    padding: 5px 16px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.55556;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: block;
}
.form-check,.agb-popup{
    font-size: 18px;
}
.send-button{
    display: flex;
    justify-content: flex-end;
    font-size: 18px;
    margin-top: 30px;
}
.btn, .action, .account-nav .items .item a, .account-nav .items .item>strong {
    color: #57575a;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: #0000;
    border: 1px solid #0000;
    border-radius: 0;
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.55556;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    display: inline-block;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #e60012;
    border-color: #e60012;
}
.btn-primary{
    color: #fff !important;
    background-color: #e60012;
    border-color: #e60012;
}
.btn-primary:hover{
    opacity: 0.8;
}
.section-padded{
    padding: 90px 0;
    background-color: #F2F2F2;
}
.section-padded .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 68.75%;
    margin: 0 auto;
}
.section-padded .container .h2{
    font-size: 48px;
    margin-bottom: 30px;
    text-align: center;
}
.section-padded .container .lead{
    font-size: 26px;
    margin-bottom: 15px;
    text-align: center;
}
.section-padded .container p{
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.8;
}
.section-padded .container .link-list{
    font-size: 18px;
    margin-top: 30px;
}
.section-padded .container .link-list a{
    padding: 12px 20px;
    border: 1px solid #101010;
}
.section-padded .container .link-list a:hover{
    border: 1px solid #e60012;
}
.section-separated{
    padding: 90px 0;
    background-color: #FFFFFF;
}
.section-separated .container{
    display: block;
    width: 68.75%;
    margin: 0 auto;
}
.section-separated .h1{
    font-size: 56px;
    padding-bottom: 30px;
    text-align: center;
}
.section-separated .lead{
    font-size: 26px;
    padding-bottom: 15px;
    line-height: 1.61538;
}
.section-separated .link-list:last-child:not(:only-child) {
    margin-top: 30px;
}
.ratio{
    padding-top: 60px;
    width: 100%;
}
.row-gap-2 {
    row-gap: 16px !important;
}
.align-items-center {
    align-items: center !important;
}
.row {
    flex-wrap: wrap;
    display: flex;
}
.col-md {
    flex: 1 0;
}
.order-md-first {
    order: -1 !important;
}
.col-md-6 {
    width: 50%;
    flex: none;
}
.section-separated .h3{
    font-size: 38px;
    margin-bottom: 30px;
}
.section-separated .col-text p{
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 1.67;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.list-styled {
    padding-left: 0;
    list-style-type: none;
}
.list-styled>li {
    padding-left: 1em;
    font-size: 18px;
    line-height: 28px;
}
.list-styled>li:before {
    float: left;
    content: "-";
    margin-left: -1em;
}
.contact-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.contact-box .left{
    width: 49%;
}
.contact-box .right{
    width: 49%;
}
.contact-box .right .title{
    font-size: 14px;
}
.contact-box .right .h2{
    font-size: 48px;
    margin-bottom: 30px;
}
.contact-box .right p{
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 15px;
}
.table>:not(caption)>*>* {
    border-bottom-width: 0;
    padding: 15px;
}
tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
.table td{
    border-bottom: 1px solid #cccccc !important;
}
.section-separated p{
    font-size: 18px;
    line-height: 1.67;
    margin-bottom: 15px;
}
.btn-outline-contrast {
    color: #57575a;
    border-color: #57575a;
}
.btn-outline-contrast:hover{
    border-color: #e60012;
}
.brand-sujet2{
    display: block;
    width: 100%;
    height: 832px;
    position: relative;
}
.brand-sujet2 img{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: auto;
    z-index: 0;
}
.brand-sujet2 .sujet-caption{
    position: relative;
    display: block;
    width: 68.75%;
    margin: 0 auto;
    padding: 200px 650px 0 0;
    z-index: 10;
}
.brand-sujet2 .sujet-caption .h2{
    font-size: 48px;
    margin-bottom: 30px;
}
.brand-sujet2 .sujet-caption p{
    font-size: 18px;
    margin-bottom: 15px;
}
.section-separated{
    margin: 90px 0;
    padding: 0;
    background-color: #FFFFFF;
}
.section-separated .h2{
    font-size: 48px;
    margin-bottom: 30px;
}
.text-center {
    text-align: center !important;
}
.rollout {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.rollout a:hover{
    color: #666;
}
.rollout+.rollout {
    margin-top: -1px;
}
.collapse:not(.show) {
    display: none;
}
.rollout.show .collapse{
  display: block;
}
.rollout.show .rollout-trigger.collapsed:before {
    transform: translate(-50%,-50%) rotate(0deg);
}
a.rollout-trigger {
    text-decoration: none;
    display: block;
}
.rollout-trigger {
    padding: 13.5px 18px 13.5px 7.5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.40625;
    position: relative;
}
[role=button] {
    cursor: pointer;
}
.rollout-trigger:after, .rollout-trigger:before {
    content: "";
    width: 1rem;
    height: 0;
    transform: translate(-50%,-50%) rotate(0);
    border-bottom: 1px solid;
    transition: transform .2s ease-out;
    position: absolute;
    top: calc(.781244rem + .77778em - .5px);
    right: 0;
}
.rollout-trigger.collapsed:before {
    transform: translate(-50%,-50%) rotate(-90deg);
}
.rollout-content {
    padding-left: 7.5px;
    padding-right: 78.5px;
    color: #808080;
    margin-top: 0;
}
.rollout-content p{
  margin-top: 0;
  font-size: 16px;
}
/*PC自适应*/
@media only screen and (min-width:1024px) and (max-width:1900px){
.news-title {
    height:8.68421052631579vw;
    font-size:2.210526315789474vw;
    line-height:8.68421052631579vw;
}
.section-separated .container {
    display: block;
    width: 88%;
    margin: 0 auto;
}
.section-separated.toptext .h1 {
    font-size:2.9473684210526314vw;
    padding-bottom:1.5789473684210527vw;
}
.section-separated.toptext .lead {
    font-size:1.368421052631579vw;
    margin-bottom:0.7894736842105263vw;
}
.section-padded .container .h2 {
    font-size:2.526315789473684vw;
    margin-bottom:1.5789473684210527vw;
}
.section-padded .container p {
    font-size: 16px;
}
.contact-box .right .h2 {
    font-size:2.526315789473684vw;
    margin-bottom:1.5789473684210527vw;
}
.section-separated .h1 {
    font-size:2.9473684210526314vw;
    padding-bottom:1.5789473684210527vw;
}
.section-separated .h2 {
    font-size:2.526315789473684vw;
    margin-bottom:1.5789473684210527vw;
}
.section-separated .h3 {
    font-size:2vw;
    margin-bottom:1.5789473684210527vw;
}
.section-separated p {
    font-size: 16px;
}
.list-styled>li {
    font-size: 16px;
    line-height: 26px;
}
.section-separated .lead {
    font-size:1.368421052631579vw;
    padding-bottom:0.7894736842105263vw;
}
.section-separated {
    margin:4.7368421052631575vw 0;
}
.section-padded .container {
    width: 88%;
}
.section-separated .col-text p {
    font-size: 16px;
    margin-bottom: 13px;
}
.col-md {
    padding: 0 15px;
}
.brand-sujet2 {
    height:43.78947368421053vw;
}

.brand-sujet2 .sujet-caption {
    width: 88%;
    padding:7.526315789473685vw 34.21052631578947vw 0 0;
}
}

/*Mobile v1*/
@media only screen and (max-width:767px){
.section-separated {
    margin: 30px 0;
}
.section-separated .container {
    width: 88%;
}
.section-separated.toptext .h1 {
    font-size: 22px;
    padding-bottom: 15px;
}
.section-separated.toptext .lead {
    font-size: 15px;
    margin-top: 0;
}
.section-padded {
    padding: 35px 0;
}
.section-padded .container {
    width: 88%;
}
.section-padded .container .h2 {
    font-size: 22px;
    margin-bottom: 15px;
    text-align: center;
}
.section-padded .container .lead {
    font-size: 22px;
    margin-top: 0;
}
.section-padded .container p {
    font-size: 14px;
    margin-top: 0;
    line-height: 1.8;
}
.contact-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
.contact-box .left {
    width: 100%;
    margin-bottom: 15px;
}
.contact-box .right {
    width: 100%;
}
.contact-box .right .h2 {
    font-size: 22px;
    margin-bottom: 20px;
}
.contact-box .right p {
    font-size: 15px;
}
.section-separated .h1 {
    font-size: 26px;
    padding-bottom: 10px;
}
.section-separated .h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
.section-separated .h3 {
    font-size: 20px;
    margin-bottom: 15px;
}
.section-separated p {
    font-size: 14px;
    line-height: 1.67;
    margin-bottom: 15px;
    overflow-wrap: break-word;
    word-break: break-all;
}
.rollout-trigger {
    font-size: 14px;
}
.section-separated .lead {
    font-size: 15px;
    padding-bottom: 15px;
}
.section-separated .link-list:last-child:not(:only-child) {
    margin-top: 20px;
}
.ratio {
    padding-top: 30px;
}
.table-responsive{
    overflow: scroll;
    display: block;
    width: 100%;
}
.brand-sujet2 {
    width: 100%;
    height: auto;
    padding-bottom: 30px;
}
.brand-sujet2 .sujet-caption {
    width: 88%;
    padding: 20px 0 0 0;
}
.row {
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.col-md-6 {
    width: 100%;
    flex: none;
}
.section-separated .col-text p {
    font-size: 14px;
}
.list-styled>li {
    font-size: 14px;
    line-height: 1.8;
}
.table>:not(caption)>*>* {
    padding: 10px;
    min-width: 100px;
}
.brand-sujet .sujet-caption {
    width: 88%;
    padding: 20px 0;
}
.brand-sujet .sujet-caption .mt-1{
    margin: 0;
}
.icon-lg {
    display: none;
}
.blockquote {
    font-size: 14px;
}
.brand-sujet img {
    height: 260px;
}
.brand-sujet2 .sujet-caption .h2 {
    font-size: 22px;
    margin-bottom: 20px;
}
.brand-sujet2 .sujet-caption p {
    font-size: 14px;
    margin-bottom: 15px;
}
.btn, .action, .account-nav .items .item a, .account-nav .items .item>strong {
    font-size: 14px;
}
.brand-sujet2 img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
}
}