/*english page font family*/

.content_font_eng {
     font-family: 'Roboto', sans-serif !important;
}

/*end*/
/*Japanese page font family*/

.content_font_jap {
     font-family: 'HigashiOme Gothic', sans-serif;
}

/*end*/
* {
     margin: 0;
     padding: 0;
}

html {
     scroll-behavior: smooth;
}

::-webkit-scrollbar {
     width: 12px;
     background-color: var(--color-1);
}

/* Customize the scrollbar thumb */
::-webkit-scrollbar-thumb {
     background-color: #888;
     border-radius: 6px;
}

section {
     height: inherit;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 2rem;
     background: var(--color-1);
}

/*language switcher*/
.lang-switcher {
     position: absolute;
     top: 10px;
     left: 48px;
     background-color: #F7F5FF;
     border: 1px solid #CCC;
     border-radius: 25px;
     padding: 5px 15px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
}

.lang-switcher .icon {
     margin-top: 8px;
     font-size: 16px;
     color: #9fa2ff;
}

/*end*/
.buttons {
     color: rgb(255, 255, 255);
     font-size: 20px;
     padding: .8rem 2rem;
     background-color: #4A4EFF;
     border: none;
     border-radius: 3rem;
     cursor: pointer;
     transition: background-color 0.3s ease, color 0.3s ease;
}

.buttons:hover {
     background-color: var(--color-3);
     color: #fff;
}

.sub-heading {
     font-size: 2rem;
     font-weight: 700;
     color: var(--color-7);
}

/* Color Palettes */
:root {
     --color-1: #F7F5FF;
     --color-2: #e4e5fc;
     --color-3: #C9BDFF;
     --color-4: #747578;
     --color-5: #9fa3ff;
     --color-6: #c9bdff;
     --color-7: #000;
     --color-8: #d4d8ff;
     --color-9: #d9e8f0;
     --color-10: #fff;
}

/*  Brochure section 1 Start */
.section-1-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 1.5rem;
}
.section-1-content-1 h1 {
     font-size: 90px;
     color: #000000;
     font-weight: 600;
     letter-spacing: -0.02em;
     line-height: 0.9943132em;
}

.section-1-content-1 p {
     font-size: 23px;
     letter-spacing: -0.02em;
     line-height: 35px;
     padding-left: 1rem;

}

.section-1-content-2 {
     display: flex;
     justify-content: end;
}

.section-1-content-2 img {
     width: 60%;
     height: auto;
}

.section-1-swipe-up {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 2rem;
}

/*  Brochure section 2 Start */
.section-2-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.section-2-content-1 h2 {
     font-size: 45px;
     color: #000000;
     font-weight: 500;
     margin-bottom: 2rem;
     letter-spacing: -0.02em;
     line-height: 0.9943132em;
}

.section-2-content-1 {
     width: 50%;
}

.section-2-content-1 img {
     width: 80%;
     height: auto;
     margin-top: 2rem;
}

.section-2-content-2 {
     padding: 1rem;
     width: 50%;

}

.section-2-content-2 div {
     padding: 2rem;
     border: 2px solid black;
     border-radius: 1rem;
     margin-bottom: 2rem;
}

.section-2-content-2 h2 {
     font-size: 17px;
     font-weight: 500;
     letter-spacing: -0.02em;
     line-height: 28px;

}
/*  Brochure section 3 Start */

#section-3 .sub-heading {
     text-align: center;
}

.section-3-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.section-3-content-1 {
     color: var(--color-7);
     padding: 0 3rem;
}

.section-3-content-1 h3 {
     font-size: 1.5rem;
     font-weight: 600;
     margin: 1rem 0;
     color: var(--color-7);
}

.section-3-content-1 ul {
     list-style-type: disc;
     font-size: 1.3rem;
}

.section-3-content-2 {
     width: 50%;
     padding: 2rem;
}

/*  Brochure section 4 Start */
.section-4-heading {
     text-align: left;
     font-size: 2rem;
     font-weight: 600;
     color: var(--color-7);
}

.section-4-content-1-1 {
     display: flex;
     align-items: center;
     justify-content: space-around;
     padding: 2rem;
}

.section-4-content-1-1 h3 {
     font-size: 1.5rem;
     font-weight: 600;
     color: var(--color-7);
     padding-bottom: .5rem;
}

.section-4-content-1-1 img {
     width: 50%;
     height: auto;
}

.section-4-content-1-2 {
     padding-left: 2rem;
     padding-bottom: 1rem;
}

.section-4-content-1-2 h3 {
     font-size: 1.5rem;
     font-weight: 600;
     color: var(--color-7);
     padding-bottom: .5rem;
}

.section-4-content-2 {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     align-items: flex-start;
}

.section-4-content-2 img {
     width: 45%;
     height: auto;
     margin-bottom: 2rem;
     border: 8px solid #e5e5e5;
     padding: 1rem;
     margin-right: 1rem;
}

/*  Brochure section 5 Start */

.section-5-heading {
     text-align: left;
     font-size: 2rem;
     font-weight: 600;
     color: var(--color-7);
}

.section-5-content {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     padding: 2rem;
}

.section-5-content>div {
     margin-top: 1rem;
     margin-bottom: 3rem;
     border: 2px solid black;
     border-radius: 1rem;
     padding: 1.5rem;
     display: flex;
     flex-direction: column;
}

.section-5-content-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.section-5-content-header h2 {

     font-size: 1.5rem;
     font-weight: 600;
}

.section-5-content-1 {
     width: calc(33% - 1rem);
}

.section-5-content-2 {
     width: calc(33% - 1rem);
}

.section-5-content-3 {
     width: calc(33% - 1rem);
}

.section-5-content-4 {
     width: calc(55% - 1rem);
}

.section-5-content-5 {
     width: calc(45% - 1rem);
}


.section-5-content-header img {
     width: 3.5rem;
     height: auto;
}

/*  Brochure section 6 Start */

.section-6-content {
     display: flex;
     justify-content: center;
     padding: 2rem 0;
     gap: 4rem;
}

/* Individual box style */
.section-6-content>div h2 {
     font-size: 1.2rem;
     font-weight: 600;
}

.section-6-content-1>div {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     background-color: var(--color-5);
     padding: 1rem 1rem 1rem 3.5rem;
     border-radius: 8rem 0 0 7rem;
     margin-bottom: 2.5rem;
     border: 3px solid black;
     font-size: .9rem;
}

.section-6-content-2>div {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     background-color: var(--color-6);
     padding: 1rem 1rem 1rem 4rem;
     border-radius: 8rem 0 0 7rem;
     margin-bottom: 2.5rem;
     font-size: .9rem;
     border: 3px solid black;

}

.section-6-content-3>div {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     background-color: var(--color-2);
     padding: 1rem 1rem 1rem 4rem;
     border-radius: 8rem 0 0 7rem;
     margin-bottom: 2.5rem;
     font-size: .9rem;
     min-width: 200px;
     border: 3px solid black;
}

/* section-6-content-icons */
.section-6-content>div img {
     width: 80px;
     height: 80px;
     background-color: var(--color-9);
     border-radius: 30%;
     padding: 1rem;
}

.section-6-content h1,
.section-6-content h2 {
     text-align: center;
     color: var(--color-7);
     margin: 0.5rem 0;
}

/*  Brochure section 7 Start */

#section-7>.sub-heading {
     font-weight: 600;
     font-size: 1.7rem;
}

.section-7-content {
     padding: 1rem;
}

.section-7-content-1 {
     padding: 1.3rem;
     border: 2px solid #000;
     border-radius: .7rem;
}

.section-7-content-1 p {
     font-size: 1rem;
}

.section-7-content-2 {
     padding-top: 2rem;
}

.section-7-content-2 h3 {
     font-size: 1.9rem;
     font-weight: 500;
}

.section-7-content-2 p {
     padding: 1rem;
     font-size: 1.33rem;
}

.section-7-content-3 {
     display: flex;
     align-items: center;
     justify-content: space-around;
     padding: 2rem 0;
}

/* First image */
.section-7-content-3 img:nth-child(1) {
     width: 40rem;
     height: auto;
}

/* Second image */
.section-7-content-3 img:nth-child(2) {
     width: 27rem;
     height: auto;
}

/*  Brochure section 8 Start */

#section-8>.sub-heading {
     font-weight: 600;
     font-size: 1.8rem;
}

.section-8-content {
     padding: 1rem;
}

.section-8-content-1 {
     padding: 1.3rem;
     border: 2px solid #000;
     border-radius: .7rem;
}

.section-8-content-1 p {
     font-size: 1rem;
     text-align: left;
}

.section-8-content-2 {
     padding-top: 2rem;
}

.section-8-content-2 h3 {
     font-size: 1.9rem;
     font-weight: 600;
}

.section-8-content-2 p {
     margin-top: 1rem;
     padding: 1.5rem;
     border: 2px solid #000;
     border-radius: .7rem;
     font-size: 1rem;
     text-align: left;
}

.section-8-content-3 {
     display: flex;
     align-items: center;
     justify-content: space-around;
     padding: 2rem 0;
}

/* First image */
.section-8-content-3 img:nth-child(1) {
     width: 35rem;
     height: auto;
}

/* Second image */
.section-8-content-3 img:nth-child(2) {
     width: 37rem;
     height: auto;
}

/*  Brochure section 9 Start */
#section-9 .sub-heading {
     font-size: 41px;
     font-weight: 530;
}

.section-9-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 1rem;
}

.section-9-content-1 {
     width: 45%;
}

.section-9-content-1 img {
     width: 100%;
     height: auto;
}

.section-9-content-2 {
     width: 43%;
     border: 2px solid #000;
     border-radius: .7rem;
     font-size: 1.4rem;
     font-weight: 500;
     line-height: 36px;
     text-align: justify;
     hyphens: auto;
     padding: 2rem;
     word-spacing: 0px;
}

/*  Brochure section 10 Start */
.section-10-content-1 {
     display: flex;
     align-items: center;
     justify-content: space-around;
     padding: 1rem;
}

.section-10-content-1-1-box {
     display: flex;
     align-items: flex-start;
     padding: 1.5rem;
}

.section-10-content-1-1-box h3 {
     font-size: 1.4rem;
     font-weight: 600;
     padding-left: 1rem;
}

.section-10-content-1-1-box ul {
     list-style: disc;
     margin-left: 3rem;
     margin-top: 1rem;
     font-size: 1.2rem;
}

.section-10-content-1-1-box img {
     width: 2rem;
     height: auto;
     margin: 0 1rem;
}

.section-10-content-1-2 {
     border: 1.3rem solid var(--color-9);
     border-radius: 1em;
}

.section-10-content-1-2 img {
     width: 33rem;
     height: auto;
}

.section-10-content-1-2-eng {
     border: 1.3rem solid var(--color-9);
     border-radius: 1em;
}

.section-10-content-1-2-eng img {
     width: 50rem;
     height: auto;
}

/* section 10 content 2 start here */
.section-10-content-2 {
     display: flex;
     align-items: center;
     justify-content: space-around;
     padding: 1rem;
}

.section-10-content-2-1-box {
     display: flex;
     align-items: flex-start;
     padding: 1.5rem;
}

.section-10-content-2-1-box img {
     width: 2rem;
     height: auto;
     margin: 0 1.6rem;
}

.section-10-content-2-1-box>div h3 {
     font-size: 1.5rem;
     font-weight: 600;
}

.section-10-content-2-2 img {
     width: 24rem;
     height: auto;
}

.section-10-content-2-1-box-list {
     display: flex;
     list-style: none;
     font-size: 1.33rem;
     gap: 1rem;
     padding-top: 1.3rem;
}

.section-10-content-2-1-box-list ul {
     list-style-type: disc;
     margin-left: 20px;
     font-size: 1.2rem;
}

/*  Brochure section 11 Start */

#section-11>.sub-heading {
     font-weight: 530;
     font-size: 41px;
}

.section-11-content {
     padding: 1rem;
}

.section-11-content-1 {
     padding: 1.3rem;
     border: 2px solid #000;
     background: var(--color-6);
     border-radius: .7rem;
}

.section-11-content-1 p {
     font-size: 1.2rem;
}

.section-11-content-2 {
     padding-top: 2rem;
}

.section-11-content-2 h3 {
     font-size: 1.9rem;
     font-weight: 500;
}

.section-11-content-2 p {
     margin-top: 1rem;
     padding: 1.5rem;
     border: 2px solid #000;
     background: var(--color-6);
     border-radius: .7rem;
     font-size: 1.2rem;
}

.section-11-content-3 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 2rem 0;
}

/* First image */
.section-11-content-3 img:nth-child(1) {
     width: 45rem;
     height: auto;
}

/* Second image */
.section-11-content-3 img:nth-child(2) {
     width: 20rem;
     height: auto;
}

.section-11-content-4 {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 2rem 1rem;
}

/* First image */
.section-11-content-4 img:nth-child(1) {
     width: 23rem;
     height: auto;
}

/* Second image */
.section-11-content-4 img:nth-child(2) {
     width: 900px;
     height: 204px;
}

/*  Brochure section 12 Start */

.section-12-content {
     display: flex;
     align-items: center;
     justify-content: space-around;
     padding: 2rem;
}

.section-12-content-1 {
     width: 30%;
     background: var(--color-8);
     font-size: 1.2rem;
     font-weight: 600;
     text-align: justify;
     hyphens: auto;
     padding: 2rem;
     border: .2rem solid var(--color-7);
     border-radius: 1rem;
}

.section-12-content-2 {
     width: 65%;
     height:auto;
}

.section-12-content-2-eng{
     width: 70%;
     height:auto;
}
.section-12-content-2-eng img{
     width:100%;
     height:100%;
}

/*  Brochure section 13 Start */

#section-13 .sub-heading {
     font-size: 2.5rem;
}

.section-13-content {
     padding: 1rem;
}

.section-13-content-1 {
     padding: 1.3rem;
     border: 2px solid #000;
     border-radius: .7rem;
}

.section-13-content-1 p {
     font-size: 1.2rem;
     font-weight: 500;
}

.section-13-content-2 {
     font-size: 1.4rem;
     text-align: right;
     padding-top: 1.6rem;
}

.section-13-content-2 span {
     font-size: 1.7rem;
     letter-spacing: -1.2px;
     font-weight: 500;
}

.section-13-content-3 {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.section-13-content-3-content-1 {
     width: 50%;
}

.section-13-content-3-content-1 img{
     width: 100%;
     height: auto;
}
.section-13-content-3-content-1-1 {
     display: flex;
     align-items: center;
     justify-content: center;
     border: 2px solid var(--color-7);
     border-radius: 1rem;
     padding: 1.3rem;
     font-size: 1.12rem;
     margin-bottom: 2.9rem;
}

.section-13-content-3-content-1-1 ul {
     list-style-type: disc;
     padding: 1rem;
}

.section-13-content-3-content-2 {
     width: 50%;
     padding-left: 2rem;
}

.section-13-content-3-content-2-1 img {
     width: 95%;
     height: auto;
}

.section-13-content-3-content-2-2 {
     display: flex;
     justify-content: space-around;
     align-items: flex-start;
     padding: 1rem;
}

.section-13-content-3-content-2-2-icons {
     display: flex;
     align-items: center;
     justify-content: flex-start;
     gap: 1.5rem;
}

.section-13-content-3-content-2-2-icons img {
     width: 21%;
     height: auto;
}

.section-13-content-3-content-2-2-img {
     width: 90%;
     height: auto;
}
.section-13-content-3-content-2-2-img img{
     width: 100%;
     height: auto;
}

/*  Brochure section 14 Start */

.section-14-content {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 1.5rem 2rem 0;
}

/* content-1 */
.section-14-content-1 {
     width: 100%;
}

.section-14-content-1-1 {
     padding: 1.2rem;
     border: 2px solid var(--color-7);
     border-radius: .5rem;
     background: var(--color-6);
     font-weight: 500;
     font-size: 1.2rem;
     text-align: justify;
     hyphens: auto;
}

.section-14-content-1-2 {
     padding: 1.2rem;
     border: 2px solid var(--color-7);
     border-radius: .5rem;
     font-weight: 500;
     background: var(--color-8);
     margin-top: 2rem;
}

.section-14-content-1-2 h2 {
     font-size: 1.5rem;
     font-weight: 600;
}

.section-14-content-1-2-1 img {
     width: 20%;
     height: auto;
}

.section-14-content-1-2 ul {
     font-size: 1.2rem;
     line-height: 24px;
}

.section-14-content-1-2-2 img {
     width: 14%;
     height: auto;
}

.section-14-content-1-1-2-row {
     display: flex;
     align-items: center;
     justify-content: space-around;
     padding-left: 1rem;
}

/* content-2 */
.section-14-content-2 {
     margin-left: 4rem;
     display: flex;
     justify-content: end;
}

.section-14-content-2 img {
     height: auto;
     width: 80%;
     max-width: 100%;
}

/*  Brochure section 15 Start */
.section-15-content {
     padding: 1rem 2rem;
}

.section-15-content h3 {
     font-size: 1.4rem;
}

/* content-1 */
.section-15-content-1-box {
     display: flex;
     align-items: center;
     font-size: 1.2rem;
     justify-content: space-between;
     background: var(--color-10);
     border: .1rem solid black;
     padding: 0.8rem 2rem;
     margin-top: 1rem;
}

.section-15-content-1-box-2 {
     width: 44%;
}

.section-15-content-1-box h3 {
     font-size: 1.4rem;
     font-weight: 600;
}

.section-15-content-1-box ul {
     margin-left: 3rem;
     list-style-type: disc;
}

.ul-li-flex ul li {
     display: inline-block;
}

.ul-li-flex ul span {
     font-size: 1.5rem;
     font-weight: 700;
     text-align: center;
}

/* content-2 */
.section-15-content-2 {
     padding: 1.4rem 0;
}

.section-15-content-2-box {
     font-size: 1.2rem;
     padding: .5rem 2rem;
     border: .1rem solid var(--color-7);
     background: var(--color-10);
     margin-top: 1rem;
}

.section-15-content-2-box ul li {
     display: inline;
}

.section-15-content-2-box ul span {
     font-size: 1.5rem;
     font-weight: 700;
     text-align: center;
}

/* Content-3 */
.section-15-content-3 {
     padding: 2rem;
     margin-top: 1rem;
     border: .1rem solid var(--color-7);
     border-radius: 1rem;
     font-size: 1.2rem;
     background: var(--color-8);
}

/*  Brochure Footer Start */
.brochure-footer {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 4rem;
     background: var(--color-1);
     width: inherit;
}

.brochure-footer-content-1 h2 {
     font-size: 78.533px;
     font-weight: 500;
     color: var(--color-7);
     text-decoration: none solid rgbt(0, 0, 0);
     text-align: left;
}

.brochure-footer-content-2 h3 {
     font-size: 20px;
     font-family: "Open Sauce";
     line-height: 1.5rem;
     margin: 2px 25px;
}

.brochure-footer-content-2 {
     width: 42%;
     display: block;
     justify-content: space-between;
     border-radius: 1rem;
     background: white;
     padding: 6rem 0;
}

.brochure-footer-content-2 h2 {
     font-size: 2rem;
     margin-top: -5rem;
     margin-left: 1.5rem;
     text-align: center;
     margin-bottom: 1.5rem;
}