@import url(../common.css);
body {
    padding: 0;
    margin: 0;
    min-width: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
}

.header {
    min-width: 100vw !important;
}

.container {
    width: 85.641vw !important;
    margin: 0 auto;
    min-width: 0 !important;
    max-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.container-lg {
    width: 92.307vw !important;
    margin: 0 auto;
    min-width: 0 !important;
    max-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.container-xl {
    width: 100vw !important;
    margin: 0 auto;
    min-width: 0 !important;
    max-width: unset !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#mise .head {
    border-bottom: 1px solid #e2e2e2;
    width: 100vw;
    background-color: #fff;
    padding-top: 15.128vw;
}
#mise .head p {
    font-size: 4.102vw;
    font-weight: 400;
    line-height: 7.179vw;
    color: #558ed5;

    text-align: center;
    margin: 0 auto;
    margin-bottom: 1.282vw;
}
#mise .head h1 {
    font-size: 7.692vw;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 10.256vw;
    color: #171717;
    margin: 0 auto;

    margin-bottom: 7.692vw;
    text-align: center;
}

#mise .head > div {
    width: 85.128vw;
    height: 31.025vw;
    margin: 0 auto;
    /* margin-bottom: -4px; */
}
#mise .head div ul {
    width: 100%;
    height: 33.3333%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 0;
}
#mise .head div ul li {
    width: 42.564vw;
    height: 100%;
    /* margin-left: -1px;
    margin-top: -1px; */
}
#mise .head div ul li:last-child {
    width: 100%;
}

#mise .head div ul li button {
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 3.589vw;
    font-weight: 400;
    line-height: 5.384vw;
    letter-spacing: -0.04em;
    color: #333 !important;
    box-shadow: 1px 0 0 0 #e2e2e2, 0 1px 0 0 #e2e2e2, 1px 1px 0 0 #e2e2e2, 1px 0 0 0 #e2e2e2 inset, 0 1px 0 0 #e2e2e2 inset;
}

#mise .head div ul li button a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 3.589vw;
    font-weight: 400;
    line-height: 5.384vw;
    letter-spacing: -0.04em;
    color: #333;
}

#mise .head div ul li:hover button {
    background-color: #558ed5;
    border: 1px solid #e2e2e2;
    color: #fff;
    font-weight: 600;
}
#mise .head div ul li:hover button a {
    color: #fff;
    font-weight: 600;
}

#mise .head div ul li.active button {
    background-color: #558ed5;
    border: 1px solid #e2e2e2;
    color: #fff;
    font-weight: 600;
}
#mise .head div ul li.active button a {
    color: #fff;
    font-weight: 600;
}

#mise section img {
    width: 100%;
}

#mise #section02 .container-xl .container-lg img:nth-of-type(1) {
    max-width: 87.548vw;
    margin: 0 auto;
    width: 100%;
    display: flex;
    margin-bottom: 16.307vw;
}
#mise #section02 .container-xl img:nth-of-type(2) {
    width: 100%;
}
#mise #section02 .container-xl {
    padding-top: 17.384vw;
}
#mise #section02 .container-xl h3 {
    font-size: 7.692vw;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 9.743vw;
    color: #444;
    margin-bottom: 7.179vw;
}
#mise #section02 .container-xl p {
    font-size: 6.153vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 10.256vw;
    color: #444;
    margin-bottom: 10.256vw;
}
#mise #section02 .container-xl h4 {
    font-size: 6.153vw;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 8.974vw;
    color: #444;
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin-bottom: 10.512vw;
}
#mise #section02 .container-xl h4 p {
    width: auto;
    max-width: 61.794vw;
    height: 8.717vw;
    background-color: #558ed5;
    color: #fff;
    font-weight: 600;
    font-size: 6.153vw;
    letter-spacing: -0.05em;
    line-height: 0;
    margin-bottom: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.282vw;
    text-align: center;
}
#mise #section02 .container-xl h4 span {
    font-weight: 600;
    color: #558ed5;
}
#mise #section04 .container-xl {
    padding-top: 16.41vw;
    background-color: #f0f5fa;
}
#mise #section04 .container-xl h6 {
    font-size: 4.615vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    /* line-height: 9.23vw; */
    margin-bottom: 0;
}
#mise #section04 .container-xl h2 {
    font-size: 7.692vw;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 9.23vw;
    color: #003d64;
    margin-bottom: 7.692vw;
}
#mise #section04 .container-xl h2 span {
    color: #558ed5;
}
#mise #section04 .container-xl p {
    font-size: 4.102vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 6.153vw;
    color: #777777;
    margin-bottom: 10vw;
}
/* 
#mise #section04 .container-xl {
  padding-bottom: 14.974vw;
} */

#mise #section05 {
    padding-bottom: 14.974vw;
}

#mise #section08 {
    background-image: url(../../img/mobile/miseSect08BG.png);
    background-size: cover;
    padding-bottom: 12.82vw;
}
#mise #section08 .container-xl {
    padding-top: 13.589vw;
}
#mise #section08 .container-xl h2 {
    margin-bottom: 6.23vw;
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 9.743vw;
    color: #333;
}
#mise #section08 .container-xl h2 span {
    font-weight: bold;
    color: #558ed5;
}
#mise #section08 .container-xl p {
    font-size: 4.102vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 6.153vw;
    color: #777777;
    margin-bottom: 13.358vw;
}
#mise #section09 .container-xl {
    padding-top: 18.717vw;
    padding-bottom: 25.384vw;
}
#mise #section09 .container-xl img {
    margin: 0 auto;
    width: 92.564vw;
    display: flex;
}
#mise #section09 .container-xl h2 {
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 9.743vw;
    color: #333;
    text-align: center;
    margin-bottom: 12.051vw;
}
#mise #section09 .container-xl h2 span {
    font-weight: bold;
    color: #558ed5;
}
#mise #section10 {
    background-image: url(../../img/mobile/miseSect10BG.png);
    background-size: cover;
    background-position: center;
}
#mise #section10 .container-xl {
    padding-top: 15.128vw;
    padding-bottom: 2.307vw;
}
#mise #section10 h6 {
    font-size: 4.615vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 10.512vw;
    color: #fff;
}
#mise #section10 h2 {
    font-size: 7.692vw;
    font-weight: 600;
    letter-spacing: -0.05em;
    line-height: 9.743vw;
    color: #9ac7ff;
    margin-bottom: 7.692vw;
}
#mise #section10 p {
    font-size: 4.102vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 6.153vw;
    color: #fff;
    margin-bottom: 4.358vw;
}
#mise #section11 .container-xl {
    padding-top: 13.333vw;
    padding-bottom: 14.435vw;
    background-color: #f5f5f5;
}
#mise #section11 .container-xl h2 {
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 9.743vw;
    color: #333;
    margin-bottom: 4.871vw;
    text-align: center;
}
#mise #section11 .container-xl h2 span {
    font-weight: 600;
    color: #558ed5;
}
#mise #section11 .container-xl p {
    font-size: 4.102vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 6.153vw;
    color: #777777;
    margin-bottom: 10.282vw;
    text-align: center;
}

#mise #section12 .container-xl {
    padding-top: 10.256vw;
}
#mise #section12 .container-xl h2 {
    font-size: 7.692vw;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 9.743vw;
    color: #333;
    margin-bottom: 2.692vw;
    text-align: center;
}
#mise #section12 .container-xl h2 span {
    font-weight: bold;
    color: #558ed5;
}
#mise #section12 .container-xl p {
    font-size: 4.102vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 6.153vw;
    color: #777;
    /* margin-bottom: 8.717vw; */
    text-align: center;
}

#mise #section12 ul {
    width: 78.841vw;
    gap: 4.897vw;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 10.256vw;
    padding: 0 3.656vw;
}
#mise #section12 ul li {
    width: 19.569vw;
    border: none;
}
#mise #section12 ul li button {
    border: none;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    font-size: 4.106vw;
    font-weight: 400;
    letter-spacing: -0.08em;
    line-height: auto;
    height: auto;
    transition: all 0.5;
    padding: 1.025vw;
    color: #171717;
}
#mise #section12 ul li button.active {
    border-bottom: 2px solid #558ed5;
    color: #558ed5;
}
#mise #section12 ul span {
    color: #707070;
    opacity: 0.3;
}

#mise #section12 .tab-content {
    padding-bottom: 15.564vw;
    margin-top: 40px;
}
#mise #section12 .tab-content .workBefore {
    margin-bottom: 4.948vw;
    position: relative;
}
#mise #section12 .tab-content .workBefore .label {
    background: rgba(51, 51, 51, 0.9);
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16.666vw;
    font-size: 6.153vw;
    letter-spacing: -0.05em;
    line-height: 8.205vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.4);
}
#mise #section12 .tab-content .workAfter {
    margin-bottom: 10.53vw;
    position: relative;
}
#mise #section12 .tab-content .workAfter .label {
    background: rgba(85, 142, 213, 1);
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16.666vw;
    font-size: 6.153vw;
    letter-spacing: -0.05em;
    line-height: 8.205vw;
    font-weight: 400;
    color: #fff;
    z-index: 2;
}
#mise #section12 .tab-content .workAfter .overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(51, 51, 51, 0.9);
}
#mise #section12 .tab-content .workAfter .overlay h4 {
    margin-top: 5.128vw;
    margin-bottom: 3.589vw;
    color: #fff;
    opacity: 0.5;
    font-size: 5.641vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 6.153vw;
}
#mise #section12 .tab-content .workAfter .overlay p {
    font-size: 3.846vw;
    font-weight: 300;
    letter-spacing: -0.05em;
    line-height: 5.897vw;
    color: #ffffff;
    opacity: 0.5;
    text-align: center;
}
#mise #section12 .tab-content .textBox {
    background-color: #a7a7a7;
    height: 36.666vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
#mise #section12 .tab-content .textBox h6 {
    text-align: center;
    font-size: 3.615vw;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 150%;
    color: #fff;
    margin-bottom: 0;
}

#mise #section12 .tab-content img {
    width: 100%;
}
#mise #section12 .tab-content .overlay img {
    width: 13.256vw;
}
#mise #section13 .container-xl {
    background-color: #002357;
    padding-top: 13.974vw;
    padding-bottom: 16.666vw;
}
#mise #section13 .container-xl h2 {
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 15.384vw;
    margin-bottom: 10.384vw;
    text-align: center;
    font-size: 7.692vw;
}

#mise #section13 .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10.769vw 2.564vw;
}

#mise #section13 .grid .w-100 {
    background-color: #fff;
    min-height: 130px;
    padding: 4.846vw 0 5.128vw 3.076vw;
    position: relative;
}

#mise #section13 .grid .w-100 h6 {
    font-size: 5.128vw;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 7.628vw;
    margin-bottom: 2.82vw;
    color: #000;
}

#mise #section13 .grid .w-100 p {
    font-size: 3.589vw;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 5.128vw;
    color: #717171;
}

#mise #section13 .grid .w-100 .position-absolute {
    top: 3.948vw;
    right: 3.589vw;
    width: 6.128vw;
    filter: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(200deg) brightness(97%) contrast(97%);
}
/* #mise #section13 .grid .w-100:nth-of-type(1) .position-absolute {
    filter: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(200deg) brightness(97%) contrast(97%);
} */

#mise #section13 .grid .w-100.active .position-absolute {
    filter: none;
}
#mise #section13 .grid .w-100.active {
    background-color: #558ed5;
}
#mise #section13 .grid .w-100.active h6 {
    color: #fff;
}
#mise #section13 .grid .w-100.active p {
    color: #fff;
}