@charset "UTF-8";

#about-top h1 {
    position: absolute;
    padding-top: 50px;
    font-family: var(--font-family-02);
    font-size: clamp(1.125rem, 0.912rem + 1.06vw, 2.188rem);
    font-weight: var(--font-weight-7);
    color: var(--base);
    text-shadow: 1px 2px 0px #00000029;
    z-index: 1;
}
#about-strengths {
    padding: clamp(0rem, -0.438rem + 2.19vw, 2.188rem) clamp(0.625rem, -0.5rem + 5.63vw, 6.25rem);
    margin: 0 auto;
    inline-size: fit-content;
}
#about-strengths .strength-container .strengths-title h2 {
    margin-top: clamp(2.188rem, 2rem + 0.94vw, 3.125rem);
    margin-bottom: clamp(0.938rem, -0.125rem + 5.31vw, 6.25rem);
    font-family: var(--font-family-02);
    font-weight: var(--font-weight-7);
    font-size: clamp(1.125rem, 0.95rem + 0.88vw, 2rem);
    color: var(--main-01);
    text-align: center;
    text-shadow: 1px 1px 0px #00000029;
}
#about-strengths .strength-container .strengths-title span {
    font-family: var(--font-family-01);
    font-weight: var(--font-weight-7);
    font-size: clamp(1.875rem, 1.65rem + 1.13vw, 3rem);
    color: var(--main-01);
}
#about-strengths .strength-content-01 {
    position: relative;
    margin-bottom: 50px;
}
#about-strengths .strength-content-01 span {
    font-family: var(--font-family-osw);
    font-size: clamp(1.375rem, 1.075rem + 1.5vw, 2.875rem);
    color: var(--main-01);
    text-shadow: 1px 4px 0px #00000029;
}
#about-strengths .strength-content-01 .strength-col-left {
    position: absolute;
    width: clamp(16.563rem, 12.375rem + 20.94vw, 37.5rem);
    margin-left: clamp(0.625rem, -0.875rem + 7.5vw, 8.125rem);
    margin-right: clamp(0.625rem, -0.875rem + 7.5vw, 8.125rem);
    z-index: 1;
}
#about-strengths .strength-content-01 .strength-col-right h3 {
    font-family: var(--font-family-02);
    font-size: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem);
    font-weight: var(--font-weight-7);
        margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-01 .strength-col-left h3 {
    font-family: var(--font-family-02);
    font-size: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem);
    font-weight: var(--font-weight-7);
    margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-01 .strength-col-right p {
    font-family: var(--font-family-02);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-5);
}
#about-strengths .strength-content-01 .strength-col-left p {
    font-family: var(--font-family-02);
    font-size: clamp(0.813rem, 0.75rem + 0.31vw, 1.125rem);
    font-weight: var(--font-weight-5);
}
#about-strengths .strength-content-02 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
#about-strengths .strength-content-02 span {
    font-family: var(--font-family-osw);
    font-size: clamp(1.375rem, 1.075rem + 1.5vw, 2.875rem);
    color: var(--main-01);
    text-shadow: 1px 4px 0px #00000029;
}
#about-strengths .strength-content-02 .strength-col-right {
    position: absolute;
    width: clamp(16.563rem, 12.375rem + 20.94vw, 37.5rem);
    margin-left: clamp(0.625rem, -11.375rem + 60vw, 60.625rem);
    margin-right: clamp(0.625rem, -0.875rem + 7.5vw, 8.125rem);
    z-index: 1;
}
#about-strengths .strength-content-02 .strength-col-right h3 {
    font-family: var(--font-family-02);
    font-size: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem);
    font-weight: var(--font-weight-7);
    margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-02 .strength-col-left h3 {
    font-family: var(--font-family-02);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-7);
    margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-02 .strength-col-right p {
    font-family: var(--font-family-02);
    font-size: clamp(0.813rem, 0.75rem + 0.31vw, 1.125rem);
    font-weight: var(--font-weight-5);
}
#about-strengths .strength-content-02 .strength-col-left p {
    font-family: var(--font-family-02);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-5);
}
#about-strengths .strength-content-03 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
#about-strengths .strength-content-03 span {
    font-family: var(--font-family-osw);
    font-size: clamp(1.375rem, 1.075rem + 1.5vw, 2.875rem);
    color: var(--main-01);
    text-shadow: 1px 4px 0px #00000029;
}
#about-strengths .strength-content-03 .strength-col-left {
    position: absolute;
    width: clamp(16.563rem, 12.375rem + 20.94vw, 37.5rem);
    margin-left: clamp(0.625rem, -0.875rem + 7.5vw, 8.125rem);
    margin-right: clamp(0.625rem, -0.875rem + 7.5vw, 8.125rem);
    z-index: 1;
}
#about-strengths .strength-content-03 .strength-col-right h3 {
    font-family: var(--font-family-02);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-7);
    margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-03 .strength-col-left h3 {
    font-family: var(--font-family-02);
    font-size: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem);
    font-weight: var(--font-weight-7);
    margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-03 .strength-col-right p {
    font-family: var(--font-family-02);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-5);
}
#about-strengths .strength-content-03 .strength-col-left p {
    font-family: var(--font-family-02);
    font-size: clamp(0.813rem, 0.75rem + 0.31vw, 1.125rem);
    font-weight: var(--font-weight-5);
}
#about-strengths .strength-content-04 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
#about-strengths .strength-content-04 span {
    font-family: var(--font-family-osw);
    font-size: clamp(1.375rem, 1.075rem + 1.5vw, 2.875rem);
    color: var(--main-01);
    text-shadow: 1px 4px 0px #00000029;
}
#about-strengths .strength-content-04 .strength-col-right {
    position: absolute;
    width: clamp(16.563rem, 12.375rem + 20.94vw, 37.5rem);
    margin-left: clamp(0.625rem, -11.375rem + 60vw, 60.625rem);
    margin-right: clamp(0.625rem, -0.875rem + 7.5vw, 8.125rem);
    z-index: 1;
}
#about-strengths .strength-content-04 .strength-col-right h3 {
    font-family: var(--font-family-02);
    font-size: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem);
    font-weight: var(--font-weight-7);
    margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-04 .strength-col-left h3 {
    font-family: var(--font-family-02);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-7);
    margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-04 .strength-col-right p {
    font-family: var(--font-family-02);
    font-size: clamp(0.813rem, 0.75rem + 0.31vw, 1.125rem);
    font-weight: var(--font-weight-5);
}
#about-strengths .strength-content-04 .strength-col-left p {
    font-family: var(--font-family-02);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-5);
}
#about-strengths .strength-content-05 {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
#about-strengths .strength-content-05 span {
    font-family: var(--font-family-osw);
    font-size: clamp(1.375rem, 1.075rem + 1.5vw, 2.875rem);
    color: var(--main-01);
    text-shadow: 1px 4px 0px #00000029;
}
#about-strengths .strength-content-05 .strength-col-left {
    position: absolute;
    width: clamp(16.563rem, 12.375rem + 20.94vw, 37.5rem);
    margin-left: clamp(0.625rem, -0.875rem + 7.5vw, 8.125rem);
    margin-right: clamp(0.625rem, -0.875rem + 7.5vw, 8.125rem);
    z-index: 1;
}
#about-strengths .strength-content-05 .strength-col-right h3 {
    font-family: var(--font-family-02);
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-7);
    margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-05 .strength-col-left h3 {
    font-family: var(--font-family-02);
    font-size: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem);
    font-weight: var(--font-weight-7);
    margin-bottom: clamp(0.313rem, -0.125rem + 2.19vw, 2.5rem);
}
#about-strengths .strength-content-05 .strength-col-right p {
    font-family: var(--font-family-02);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-5);
}
#about-strengths .strength-content-05 .strength-col-left p {
    font-family: var(--font-family-02);
    font-size: clamp(0.813rem, 0.75rem + 0.31vw, 1.125rem);
    font-weight: var(--font-weight-5);
}
.strength-img-right {
    width: clamp(16.563rem, 11.375rem + 25.94vw, 42.5rem);
    margin-left: clamp(0.625rem, -10.375rem + 55vw, 55.625rem);
}
.strength-img-left {
    width: clamp(16.563rem, 11.375rem + 25.94vw, 42.5rem);
    margin-left: clamp(0.625rem, -0.875rem + 7.5vw, 8.125rem);
}
#message .message {
    padding: 45px;
    width: 730px;
    height: clamp(53.125rem, 28.265rem + 26.97vw, 60.625rem);
    line-height: 30px;
}
#message .message-inner {
    line-height: clamp(1.5rem, 1.238rem + 1.31vw, 2.813rem);
}
#message .message-inner-01 {
    margin-top: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem);
    margin-left: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);
        font-family: var(--font-family-osw);
    font-size: clamp(2rem, 1.75rem + 1.25vw, 3.25rem);
    font-weight: var(--font-weight-6);
    color: var(--white);

}
#message .message-inner-02 {
    margin-left: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);
}
#message .message h2 {
    font-family: var(--font-family-osw);
    font-size: clamp(2rem, 1.75rem + 1.25vw, 3.25rem);
    font-weight: var(--font-weight-6);
    color: var(--white);
}
#message .message h2 span {
    font-family: var(--font-family-02);
    font-size: clamp(1rem, 0.8rem + 1vw, 2rem);
    font-weight: var(--font-weight-6);
    color: var(--white);
}

#message .message .message-sub {
    margin-top: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);
    margin-left: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);
    margin-bottom: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem);
    font-family: var(--font-family-02);
    font-size: clamp(0.875rem, 0.7rem + 0.88vw, 1.75rem);
    font-weight: var(--font-weight-6);
    color: var(--white);
}






#message .message h3 {
    /* margin-top: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);
    margin-left: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);
    margin-bottom: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem);
    font-family: var(--font-family-02);
    font-size: clamp(0.875rem, 0.7rem + 0.88vw, 1.75rem);
    font-weight: var(--font-weight-6);
    color: var(--white); */
}

#message .message p {
    width: 80%;
    margin-left: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);
    margin-bottom: clamp(0rem, -0.938rem + 4.69vw, 4.688rem);
    font-family: var(--font-family-02);
    font-size: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem);
    font-weight: var(--font-weight-5);
    color: var(--white);
}
#message .message-container {
    display: flex;
    justify-content: center;
}
#message .about-img img {
    opacity: 0.3;
}
#message .about-text {
    background-color: var(--main-01);
}
.message-right {
    line-height: clamp(2.5rem, 1.464rem + 1.12vw, 2.813rem);
}
.message-right-text {
    padding: 80px 45px 170px;
    width: 730px;
    height: clamp(53.125rem, 28.265rem + 26.97vw, 60.625rem);
    background-image: url(../images/message.jpg);
    background-size: cover;
}



.message-right-title {
    margin-bottom: 45px;
    text-align: center;
    font-size: var(--font-size-32);
    font-weight: var(--font-weight-6);
    color: var(--main-01);
}




.message-right-title .span-01 {
    font-family: var(--font-family-01);
    font-size: var(--font-size-40);
    font-weight: var(--font-weight-6);
    color: var(--main-01);
}
.message-right-title .span-02 {
    font-family: var(--font-family-01);
    font-size: var(--font-size-24);
    font-weight: var(--font-weight-6);
    color: var(--main-01);
}
.message-right-subtitle p {
    font-family: var(--font-family-02);
    font-size: var(--font-size-22);
    font-weight: var(--font-weight-6);
    color: var(--main-01);
} 
.message-right-subtitle .span-02 {
    font-family: var(--font-family-01);
    font-size: var(--font-size-26);
    font-weight: var(--font-weight-6);
    color: var(--main-01);
} 
.message-right-subtext {
    font-family: var(--font-family-02);
    font-size: var(--font-size-18);
    font-weight: var(--font-weight-6);
    color: var(--main-01);
} 
#company {
    padding: clamp(2.188rem, 1.375rem + 4.06vw, 6.25rem) clamp(0.938rem, -1.688rem + 13.13vw, 14.063rem) clamp(3.125rem, 2.063rem + 5.31vw, 8.438rem);
}
#company h2 {
    padding: 1vw 0 3vw;
    margin: 0 auto clamp(0.625rem, 0.125rem + 2.5vw, 3.125rem);
    text-align: center;
    font-family: var(--font-family-02);
    font-size: clamp(1.125rem, 0.95rem + 0.88vw, 2rem);
    color: var(--main-01);
}
#company .content hr {
    color: var(--reg-text);
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
#company .content p {
    font-family: var(--font-family-02);
    font-size: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem);
    font-weight: var(--font-weight-5);
    line-height: clamp(1.875rem, 1.688rem + 0.94vw, 2.813rem);
    color: var(--reg-text);
}
#company .detail {
    display: flex;
}
#company .sub-01 {
    padding-left: clamp(0.313rem, 1.56vw, 1.875rem);
    width: clamp(4.375rem, 1.563rem + 14.06vw, 18.438rem);
    font-size: var(--font-size-18);
    color: var(--main-01);
}
#company .sub-02 {
    margin-left: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
    color: var(--reg-text);
}
#company .sub-02 span {
    font-family: var(--font-family-poppins);
}
#company .sub-03 {
    margin-left: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
    color: var(--reg-text);
}
#company .sub-04 {
    padding-left: 30px;
    color: var(--reg-text);
}
#company .sub-01-text-01 {
    font-family: var(--font-family-02);
    font-size: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem);
    font-weight: var(--font-weight-5);
    line-height: clamp(1.375rem, 1.087rem + 1.44vw, 2.813rem);
    margin-left: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
    color: var(--reg-text);
}
#company .sub-01-text-02 {
    font-family: var(--font-family-02);
    font-size: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem);
    font-weight: var(--font-weight-5);
    line-height: clamp(1.563rem, 1.313rem + 1.25vw, 2.813rem);
    margin-left: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);
    color: var(--reg-text);
}
#company .sub-02-text-01 {
    font-family: var(--font-family-02);
    font-size: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem);
    font-weight: var(--font-weight-5);
    line-height: clamp(1.125rem, 0.787rem + 1.69vw, 2.813rem);
    color: var(--reg-text);
}
#company .sub-02-text-02 {
    font-family: var(--font-family-02);
    font-size: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem);
    font-weight: var(--font-weight-5);
    line-height: clamp(1.75rem, 1.537rem + 1.06vw, 2.813rem);
    color: var(--reg-text);
}
#company .sub-02 .sub-02-text span {
    font-family: var(--font-family-poppins);
}
.scroll-top {
    position: fixed;
    right: 35px;
    bottom: 10px;
    z-index: 2;
    opacity: 0;
    visibility: hidden; 
    transition: opacity .5s, visibility .5s;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    animation: arrow-move 1s ease-in-out infinite;
}
@keyframes arrow-move{
    0% {
        bottom:20px;
    }
    50% {
        bottom:25px;
    }
    100% {
        bottom:20px;
    }
}
.scroll-top.scroll-check {
    opacity: 1;
    visibility: visible;
}
.top-link-text01 a {
    text-decoration: none;
    color: var(--main-01);
    text-transform: uppercase;
    font-size: clamp(0.625rem, 0.563rem + 0.31vw, 0.938rem);
    font-weight: var(--font-weight-5);
    display: block;
}.top-link-text02 a {
    text-decoration: none;
    color: var(--yellow-01);
    text-transform: uppercase;
    font-size: clamp(0.625rem, 0.563rem + 0.31vw, 0.938rem);
    font-weight: var(--font-weight-5);
    display: block;
}
.scroll-link a::before {
    content: "";
    position: absolute;
    top: clamp(1.375rem, 1.275rem + 0.5vw, 1.875rem);
    right: -6px;
    width:  clamp(0.063rem, 0.038rem + 0.13vw, 0.188rem);
    height: 19px;
    background: var(--main-01);
    transform: skewX(-31deg);
}
.scroll-link a::after{
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    width:  clamp(0.063rem, 0.038rem + 0.13vw, 0.188rem);
    height: clamp(2.563rem, 2.45rem + 0.56vw, 3.125rem);
    background: var(--main-01);
}
_:-ms-lang(x), .scroll-link a::before{
    right: -11px;
}
.scroll-page-top a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -6px;
    width: clamp(0.063rem, 0.038rem + 0.13vw, 0.188rem);
    height: 20px;
    background: var(--yellow-01);
    transform: skewX(31deg);
}
.scroll-page-top a::after{
    content:"";
    position: absolute;
    top: 0;
    right: 0;
    width: clamp(0.063rem, 0.038rem + 0.13vw, 0.188rem);
    height: clamp(2.938rem, 2.65rem + 1.44vw, 4.375rem);
    background: var(--yellow-01);
}
_:-ms-lang(x), .scroll-page-top a::before{
    right: 0;
}