@font-face {
    font-family: 'FSP DEMO - Roxborough CF';
    src: url('fontspringdemo-roxboroughcfthinitalic.woff2') format('woff2'),
        url('fontspringdemo-roxboroughcfthinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Satoshi';
    src: url('satoshi-regular.woff2') format('woff2'),
        url('satoshi-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Public Sans';
    src: url('publicsans-regular.woff2') format('woff2'),
        url('publicsans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Satoshi';
    src: url('satoshi-italic.woff2') format('woff2'),
        url('satoshi-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Satoshi';
    src: url('satoshi-medium.woff2') format('woff2'),
        url('satoshi-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Satoshi';
    src: url('satoshi-bold.woff2') format('woff2'),
        url('satoshi-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Roxborough CF';
    src: url('roxboroughcf-thinitalic.woff2') format('woff2'),
        url('roxboroughcf-thinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Roxborough CF';
    src: url('roxboroughcf-thin.woff2') format('woff2'),
        url('roxboroughcf-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Ogg';
    src: url('ogg-lightitalic.woff2') format('woff2'),
        url('ogg-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Ogg';
    src: url('ogg-italic.woff2') format('woff2'),
        url('ogg-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}

@font-face {
    font-family: 'Inter';
    src: url('inter-regular.woff2') format('woff2'),
        url('inter-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'FSP DEMO - Roxborough CF';
    src: url('fontspringdemo-roxboroughcfthinregular.woff2') format('woff2'),
        url('fontspringdemo-roxboroughcfthinregular.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('neuemontreal-regular.woff2') format('woff2'),
        url('neuemontreal-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Ogg';
    src: url('ogg-regular.woff2') format('woff2'),
        url('ogg-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Syne';
    src: url('syne-bold.woff2') format('woff2'),
        url('syne-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'ogg-regular-italic';
    src: url('ogg-regular-italic.woff2') format('woff2'),
        url('ogg-regular-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: block;
}



/*
font-family: "termina", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "termina", sans-serif;
font-weight: 700;
font-style: normal;
*/




body {
    font-family: 'Satoshi';
    font-weight: normal;
    /* font-size: 1.23vw; */
    /* line-height: 1.367; */
    letter-spacing: 0.006vw;
    color: #434427;
    position: relative;
    overflow: visible;
    font-size: 1.03vw;
    /* padding-top: 0.87vw; */
    /* padding-left: 0.12vw; */
    line-height: 1.53;
}
body p{
    margin-bottom: 0px;
    padding-bottom: 1.5vw;
}
body p:last-child{
    padding-bottom: 0vw;
}
main{
    z-index: 1;
    margin-bottom: 0vw;
    background-color: #EFEFEF;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    color: #474427;
    font-family: 'Neue Montreal';
    font-weight: normal;
    margin: 0vw;
}

h1 {
    font-size: 6.17vw;
    line-height: 1.2;
    letter-spacing: 0.06vw;
    color: #000;
}

h2 {
    font-size: 5.65vw;
    line-height: 0.987;
    letter-spacing: -0.156vw;
}

h3 {
    font-size: 4.3vw;
    line-height: 1.076;
    letter-spacing: -0.035vw;
}

h4 {
    font-size: 2.56vw;
    line-height: 0.996;
    letter-spacing: -0.0788vw;
}

h5 {
    font-size: 1.04vw;
    line-height: 1.21;
    letter-spacing: 0.054vw;
    font-family: 'Inter';
    font-weight: normal;
    /* padding-bottom: 10vw; */
}

h6 {
    font-size: 1.23vw;
    line-height: 1.25;
    letter-spacing: -0.023vw;
    color: #000000;
}

br {
    display: block;
}

.m {
    display: none;
}

.mobile_only {
    display: none !important;
}
p:last-child{
    margin:0px !important;
}

@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
  }
  50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


@media (max-width: 768px) {
    br {
        display: none;
    }
    .m {
        display: block;
    }
    .mobile_only {
        display: block !important;
    }
    .desktop_only{
        display: none !important;    
    }
    main {
        z-index: 1;
        margin-bottom: 0vw;
        background-color: #FFF;
    }
    body p{
    padding-bottom: 4.8vw;
}
}

a:hover {
    -webkit-filter: unset;
    filter: unset;
}

.section_inner {
    width: 100%;
    display: flex;
    margin: 0px auto;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
}

a.gbutton{
    font-family: 'Questrial';
    font-weight: normal;
    font-style: normal;
    font-size: 1.563vw;
    display: inline-block;
    padding-right: 2.2vw;
    position: relative;
    letter-spacing: 0.156vw;
    color: #000000;
}
a.gbutton span.text{position: relative;display: block;padding-bottom: 0.34vw;}
a.gbutton span.text:before{
    content:"";
    position: absolute;
    bottom: 0px;
    left: 0vw;
    height: 2px;
    width: 100%;
    background-color: #2EFF80;
    transition: all 2s ease;
}
a.gbutton:hover span.text{
    color: #2EFF80;
}
a.gbutton span.svg{
    position: absolute;
    top: 0.1vw;
    right: 0vw;
    width: 1.1vw;
    height: 1.6vw;
}
a.gbutton span.svg svg{
    width: 100%;
    height: 100%;
}

mark{
    background-color: transparent;
    background-image: linear-gradient(120deg, #000000 0%, #000000 100%);
    background-size: 100% 2px;
    background-position: 0 95%;
    background-repeat: no-repeat;
    color: inherit;
}
/*
   Media 768
-----------------------------*/
@media screen and (max-width: 1024px) {
    body{
        font-size: 1.12vw;
    }
}
@media screen and (max-width: 768px) {
    body {
        font-size: 3.8vw;
        line-height: 1.22;
        padding-left: 0vw;
        letter-spacing: -0.023vw;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {}
    h1 {
        font-size: 12vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.034;
        letter-spacing: 0.14vw;
    }
    h2 {
        font-size: 10.5vw;
        /* font-weight: normal; */
        /* font-stretch: normal; */
        /* font-style: normal; */
        /* line-height: 1.0; */
        letter-spacing: -0.31vw;
    }
    h3 {
        font-size: 7.1vw;
        /* font-weight: normal; */
        /* font-stretch: normal; */
        /* font-style: italic; */
        line-height: 1.17;
        letter-spacing: 0.3vw;
    }
    h4 {
        font-size: 3.9vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.94;
        letter-spacing: -0.315vw;
    }
    h5 {
        font-size: 3.9vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.15;
        letter-spacing: 0.34vw;
    }
    h6 {
        font-size: 3vw;
        line-height: 1.26;
        letter-spacing: 0vw;
    }
    a:hover {}
    .section_inner {}

    a.gbutton{
    padding-right: 6.2vw;
    font-size: 4vw;
    letter-spacing: 0.38vw;
}
    a.gbutton span.text{
    padding-bottom: 0.4vw;
}
    a.gbutton span.svg{
    top: 0.1vw;
    right: 0vw;
    width: 3.1vw;
    height: 3.6vw;
}
    a.gbutton span.svg svg{}
}


/* 
=======================================
  Site Header Section
=========================================*/

html {
    padding-top: 0 !important;
    background-color: #FFFFFF;
}

.link{
    display: block;
    z-index: 1;
    position: relative;
}
.link a{
    background-color: #386269;
    display: inline-block;
    font-family: 'Syne';
    font-weight: bold;
    color: #EFEFEF;
    font-size: 0.75vw;
    line-height: normal;
    border-radius: 44px;
    position: relative;
}
.link a .text{
    padding-right: 7.34vw;
    padding-top: 1.15vw;
    padding-bottom: 1.1vw;
    padding-left: 2.1vw;
    letter-spacing: 0.02vw;
    display: block;
}
.link a .icon{
    position: absolute;
    top: 0vw;
    right: 0vw;
    height: 100%;
    padding-top: 1.15vw;
    padding-right: 1.4vw;
    padding-bottom: 1vw;
    width: 3.35vw;
    text-align: right;
}
.link a .icon:before{
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    top: 0vw;
    right: 3.3vw;
    background-color: #b78d86;
    height: 100%;
    z-index: 2;
}
.link a .icon:after{
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    top: -1.3vw;
    right: 3.3vw;
    background-color: #000000;
    height: 190%;
    z-index: -1;
}
.link a .icon svg{
    width: 0.9vw;
    height: auto;
}
.link a .icon svg path{}

@media (max-width: 768px) {
.link{}
.link a{
    display: block;
    font-size: 3.45vw;
}
.link a .text{padding-right: 21.34vw;padding-top: 4.85vw;padding-bottom: 5.1vw;padding-left: 9.3vw;letter-spacing: 0.02vw;}
.link a .icon{width: 17vw;padding-top: 5.85vw;padding-right: 7.4vw;padding-bottom: 1vw;}
.link a .icon:before{right: 17.1vw;}
.link a .icon:after{right: 17.1vw;top: -7.1vw;height: 28vw;}
.link a .icon svg{width: 3.7vw;}
.link a .icon svg path{}
}




/**********Header ************/
.som00_header{
    position: absolute;
    top: 0vw;
    left: 0vw;
    width: 100%;
    display: block;
    z-index: 999;
}
.som00_headerin{
    width: 100%;
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* box-sizing: border-box; */
    position: relative;
    padding-top: 4.45vw;
    padding-left: 7.4vw;
    padding-right: 4.45vw;
}
.som00_headerin .section_inner{}
.som00_headerin .col{
    display: flex;
    justify-content: center;
    align-items: center;
}
.som00_headerin .col .nav{
    width: 100%;
    display: block;
    padding-bottom: 0.7vw;
}
.som00_headerin .col .nav ul{
    margin: 0px;
    padding: 0px;
}
.som00_headerin .col .nav ul li{
    margin: 0px;
    display: inline-block;
    list-style: none;
    padding-left: 1.6vw;
    padding-right: 1.6vw;
}
.som00_headerin .col .nav ul li a{
    font-family: 'Public Sans';
    font-weight: normal;
    color: #5F5C43;
    font-size: 0.8vw;
    letter-spacing: 0.06vw;
}
.som00_headerin .col .logo{
    padding-left: 2.7vw;
    padding-right: 2.7vw;
    width: 100%;
    display: block;
    height: auto;
}
.som00_headerin .col .logo a{
    display: inline-block;
}
.som00_headerin .col .logo a img{
    width: 3.56vw;
}

.som00_headerin .col1{}
.som00_headerin .col1 .nav{}
.som00_headerin .col1 .nav ul{}
.som00_headerin .col1 .nav ul li{
    /* padding-right: 2vw; */
    /* padding-right: 2vw; */
}
.som00_headerin .col1 .nav ul li a{}

.som00_headerin .col2 .logo{}
.som00_headerin .col2 .logo a{}
.som00_headerin .col2 .logo a img{}

.som00_headerin .col3{}
.som00_headerin .col3 .nav{}
.som00_headerin .col3 .nav ul{}
.som00_headerin .col3 .nav ul li{}
.som00_headerin .col3 .nav ul li a{}

@media (max-width: 768px) {
.som00_header{}
.som00_headerin{
    padding-top: 7vw;
    padding-left: 4.45vw;
    padding-right: 4.45vw;
}
.som00_headerin .section_inner{}
.som00_headerin .col{
    width: 100%;
    display: block;
    position: relative;
}
.som00_headerin .col .nav{}
.som00_headerin .col .nav ul{}
.som00_headerin .col .nav ul li{}
.som00_headerin .col .nav ul li a{}
.som00_headerin .col .logo{}
.som00_headerin .col .logo a{}
.som00_headerin .col .logo a img{}

.som00_headerin .col1{
    display: none;
}
.som00_headerin .col1 .nav{}
.som00_headerin .col1 .nav ul{}
.som00_headerin .col1 .nav ul li{}
.som00_headerin .col1 .nav ul li a{}

.som00_headerin .col2 .logo{
    padding-left: 2.6vw;
    padding-right: 2.6vw;
    width: 16vw;
    margin: 0px auto;
}
.som00_headerin .col2 .logo a{}
.som00_headerin .col2 .logo a img{
    width: 100%;
}

.som00_headerin .col3{
    display: none;
}
.som00_headerin .col3 .nav{}
.som00_headerin .col3 .nav ul{}
.som00_headerin .col3 .nav ul li{}
.som00_headerin .col3 .nav ul li a{}
}






/*
    Responsive Header
------------------------------*/

.responsive-menu-hand {
  display: none;
}

.responsive-menu-hand svg {
  width: 100%;
  height: 100%;
}

.responsive-menu-close {
  clear: both;
  height: 7.5vw;
  width: 7.5vw;
  display: block;
  position: absolute;
  top: 2.2vw;
  right: 1.2vw;
}
.responsive-menu-close svg {
  width: 100%;

  height: 100%;
}

.responsive-menu-close strong {
  position: relative;
  height: 0px;
  width: 40px;
  display: block;
}

.responsive-menu-close span:nth-child(1),
a.responsive-menu-close span:nth-child(2) {
  width: 60px;
  display: block;
  background-color: #706e6c;
  height: 2px;
}

/*a.responsive-menu-hand {
  width: 60px;
}*/

.responsive-menu-close span:nth-child(1) {
  transform: rotate(-45deg);
  margin-top: 40px;
}

.responsive-menu-close span:nth-child(2) {
  transform: rotate(45deg);
  margin-top: -2px;
}

.responsive-menu {
  position: fixed;
  width: 100%;
  height: 100%;
  top: -110%;
  right: 0vw;
  /* background: #1d1d1b; */
  z-index: 999999;
  overflow: scroll;
  overflow-y: auto;
  overflow-x: auto;
  transition: top 0.5s ease;
  padding-top: 0vw;
  width: 100%;
  display: block;
  background-image: url(res-bg1.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 2.7vw;
  padding-left: 2.2vw;
  padding-right: 2.2vw;
  padding-bottom: 2.7vw;
}
.responsive-menu:before{
    content:"";
}

.responsive-menu.active {
  top: 0;
  /* right: 0vw; */
}

.responsive-menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  border-bottom: 0;
}

.responsive-menu ul li {
  margin: 0;
  padding: 0 18px;
  list-style-type: none;
  position: relative;
  margin-bottom: 23.6px;
  text-align: center;
}

.responsive-menu ul li a,
.responsive-menu .pf4_header_userarea span a {
  line-height: 40px;
  height: auto;
  display: inline-block;
  text-decoration: none;
  font-size: 6.99vw !important;
  letter-spacing: 3px;
  position: relative;
  text-align: center;
  line-height: 1.52;
  border: 0;
  margin: 0;
  color: #E1ECE6;
  text-transform: uppercase;
  font-family: 'Public Sans';
  font-weight: normal;
}
.responsive-menu ul li a:after{
    content:"";
}
.responsive-menu ul li:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  a.responsive-menu-hand {
    width: 11vw;
    height: 7.4vw;
    right: 2.5vw;
    position: absolute;
    top: 2vw;
  }

  .responsive-menu-hand {
    display: block;
  }

  .responsive-menu .lp_header {
    order: 1;
  }
  .responsive-menu .responsive-menu-waper {
    order: 2;
    padding-top: 10vw;
    padding-left: 10vw;
    padding-right: 10vw;
  }
  .responsive-menu .lp_header_icon {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 23vw;
    padding-top: 10.7vw;
    padding-bottom: 9vw;
  }

.responsive-menu .inner{
    height: 100%;
    display: block;
    background-image: url(res-bg2.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
}
.responsive-menu .som00_headerin{}
.responsive-menu .som00_headerin .section_inner{}
.responsive-menu .som00_headerin .col2{
    text-align: center;
}
.responsive-menu .som00_headerin .col2 a{
    display: inline-block;
}
.responsive-menu .som00_headerin .col2 a img{
    width: 11vw;
}
.responsive-menu .som00_headerin .responsive-menu-head{}
.responsive-menu .som00_headerin .responsive-menu-head .responsive-menu-close{}
.responsive-menu .som00_headerin .responsive-menu-head .responsive-menu-close svg{}
.responsive-menu .som00_headerin .responsive-menu-head .responsive-menu-close svg line{
    stroke-width: 2px;
}
}


/**********Section 01 ************/
.som01{
    width: 100%;
    display: block;
    padding-top: 1.34vw;
    padding-left: 1.5vw;
    padding-right: 1.25vw;
    padding-bottom: 1.6vw;
    position: relative;
    background-color: #EFEFEF;
    overflow: hidden;
}
.som01bg{
    width: 100%;
    display: block;
    background-image: url(s1-bg-11-o.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -50px;
    left: 0vw;
    height: calc(100% + 100px);
    opacity: 0.9;
    transition: all 1s ease-in-out;
    background-attachment: fixed;
}
.som01 .section_inner{
    width: 100%;
    display: block;
    padding-top: 13.6vw;
    border-radius: 50px;
    padding-bottom: 0.7vw;
    background-color: rgb(255 255 255 / 10%);
    backdrop-filter: blur(15px);
    z-index: 2;
}
.som01in{}
.som01in h1,
.som01in h2{
    font-weight: 100;
    font-style: italic;
    text-align: center;
    font-size: 18.7vw;
    letter-spacing: -0.58vw;
    font-family: 'Roxborough CF';
    color: #FFFFFF;
    padding-right: 1.67vw;
    /* line-height: 1; */
    display: flex;
}
.som01in h1 span{}
.som01in .icon{
    width: 100%;
    display: block;
    margin-top: 6.1vw;
    padding-left: 5.55vw;
}
.som01_heading_first{
    display: flex;
    justify-content: flex-end;
    width: 51.3vw;
}
.som01_heading_word1{
    font-family: 'ogg-regular-italic';
    width: 45vw;
}
.som01_heading_word2{
    font-family: 'ogg-regular-italic';
}
.som01_heading_plus{
    font-style:normal;
}
.som01in .icon span{
    display: block;
    width: 11.3vw;
    height: 11.3vw;
    margin: 0px auto;
    border-radius: 100%;
    padding-left: 3.9vw;
    padding-right: 3.9vw;
    /* background-color: rgb(255 255 255 / 33%); */
    /* backdrop-filter: blur(10px); */
    /* position: relative; */
    transition: all 1s ease-in-out;
}
.som01in .icon span svg{
    width: 100%;
    height: 100%;
}
.som01in:hover .icon span svg{
    width: 100%;
    height: 100%;
    transition: all 0.3s;
    -webkit-animation: anime_button 0.4s infinite alternate;
    -moz-animation: anime_button 0.4s infinite alternate;
    animation: anime_button 0.4s infinite alternate;
    position: relative;
}
@keyframes anime_button {
  from {
    top: 0px;
  }
  to {
    top: 10px;
  }
}
@keyframes anime_button2 {
  from {
    right: 4px;
  }
  to {
  right: 0vw;
  }
}
.som01in .icon span svg path{
    fill: rgb(255 255 255);
}

.som01_heading_line2{
    display:none;
}
.som01_heading_line2 .em2{
    opacity: 0;
}
.som01_heading_line2 .em1{
        overflow: unset !important;
}
@media (max-width: 1080px) {
    .som01bg{
         background-attachment:scroll;
    }
}
@media (max-width: 768px) {
    .som01{
        padding-top: 3.14vw;
        padding-left: 2.2vw;
        padding-right: 2.2vw;
        padding-bottom: 4.6vw;
    }
    .som01bg{
        background-image: url(s1-bg-1m-o.jpg);
        background-attachment: scroll;
    }
    .som01 .section_inner{
        padding-top: 50.6vw;
        border-radius: 20px;
        padding-bottom: 25.7vw;
    }
    .som01in{}
    .som01in h1,
    .som01in h2{
        font-size: 27.56vw;
        padding-right: 0vw;
        letter-spacing: -0.76vw;
        display: block;
    }
    .som01in h4{
        font-family: 'Inter';
        font-weight: normal;
        color: #FCF6ED;
        text-align: center;
        padding-top: 28.2vw;
        letter-spacing: 0.2vw;
        line-height: 1.25;
        padding-right: 0.9vw;
    }
    .som01in .icon{
        margin-top: 0vw;
        padding-left: 0vw;
        padding-top: 12vw;
    }
    .som01in .icon span{
        width: 24.5vw;
        height: 24.5vw;
        padding-left: 7.9vw;
        padding-right: 7.9vw;
        /* background-color: #f9d3a1; */
    }
    .som01in .icon span svg{}
    .som01in .icon span svg path{
        fill: #F6E7CC;
    }
    
    .som01in .icon span svg{
        width: 100%;
        height: 100%;
        transition: all 0.3s;
        -webkit-animation: anime_button 0.4s infinite alternate;
        -moz-animation: anime_button 0.4s infinite alternate;
        animation: anime_button 0.4s infinite alternate;
        position: relative;
    }
    .som01_heading_first{
        width: 84.3vw;
    }
    .som01_heading_word1{
        width: 70vw;
    }
    .som01_heading_plus{
        font-size: 40.56vw;
        line-height: 0.6;
    }
    .som01_heading_word2{
        display: block;
        text-align: right;
        padding-right: 10vw;
    }
}








/**********Section 02 ************/
.som02{}
.som02bg{
    width: 100%;
    display: block;
    /* background-image: url(s2-bg-1.jpg); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0vw;
    left: 0vw;
    height: 100%;
    opacity: 0.5;
}
.som02 .section_inner{
    z-index: 1;
    justify-content: unset;
}
.som02 .left{
    width: 58.56%;
    padding-top: 5.2vw;
    padding-left: 3.27vw;
    padding-right: 10vw;
    padding-bottom: 4.2vw;
}
.som02 .left h5{
    color: #000000;
}
.som02 .left article {
    line-height: 1.03;
    font-size: 3.65vw;
    font-family: 'Neue Montreal';
    font-weight: normal;
    margin-left: -0.15vw;
    padding-top: 3.23vw;
    letter-spacing: -0.11vw;
}
.som02 .left article br{}
.som02 .left article br.m{}
.som02 .left .som02_textani{
    line-height: 1.03;
    font-size: 4.5vw;
    font-family: 'Neue Montreal';
    font-weight: normal;
    margin-left: -0.15vw;
    padding-top: 14.1vw;
    letter-spacing: -0.163vw;
    display: flex;
    width: fit-content;
    overflow: hidden;
}
.som02 .left .som02_textani .title{
    width: fit-content;
    min-width: fit-content;
    padding-right: 0.76vw;
    padding-top: 0.1vw;
}
.som02 .left .som02_textani .animationt_slider .col span{
    color: #F78B1E;
    font-family: 'Roxborough CF';
    font-weight: 100;
    font-style: italic;
    padding-bottom: 1vw;
    padding-top: 0vw;
    display: block;
}
.som02 .left .som02_textani .animationt{
    width: 60%;
}

.som02 .left .som02_textani .animationt_slider{
    height: 5vw;
}
.som02 .left .som02_textani .animationt_slider.slick-initialized{
    height: auto;
}
.som02 .right{
    width: 41.44%;
    position: relative;
}
.som02 .right .img{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
}
.som02 .right .img img{
    width: 10%;
    opacity: 0;
}
.som02 .right .text{
    width: 100%;
    display: block;
    height: auto;
    position: absolute;
    bottom: 11.2vw;
    left: 0vw;
    color: #EFEFEF;
    font-size: 1.74vw;
    line-height: 1.17;
    letter-spacing: 0.02vw;
    font-family: 'Inter';
    font-weight: normal;
    text-align: center;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
}

@media (max-width: 768px) {
.som02{
    background-color: #EFEFEF;
}
.som02bg{
    background-image: url(s2-bg-1m2.jpg);
    /* opacity: 0; */
}
.som02 .section_inner{}
.som02 .left{
    width: 100%;
    padding-top: 13.5vw;
    padding-left: 6.27vw;
    padding-right: 0vw;
    padding-bottom: 13.6vw;
}
.som02 .left h5{
    padding-right: 6.27vw;
    padding-bottom: 1vw;
}
.som02 .left article{
    font-size: 8.54vw;
    line-height: 0.95;
    padding-left: 0.6vw;
    letter-spacing: -0.2vw;
    padding-right: 3vw;
    padding-bottom: 9vw;
}
.som02 .left article br{
    display: block;
}
.som02 .left article br.m{}
.som02 .left .som02_textani{
    padding-top: 7.1vw;
}
.som02 .left .som02_textani .title{
    font-size: 8.9vw;
    letter-spacing: -0.4vw;
    padding-left: 0.8vw;
}
.som02 .left .som02_textani .animationt_slider .col span{
    font-size: 8.3vw;
    padding-left: 1vw;
}
.som02 .left .som02_textani span{}
.som02 .right{
    display: none;
}
.som02 .right.mobile_only{
    width: 100%;
    padding-left: 27.4vw;
}
.som02 .right .img{height: 90vw;}
.som02 .right .img img{}
.som02 .right .text{}
}







/**********Section 03 ************/
.som03{
    width: 100%;
    display: block;
    /* background-image: url(s3-bg-1.jpg); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 5.7vw;
    padding-left: 3.3vw;
    padding-right: 3.3vw;
    padding-bottom: 5.2vw;
    background-color: #C8C4AC;
}
.som03 .section_inner{
    display: block;
    width: 100%;
}
.som03 h2{
    color: #474427;
}
.som03 h6{
    font-weight: normal;
    font-style: italic;
    font-family: 'Satoshi';
    font-size: 0.7vw;
    letter-spacing: 0.013vw;
}
.som03in{
    width: 100%;
    display: flex;
    margin: 0px auto;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
    padding-top: 4.34vw;
    padding-bottom: 3.97vw;
}
.som03in .col{
    width: 22%;
    padding-right: 6vw;
}
.som03in .col:last-child{
    width: 12%;
    padding-right: 0vw;
}
.som03in .col h3{
    color: #F78B1E;
    font-family: 'Roxborough CF';
    font-weight: 100;
    font-size: 3.67vw;
    padding-left: 0.1vw;
    letter-spacing: -0.15vw;
}
.som03in .col .text{
    font-size: 1.03vw;
    padding-top: 0.87vw;
    padding-left: 0.12vw;
    line-height: 1.53;
}
.som03in .col .text br{}
.som03in .col .text br.m{}
.som03in .col .text strong{
    font-weight: bold;
}

@media (max-width: 768px) {
.som03{
    padding-top: 13vw;
    padding-bottom: 3.2vw;
    background-image: url(s3-bg-1m.jpg);
}
.som03 .section_inner{}
.som03 h2{
    padding-left: 7vw;
}
.som03 h6{
    display: none;
}
.som03in{
    padding-top: 6.1vw;
    padding-bottom: 3.97vw;
}
.som03in .col{
    width: 100% !important;
    padding: 0px !important;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-bottom: 3vw !important;
}
.som03in .col h3{
    width: 48%;
    font-size: 16.25vw;
    padding-left: 8.8vw;
    letter-spacing: -0.37vw;
    padding-right: 2vw;
}
.som03in .col .text{
    width: 52%;
    font-size: 4vw;
    padding-top: 2.3vw;
    padding-left: 0.6vw;
    line-height: 1.2;
    letter-spacing: -0.1vw;
    padding-right: 6vw;
}
.som03in .col .text br{}
.som03in .col .text br.m{}
.som03in .col .text strong{}
}







/**********Section 04 ************/
.som04{
    width: 100%;
    display: block;
    /* background-image: url(s4-bg-2.jpg); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-color: #E5E2DB;
}
.som04 .section_inner{
    justify-content: unset;
}
.som04 .left{
    width: 41.23%;
    position: relative;
    overflow: hidden;
}
.som04 .left .img{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
}
.som04 .left .img img{
    width: 10%;
    opacity: 0;
}

.som04_tslide{
    position: absolute;
    bottom: 2.45vw;
    width: 100%;
    display: block;
    left: 0;
}
.som04_tslide .marquee{
    white-space: nowrap;
    display: flex;
    overflow: hidden;
    min-width: fit-content;
    /* grid-column-gap: 1rem; */
    /* background-color: #f17144; */
}
.som04_tslide .marquee .marquee-content {
    display: flex;
    /* justify-content: space-around; */
    /* flex: 0 0 auto; */
    /* grid-column-gap: 1rem; */
    /* width: fit-content; */
    padding-right: 7.5vw;
}
.som04_tslide .marquee .scroll {
    animation: scroll 40s linear infinite;
}
@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
.som04_tslide .marquee .text-block{
    line-height: 1.03;
    font-size: 3.2vw;
    font-family: 'Neue Montreal';
    font-weight: normal;
    margin-left: -0.15vw;
    letter-spacing: -0.107vw;
    color: #CEC7AC;
    position: relative;
}
.som04_tslide .marquee .text-block:before{
    content:"";
    width: 4vw;
    height: 3px;
    display: block;
    position: absolute;
    top: 1.6vw;
    right: -6.1vw;
    background-color: #CEC7AC;
}
.som04_tslide .marquee .text-block span{
    font-weight: normal;
    font-style: italic;
    font-family: 'Ogg';
}
.som04_tslide .marquee .reverse {
    animation-direction: reverse;
}

.som04 .right{
    width: 58.77%;
    padding-top: 5.2vw;
    padding-left: 4.99vw;
    padding-right: 10vw;
    padding-bottom: 10.89vw;
    position: relative;
    overflow: hidden;
}
.som04 .right h5{
    padding-bottom: 3.572vw;
}
.som04 .right h2{
    padding-left: 0.1vw;
    line-height: 1.02;
    padding-bottom: 7.5vw;
}
.som04 .right h2 sup{
    font-size: 5.8vw;
    top: 2.03vw;
    position: relative;
    left: -0.2vw;
}
.som04 .right h2 span{
    font-family: 'Roxborough CF';
    font-weight: normal;
    font-style: italic;
    font-family: 'Ogg';
}
.som04 .right article{
    /* font-size: 1.03vw; */
    padding-top: 0.87vw;
    padding-left: 0vw;
    /* line-height: 1.53; */
}
.som04 .right article p{}
.som04 .right article br{}
.som04 .right article br.m{}


.som04 .left .som04_tslide{
    /* left: -2.3vw; */
}
.som04 .left .som04_tslide .marquee{}
.som04 .left .som04_tslide .marquee .text-block{
    color: #efefef;
    text-align: right;
}
.som04 .left .som04_tslide .marquee .text-block:before {
    background-color: #efefef;
}
.som04 .left .som04_tslide .marquee .text-block span{}

.som04 .right .som04_tslide{
    left: -40.8vw;
    width: 200%;
}
.som04 .right .som04_tslide .marquee{
    /* margin-left: -43.5vw; */
    /* position: relative; */
}
.som04 .right .som04_tslide .marquee .text-block{
    /* left: -43.5vw; */
    /* position: relative; */
    padding-left: 0vw;
}
.som04 .right .som04_tslide .marquee .text-block span{}
@media (min-width: 769px){
    body.browser_applesafari .som04_tslide{
        left: 0.4vw;
    }
}
@media (max-width: 768px) {
.som04{
    background-image: none !important;
}
.som04 .section_inner{}
.som04 .left{
    width: 100%;
}
.som04 .left .img{
    height: 136vw;
}
.som04 .left .img img{}

.som04_tslide{
    bottom: 8.4vw;
}
.som04_tslide .marquee{ }
.som04_tslide .marquee .marquee-content {padding-right: 31.5vw;}
.som04_tslide .marquee .scroll { }
.som04_tslide .marquee .text-block{
    font-size: 9vw;
}
.som04_tslide .marquee .text-block span{}
.som04_tslide .marquee .reverse { }

.som04 .left .som04_tslide{
    display: none !important;
}
.som04 .left .som04_tslide .marquee{}
.som04 .left .som04_tslide .marquee .text-block{}
.som04 .left .som04_tslide .marquee .text-block span{}

.som04 .right{
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(s4-bg-2m.jpg);
    width: 100%;
    padding-top: 8vw;
    padding-left: 4.1vw;
    padding-right: 4.1vw;
    padding-bottom: 28.1vw;
}
.som04 .right h5{
    font-size: 3.7vw;
    letter-spacing: 0.05vw;
    padding-bottom: 6.5vw;
}
.som04 .right h2{
    font-size: 15.6vw;
    line-height: 0.98;
    padding-left: 0.3vw;
    letter-spacing: -0.44vw;
    padding-bottom: 2.3vw;
}
.som04 .right h2 sup{
    font-size: 14.9vw;
    top: 5.03vw;
    position: relative;
    left: -0.2vw;
    line-height: 0;
}
.som04 .right article{
    padding-top: 1.87vw;
}
.som04 .right h2 span{}
.som04 .right .som04_tslide{
    left: -165.1vw;
    width: 100%;
}
.som04 .right .som04_tslide .marquee{}
.som04 .right .som04_tslide .marquee .text-block{
    /* padding-left: 28vw; */
}
.som04 .right .som04_tslide .marquee .text-block span{}
.som04_tslide .marquee .text-block:before{
    width: 18vw;
    top: 4.6vw;
    right: -25.4vw;
}
}




/**********Section 05 ************/
.som05{
    width: 100%;
    display: block;
    /* background-image: url(s5-bg-1.jpg); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #FDFDFD;
}
.som05 .section_inner{
    display: block;
    padding-top: 5.35vw;
    padding-bottom: 7.05vw;
}
.som05 h2{
    padding-left: 0.1vw;
    line-height: 1.11;
    padding-bottom: 5.3vw;
    padding-left: 3.27vw;
}
.som05 h2 br{}
.som05 h2 span{
    font-weight: normal;
    font-style: italic;
    font-family: 'Ogg';
    padding-left: 10.1vw;
}
.som05in{
    width: 100%;
    display: flex;
    margin: 0px auto;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
    justify-content: center;
    padding-left: 2.4vw;
    padding-right: 2.4vw;
    padding-top: 0.2vw;
}
.som05in .col{
    width: 20%;
    text-align: center;
    padding-left: 3vw;
    padding-right: 3vw;
}
.som05in .col .icon{
    display: block;
    /* padding-left: 3vw; */
    /* padding-right: 3vw; */
    padding-bottom: 1.2vw;
}
.som05in .col .icon svg{
    width: auto;
    height: 4.1vw;
}
.som05in .col .icon svg path{}
.som05in .col .text{}
.som05in .col .text br{}


@media (max-width: 768px) {
.som05{
    background-image: url(s5-bg-1m.jpg);
}
.som05 .section_inner{
    padding-top: 13.7vw;
    padding-bottom: 7.05vw;
}
.som05 h2{
    line-height: 1.11;
    padding-bottom: 11.1vw;
    padding-left: 6.1vw;
    font-size: 15.7vw;
    letter-spacing: -0.48vw;
}
.som05 h2 br{}
.som05 h2 span{
    display: block;
    text-align: right;
    padding-right: 6.4vw;
    padding-top: 1vw;
    margin-top: -1.3vw;
}
.som05in{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0px;
    padding-left: 5.4vw;
    padding-right: 5.4vw;
    padding-bottom: 2.3vw;
}
.som05in .col{
    width: 50%;
    padding-bottom: 12.2vw;
}
.som05in .col .icon{
    padding-bottom: 0.6vw;
}
.som05in .col .icon svg{
    height: 12.1vw;
}
.som05in .col .icon svg path{}
.som05in .col .text{
    font-size: 3.8vw;
}
.som05in .col .text br{}

.som05in .col:first-child{
    /* padding-left: 0vw; */
    /* padding-right: 3.4vw; */
}
.som05in .col:nth-child(2){
    /* padding-left: 5.6vw; */
}
.som05in .col:nth-child(3){
    /* padding-left: 1vw; */
}
.som05in .col:nth-child(4){
    /* padding-left: 4vw; */
    /* padding-right: 2vw; */
}
.som05in .col:last-child{
    /* width: 70%; */
    /* margin-top: -3vw; */
}
}





/**********Section 06 ************/
.som06{
    width: 100%;
    display: block;
    /* background-image: url(s6-bg-1.jpg); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-top: 7.05vw;
    padding-bottom: 6.85vw;
    background-color: #E2DBD1;
}
.som06 .section_inner{
    display: block;
}
.som06 h5{
    width: 100%;
    display: block;
    text-align: center;
    padding-left: 20vw;
    padding-right: 20vw;
    padding-bottom: 4vw;
}
.som06 h2{
    text-align: center;
    padding-left: 10.8vw;
    padding-right: 10vw;
    letter-spacing: -0.135vw;
    padding-bottom: 5.55vw;
}
.som06 h2 span{
    font-weight: normal;
    font-style: italic;
    font-family: 'Ogg';
}
.som06in{}
.som06in .col{
    padding-left: 1.5vw;
    padding-right: 1.54vw;
}
.som06in .col .img{
    width: 100%;
    display: block;
    position: relative;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    height: 22.8vw;
    border-radius: 16px;
    overflow: hidden;
}
.som06in .col .img .video{
    width: 100%;
    height: 100%;
    display: block;
}
.som06in .col .img .som06_video{
    width: 100%;
    height: 100%;
    display: block;
}
.som06in .col .img .som06_video .kjb-video-responsive{
    /* padding: 15vw; */
    /* width: 100%; */
    /* height: 100%; */
    /* display: block; */
    /* padding-bottom: 80%; */
    /* top: -3%; */
}
.som06in .col .img:before{
    content:"";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0vw;
    left: 0vw;
    z-index: 3;
    /* background-color: #ffffffb8; */
}
.som06in .col .img a{
    width: 100%;
    display: block;
    position: absolute;
    top: 0vw;
    left: 0vw;
    height: 100%;
    z-index: 1;
}
.som06in .col .img span{
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: block;
    height: 100%;
    /* border-radius: 16px; */
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.26;
}
.som06in .col .img span img{
    width: 10%;
    opacity: 0;
    position: absolute;
}
.som06in .col .img span svg{
    /* opacity: 0.5; */
    backdrop-filter: blur(6px);
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
}
.som06in .col .img span svg circle{
    fill: none;
}
.som06in .col .img span svg path{
    backdrop-filter: blur(6px);
    fill: rgb(255 255 255 / 32%);
}
.som06in .col .content{
    opacity: 0;
    padding-top: 3.1vw;
}
.som06in .col .content .icon{
    width: 3.2vw;
    height: 3.7vw;
    display: block;
    background-image: url(com-icon.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    margin-left: -0.05vw;
}
.som06in .col .content h4{
    padding-top: 1.23vw;
    padding-bottom: 1vw;
}
.som06in .col .content h4 br{}
.som06in .col .content h4 br.m{}
.som06in .col .content article{
    padding-bottom: 2.5vw;
}
.som06in .col .content article p{}
.som06in .col .content article p br{}
.som06in .col .content article p br.m{}
.som06in .col .content .name{
    font-size: 1.24vw;
    letter-spacing: -0.02vw;
    font-family: 'Neue Montreal';
    font-weight: normal;
    line-height: 1.26;
}
.som06in .col .content .name br{}

.som06in .slick-active .col{}
.som06in .slick-active .col .img span{
    opacity: 1;
}
.som06in .slick-active .col .img:before{
    opacity: 0;
    z-index: -10;
}
.som06in .slick-active .col .content{
    opacity: 1;
}
.som06in .slick-active .col .content .icon{}
.som06in .slick-active .col .content h4{}
.som06in .slick-active .col .content h4 br{}
.som06in .slick-active .col .content h4 br.m{}
.som06in .slick-active .col .content article{}
.som06in .slick-active .col .content article p{}
.som06in .slick-active .col .content article p br{}
.som06in .slick-active .col .content article p br.m{}
.som06in .slick-active .col .content .name{}
.som06in .slick-active .col .content .name br{} 

.som06slider.slick-initialized{
    margin: 0px;
}
.som06slider .slick-list{
    padding-left: 27.5vw;
    padding-right: 27.5vw;
}
.som06slider .slick-list .slick-track{}
.som06slider .slick-arrow{
    top: 39.3vw;
    width: 7.8vw;
    height: 7.8vw;
    background-color: rgb(255 255 255 / 62%);
    border-radius: 500%;
    z-index: 9;
    position: absolute;
    display: block;
}
.som06slider .slick-arrow:before{
    display: none;
}
.som06slider .slick-arrow svg{}
.som06slider .slick-arrow svg path{}
.som06slider .slick-arrow:hover{
    background-color: #386269;
}
.som06slider .slick-arrow:hover svg{}
.som06slider .slick-arrow:hover svg path{}

.som06slider .slick-prev{
    left: 3.3vw;
}
.som06slider .slick-prev svg{}
.som06slider .slick-prev svg path{}

.som06slider .slick-next{
    right: 3.3vw;
}
.som06slider .slick-next svg{}
.som06slider .slick-next svg path{}

.som06slider .slick-dots{
    position: relative;
    text-align: left;
    bottom: 0;
    padding-left: 29vw;
    padding-top: 3.3vw;
}
.som06slider .slick-dots li{
    width: 13px;
    height: 13px;
    margin: 0px;
    margin-right: 0.4vw;
}
.som06slider .slick-dots li button{
    padding: 0px;
    width: 13px;
    height: 13px;
    border: 1px solid #707070;
    border-radius: 50%;
}
.som06slider .slick-dots li button:before{
    display: none;
}
.som06slider .slick-dots li.slick-active{}
.som06slider .slick-dots li.slick-active button{
    background-color: #386269;
}
.som06slider .slick-dots li.slick-active button:before{}

@media (max-width: 768px) {
.som06{
    padding-top: 16.05vw;
    padding-bottom: 10.6vw;
    background-image: url(s6-bg-1m.jpg);
}
.som06 .section_inner{}
.som06 h5{
    font-size: 3.7vw;
    letter-spacing: 0vw;
    padding-bottom: 6.4vw;
}
.som06 h2{
    line-height: 0.96;
    padding-bottom: 7.5vw;
    padding-left: 3.1vw;
    font-size: 15.7vw;
    letter-spacing: -0.48vw;
    padding-right: 1.8vw;
}
.som06 h2 span{}
.som06in{
    /* padding-left: 4.6vw; */
    /* padding-right: 4.5vw; */
    padding-bottom: 27.6vw;
}
.som06in .col{
    padding-left: 6.1vw;
    padding-right: 5.9vw;
}
.som06in .col .img{
    height: 56vw;
}
.som06in .col .img:before{
    display:none;
}
.som06in .col .img span{
    /* height: 56vw; */
    opacity: 1;
}
.som06in .col .img span img{}
.som06in .col .img span svg{
    width: 17vw;
    height: 17vw;
}
.som06in .col .img span svg circle{}
.som06in .col .img span svg path{}
.som06in .col .content{
    padding-top: 5.4vw;
    opacity: 1;
}
.som06in .col .content .icon{
    width: 16.3vw;
    height: 13.2vw;
}
.som06in .col .content h4{
    font-size: 6.3vw;
    padding-top: 0.5vw;
    padding-bottom: 4.5vw;
    letter-spacing: -0.23vw;
    width: 103%;
}
.som06in .col .content h4 br{}
.som06in .col .content h4 br.m{}
.som06in .col .content article{
    padding-bottom: 4.6vw;
}
.som06in .col .content article p{}
.som06in .col .content article p br{}
.som06in .col .content article p br.m{}
.som06in .col .content .name{
    font-size: 4.3vw;
    line-height: 1.18;
    letter-spacing: 0.07vw;
}
.som06in .col .content .name br{
    display: block;
}

.som06in .col .img .som06_video .kjb-video-responsive {
    /* padding: 15vw; */
    width: 100%;
    height: 100%;
    display: block;
    padding-bottom: 80%;
    top: -3%;
}

.som06slider.slick-initialized{}
.som06slider .slick-list{
    padding-left: 0vw;
    padding-right: 0vw;
}
.som06slider .slick-list .slick-track{}
.som06slider .slick-arrow{
    top: unset;
    bottom: -8.5vw;
    width: 17.4vw;
    height: 17.4vw;
    padding-top: 4.6vw;
    padding-bottom: 4.6vw;
    background-color: rgb(56 98 105 / 33%);
}
.som06slider .slick-arrow svg{
    width: 6.2vw;
    height: auto;
    display: block;
    margin: 0px auto;
}
.som06slider .slick-arrow svg path{
    fill:#FFFFFF;
}

.som06slider .slick-prev{
    left: 6vw;
}
.som06slider .slick-prev svg{}
.som06slider .slick-prev svg path{}

.som06slider .slick-next{
    right: 6vw;
}
.som06slider .slick-next svg{}
.som06slider .slick-next svg path{}

.som06slider .slick-dots{
    display: none !important;
}
.som06slider .slick-dots li{}
.som06slider .slick-dots li button{}
.som06slider .slick-dots li button:before{}
.som06slider .slick-dots li.slick-active{}
.som06slider .slick-dots li.slick-active button{}
.som06slider .slick-dots li.slick-active button:before{}

.som06slider .slick-arrow:hover{
    background-color:#386269;
}
}





/**********Section 07 ************/
.som07{}
.som07 .section_inner{
    justify-content: unset;
}
.som07 .left{
    width: 35.23%;
    position: relative;
    overflow: hidden;
}
.som07 .left .img{
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
}
.som07 .left .img img{
    width: 10%;
    opacity: 0;
}
.som07 .right{
    width: 64.77%;
    padding-top: 6.24vw;
    padding-left: 4.35vw;
    padding-right: 2vw;
    padding-bottom: 7vw;
    position: relative;
    overflow: hidden;
}
.som07 .right h5{
    padding-bottom: 3.89vw;
    padding-left: 0.1vw;
}
.som07 .right h2{
    padding-left: 0.1vw;
    line-height: 1.02;
    padding-bottom: 1.6vw;
}
.som07 .right h2 br{}
.som07 .right h2 br.m{}
.som07 .right h2 span{
    font-weight: normal;
    font-style: italic;
    font-family: 'Ogg';
}
.som07 .right h4{
    padding-bottom: 3vw;
    padding-left: 0.1vw;
    line-height: 1.03;
    padding-right: 6vw;
}
.som07 .right h4 br{}
.som07 .right h4 br.m{}
.som07 .right h4 span{}
.som07 .right article{
    padding-right: 11vw;
    padding-top: 3.1vw;
    padding-left: 0.2vw;
    padding-bottom: 3.1vw;
}
.som07 .right article p{}
.som07 .right article p br{}
.som07 .right article p br.m{}
.som07 .right .link{
    padding-right: 10vw;
    padding-left: 0.2vw;
}
.som07 .right .link a{}
.som07 .right .link a .icon{}
.som07 .right .link a .icon:before{
    /* content: ""; */
}
.som07 .right .link a:hover .icon svg{
}
.som07 .right .link a .icon svg path{}
.link a:hover .icon svg{
    transition: all 0.3s;
    -webkit-animation: anime_button2 0.4s infinite alternate;
    -moz-animation: anime_button2 0.4s infinite alternate;
    animation: anime_button2 0.4s infinite alternate;
    position: relative;
}
@media (max-width: 768px) {
.som07{
    width: 100%;
    display: block;
    background-image: url(s7-01-bgm.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 10.4vw;
}
.som07 .section_inner{}
.som07 .left{
    display: none !important;
}
.som07 .left.mobile_only{
    display: block !important;
    width: 100%;
    /* margin-right: -1vw; */
    padding-top: 2.2vw;
    padding-left: 29.5vw;
    padding-bottom: 7.3vw;
}
.som07 .left .img{
    /* margin-right: -2vw; */
    position: relative;
    display: block;
    width: 100%;
    height: 91.2vw;
}
.som07 .left .img img{}
.som07 .right{
    width: 100%;
    padding-top: 11vw;
    padding-left: 3.7vw;
    padding-right: 0vw;
    padding-bottom: 7vw;
}
.som07 .right h5{
    font-size: 3.7vw;
    letter-spacing: 0vw;
    padding-bottom: 6.4vw;
}
.som07 .right h2{
    line-height: 0.966;
    padding-bottom: 5vw;
    padding-left: 1.4vw;
    font-size: 15.7vw;
    letter-spacing: -0.48vw;
    padding-right: 7vw;
}
.som07 .right h2 br{}
.som07 .right h2 br.m{}
.som07 .right h2 span{}
.som07 .right h4{
    font-size: 6.4vw;
    line-height: 0.95;
    padding-left: 2.4vw;
    letter-spacing: -0.23vw;
    padding-right: 1vw;
}
.som07 .right h4 br{}
.som07 .right h4 br.m{}
.som07 .right h4 span{}
.som07 .right article{
    padding-right: 4vw;
    padding-top: 4.1vw;
    padding-left: 2.4vw;
    padding-bottom: 10.9vw;
}
.som07 .right article p{}
.som07 .right article p br{}
.som07 .right article p br.m{}
.som07 .right .link{
    padding-right: 8vw;
    padding-left: 4.2vw;
}
.som07 .right .link a{}
.som07 .right .link a .icon{}
.som07 .right .link a .icon:before{ }
.som07 .right .link a .icon svg{}
.som07 .right .link a .icon svg path{}
}




/**********Section 08 ************/
.som08{
    width: 100%;
    display: block;
    overflow: hidden;
    padding-top: 1.87vw;
    padding-left: 1.4vw;
    padding-right: 1.4vw;
    padding-bottom: 2vw;
    transform-style: preserve-3d;
}

.som08_bg{
   /* background-image: url(s8-bg-23.jpg); */
   background-position: center bottom;
   background-repeat: no-repeat;
   background-size: cover;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   position: absolute;
   z-index: 0;
   background-attachment: fixed;
   background-color: #BFC2A9;
}
.som08 .section_inner{
    /* background-image: url(s8-bg-2.jpg); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: unset;
    padding-top: 5.75vw;
    padding-left: 6.67vw;
    padding-right: 5.16vw;
    display: block;
    padding-bottom: 5.7vw;
    border-radius: 49px;
    position: relative;
    z-index: 1;
    background-color: #DBBD97;
}
.som08 h2{
    display: block;
}
.som08 h2 span{
    font-weight: normal;
    font-style: italic;
    font-family: 'Ogg';
    padding-right: 0.5vw;
}
.som08 h2 strong{font-weight: normal;}
.som08 h2 strong.s2{
    padding-left: 16.4vw;
    margin-top: -0.6vw;
    font-weight: normal;
    display: block;
}
.som08 h2 strong.s2 span{
    padding-right: 0vw;
}
.som08 .link{
    padding-top: 10.45vw;
    text-align: right;
}
.som08 .link a{ }
.som08 .link a .text{
    padding-right: 8.1vw;
}
.som08 .link a .icon{}
.som08 .link a .icon:before{
    content: "";
}
.som08 .link a .icon svg{}
.som08 .link a .icon svg path{}
.som08 .link a .icon:before{
    background-color: #b78d87;
}
.som08 .link a .icon:after{
    background-color: #000000;
    z-index: -2;
}
@media (max-width: 1080px) {
    .som08_bg{
         background-attachment:scroll;
    }
}
@media (max-width: 768px) {
.som08{
    padding-top: 3vw;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-bottom: 4vw;
    background-image: url(s8-bg-1m.jpg);
    background-position: center top;
}
.som08_bg{
    display:none;
}
.som08 .section_inner{
    background-image: url(s8-bg-2m.jpg);
    background-position: center top;
    padding-top: 11.5vw;
    padding-left: 6.67vw;
    padding-right: 5.16vw;
    display: block;
    padding-bottom: 15.7vw;
    border-radius: 19px;
}
.som08 h2{
    line-height: 0.91;
    padding-bottom: 5vw;
    padding-left: 0vw;
    font-size: 15.7vw;
    letter-spacing: -0.48vw;
}
.som08 h2 span{}
.som08 h2 strong.s2{
    display: unset;
    padding: 0px;
}
.som08 h2 strong.s2 span{
    display: block;
    text-align: right;
    padding-top: 10vw;
    padding-right: 1.5vw;
}
.som08 h2 strong.s2 strong{
    display: block;
    text-align: right;
    padding-top: 0vw;
    padding-right: 0vw;
    margin-top: -1.3vw;
    margin-right: -0.98vw;
}
.som08 .link{
    padding-top: 10vw;
    margin-left: -0.7vw;
    text-align: left;
    padding-right: 0.6vw;
}
.som08 .link a{}
.som08 .link a .text{
    padding-right: 21.1vw;
    letter-spacing: 0.04vw;
}
.som08 .link a .icon{
    width: 20.8vw;
    padding-top: 5.85vw;
    padding-right: 7.4vw;
    padding-bottom: 1vw;
}
.som08 .link a .icon:before{right: 20.5vw;}
.som08 .link a .icon:after{
    right: 20.5vw;
    top: -6.2vw;
    height: 187%;
    /* background-color: #EFEFEF; */
}
.som08 .link a .icon svg{}
.som08 .link a .icon svg path{}
}





/**********Section 09 ************/
.som09{
    width: 100%;
    display: block;
    /* background-image: url(s9-bg-1.jpg); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-top: 8.67vw;
    padding-left: 3.3vw;
    padding-right: 1.4vw;
    padding-bottom: 8.2vw;
}
.som09 .section_inner{
    justify-content: unset;
}
.som09 .left{
    width: 50%;
    padding-right: 11vw;
}
.som09 .left h5{
    color: #000000;
    padding-bottom: 14.34vw;
}
.som09 .left h2{padding-bottom: 2.86vw;}
.som09 .left h2 span{
    font-family: 'Ogg';
    font-weight: 300;
    font-style: italic;
}
.som09 .left article{
    width: 100%;
    display: block;
    line-height: 1.5;
    padding-bottom: 1.56vw;
}
.som09 .left article p{}
.som09 .left article p br{}
.som09 .left article p br.m{}
.som09 .left .link{}
.som09 .left .link a{}
.som09 .left .link a .icon{}
.som09 .left .link a .icon:before{
    content: "";
}
.som09 .left .link a .icon svg{}
.som09 .left .link a .icon svg path{}
.som09 .right{
    width: 50%;
    padding-left: 7.35vw;
    padding-right: 1.9vw;
    padding-top: 4.5vw;
}
.som09 .right span{
    display: block;
    width: 100%;
    margin-top: -3.1vw;
}
.som09 .right span img{}




.som09 .rightlist{
    width: 100%;
    display: block;
    position: relative;
}
.som09 .rightlist:before{
    content:"";
    width: 100%;
    height: 2px;
    display: block;
    top: 50%;
    left: 0vw;
    position: absolute;
    background-color: #434427;
}
.som09 .rightlistin{
    width: 23vw;
    height: 23vw;
    display: block;
    position: relative;
    margin: 0px auto;
}
.som09 .rightlist_cerkle{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0vw;
    left: 0vw;
}
.som09 .rightlist_cerkle:before{
    content:"";
    width: 23vw;
    height: 23vw;
    display: block;
    margin: 0px auto;
    border: 2px solid #434427;
    border-radius: 50%;
}
.som09 .rightlistin .col{
    width: 10vw;
    display: block;
    position: relative;
    text-align: center;
    position: absolute;
    line-height: 1.4;
}
.som09 .rightlistin .col:before{
    content:"";
    position: absolute;
    top: 0vw;
    /* left: 0vw; */
    width: 1.8vw;
    height: 1.8vw;
    display: block;
    background-color: #434427;
    border-radius: 50%;
    width: 1px;
    height: 1px;
    transition: all 0.5s ease;
}
.som09 .rightlistin .col span{
    margin: 0px;
    opacity: 0;
    transition: all 0.5s ease;
}
.som09 .rightlistin .col.it_active span{
    opacity: 1;
}
.som09 .rightlistin .col.it_active:before{
    width: 1.8vw;
    height: 1.8vw;
    display: block;
}
.som09 .rightlistin .col span br{}

.som09 .rightlistin .col1{
    top: -2.1vw;
    left: -5.1vw;
}
.som09 .rightlistin .col1 span{
}
.som09 .rightlistin .col1 span br{}


.som09 .rightlistin .col2{
    top: -2.1vw;
    right: -3.9vw;
}
.som09 .rightlistin .col2 span{}
.som09 .rightlistin .col2 span br{}

.som09 .rightlistin .col3{
    bottom: -5vw;
    left: 6.5vw;
}
.som09 .rightlistin .col3 span{}
.som09 .rightlistin .col3 span br{}

.som09 .rightlistin .col1:before{
    top: 3.89vw;
    left: 8.4vw;
}
.som09 .rightlistin .col2:before{
    content:"";
    top: 3.89vw;
    right: 7.2vw;
}
.som09 .rightlistin .col3:before{
    content:"";
    top: -3.11vw;
    right: 4vw;
}


.som09 form .link{
    display: block;
    z-index: 1;
    position: relative;
    border:0;
    margin-top:20px
}
.som09 form .link{
    background-color: #386269;
    display: inline-block;
    font-family: 'Syne';
    font-weight: bold;
    color: #EFEFEF;
    font-size: 0.75vw;
    line-height: normal;
    border-radius: 44px;
    position: relative;
}
.som09 form .link .text{
    padding-right: 7.34vw;
    padding-top: 1.15vw;
    padding-bottom: 1.1vw;
    padding-left: 2.1vw;
    letter-spacing: 0.02vw;
    display: block;
    text-transform:uppercase;
}
.som09 form .link .icon{
    position: absolute;
    top: 0vw;
    right: 0vw;
    height: 100%;
    padding-top: 1.15vw;
    padding-right: 1.4vw;
    padding-bottom: 1vw;
    width: 3.35vw;
    text-align: right;
}
.som09 form .link .icon:before{
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    top: 0vw;
    right: 3.3vw;
    background-color: #b78d86;
    height: 100%;
    z-index: 2;
}
.som09 form .link .icon:after{
    content: "";
    width: 1px;
    display: block;
    position: absolute;
    top: -1.3vw;
    right: 3.3vw;
    background-color: #000000;
    height: 190%;
    z-index: -1;
}
.som09 form .link .icon svg{
    width: 0.9vw;
    height: auto;
}

.som09 .form-control{
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #434427;
    border-radius: 0;
    color: #434427;
    padding-left:0;
    font-family: 'Satoshi';
    font-weight: normal;
    font-size:14px;
}
.som09 .form-control::placeholder{
    color: #434427;
    text-transform:uppercase;
}

@media (max-width: 768px) {
    .som09 form .link{
        display: block;
        font-size: 3.45vw;
    }
    .som09 form .link .text{padding-right: 21.34vw;padding-top: 4.85vw;padding-bottom: 5.1vw;padding-left: 9.3vw;letter-spacing: 0.02vw;}
    .som09 form .link .icon{width: 17vw;padding-top: 5.85vw;padding-right: 7.4vw;padding-bottom: 1vw;}
    .som09 form .link .icon:before{right: 17.1vw;}
    .som09 form .link .icon:after{right: 17.1vw;top: -7.1vw;height: 28vw;}
    .som09 form .link  .icon svg{width: 3.7vw;}
}

@media (max-width: 768px) {
    .som09{
        padding-top: 17.4vw;
        padding-left: 0vw;
        padding-right: 0vw;
        padding-bottom: 17.2vw;
    }
    .som09 .section_inner{}
    .som09 .left{
        width: 100%;
        padding-left: 4vw;
        padding-right: 4vw;
        order: 2;
        padding-top: 8vw;
    }
    .som09 .left h5{
        font-size: 3.7vw;
        letter-spacing: -0.05vw;
        padding-bottom: 6.74vw;
    }
    .som09 .left h2{
        line-height: 0.91;
        padding-bottom: 6.5vw;
        padding-left: 0vw;
        font-size: 15.7vw;
        letter-spacing: -0.48vw;
    }
    .som09 .left h2 span{}
    .som09 .left article{
        line-height: 1.2;
        padding-bottom: 8.5vw;
        padding-right: 1vw;
    }
    .som09 .left article p{}
    .som09 .left article p br{}
    .som09 .left article p br.m{}
    .som09 .left .link{
        padding-left: 3.9vw;
        padding-right: 3.9vw;
        margin-top: 50px;
    }
    .som09 .left .link a{}
    .som09 .left .link a .icon{}
    .som09 .left .link a .icon:before{ }
    .som09 .left .link a .icon svg{}
    .som09 .left .link a .icon svg path{}
    .som09 .right{
        width: 100%;
        padding-left: 0vw;
        padding-right: 0vw;
        order: 1;
        padding-bottom: 12vw;
    }
    .som09 .right span{}
    .som09 .right span img{}
    
    
    .som09 .rightlist{}
    .som09 .rightlistin{
        width: 43vw;
        height: 43vw;
    }
    .som09 .rightlist_cerkle:before{
        width: 43vw;
        height: 43vw;
    }
    .som09 .rightlistin .col{
        width: 18vw;
    }
    .som09 .rightlistin .col span{
        font-size: 2.5vw;
        line-height: 1;
        text-align: center;
    }
    .som09 .rightlistin .col span br{}
    
    .som09 .rightlistin .col1{
        left: -15vw;
        top: 0vw;
    }
    .som09 .rightlistin .col1 span{
        top: -2.1vw;
        left: -5.1vw;
    }
    .som09 .rightlistin .col1 span br{}
    
    
    .som09 .rightlistin .col2{
        right: -15vw;
        top: 0vw;
    }
    .som09 .rightlistin .col2 span{}
    .som09 .rightlistin .col2 span br{}
    
    .som09 .rightlistin .col3{left: 12vw;bottom: -9.4vw;}
    .som09 .rightlistin .col3 span{}
    .som09 .rightlistin .col3 span br{}
    .som09 .rightlistin .col:before{
        width: 3.8vw;
        height: 3.8vw;
    }
    .som09 .rightlistin .col1:before{
        top: 4.3vw;
        left: 19.4vw;
    }
    .som09 .rightlistin .col2:before{
        content:"";
        top: 4.3vw;
        right: 19.56vw;
    }
    .som09 .rightlistin .col3:before{
        content:"";
        top: -6.5vw;
        right: 6.5vw;
    }
}






/**********Footer ************/

.som10_footer{
    background-color: #DCBB88;
    width: 100%;
    display: block;
    /* background-image: url(s10-bg-1.jpg); */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-top: 1.6vw;
    padding-left: 1.4vw;
    padding-right: 1.4vw;
    padding-bottom: 1.5vw;
    /* background-image: url(s10-bg-111.jpg); */
    background-attachment: fixed;
}
.som10_footer .section_inner{
    /* background-image: url(s10-bg-2.jpg); */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    justify-content: unset;
    padding-top: 5.75vw;
    padding-left: 5.29vw;
    padding-right: 5.16vw;
    display: block;
    padding-bottom: 1.74vw;
    border-radius: 49px;
    background-color: #CBC6A0;
}
.som10_footer h5{
    color: #FFFFFF;
    margin-left: -0.1vw;
    padding-bottom: 2.27vw;
}
.som10_footer h5 a{
    color: #FFFFFF;
    position: relative;
}
.som10_footer h5 a:after{
    content:"";
    width: 100%;
    display: block;
    height: 1px;
    background-color: #FFF;
    position: absolute;
    bottom: 0px;
    left: 0vw;
}
.som10_footer h5 a:hover{
    color:#386269;
}
.som10_footer h5 a:hover:after{
    background-color: #386269;
}
.som10_footer .insta{
    position: relative;
}
.som10_footer .insta:after{
    content:" ";
    position:absolute;
    width:100%;
    height:100%;
    z-index:2;
    left:0;
    top:0;
}
.som10_footer .insta img{}
.som10_footer .insta.desktop_only{}
.som10_footer .insta.mobile_only{}
.som10_footer h2{
    padding-top: 2.45vw;
    color: #FAF3E9;
    margin-left: -0.1vw;
    line-height: 0.83;
    padding-bottom: 4vw;
}
.som10_footer h2 span{
    font-weight: normal;
    font-style: italic;
    font-family: 'Ogg';
    padding-right: 0.5vw;
}
.som10_footer h2 br{}
.som10_footer h2 br.m{}
.som10_bottom{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    border-top: 1px solid #FFFFFF;
    padding-top: 0.9vw;
}
.som10_bottom .col1{
    width: 50%;
}
.som10_bottom .col1 ul{
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
}
.som10_bottom .col1 ul li{
    margin: 0px;
    list-style: none;
    display: inline-block;
    height: 1vw;
    padding-left: 0.2vw;
    padding-right: 0.1vw;
    position: relative;
}
.som10_bottom .col1 ul li a{
    font-weight: 500;
    font-style: normal;
    color: #FFFFFF;
    font-family: "termina", sans-serif;
    font-size: 0.66vw;
    display: block;
    letter-spacing: 0vw;
}
.som10_bottom .col1 ul li:before{
    content: "";
    width: 2px;
    height: 0.6vw;
    display: block;
    position: absolute;
    top: 0.2vw;
    right: -0.24vw;
    background-color: #FFFFFF;
}
.som10_bottom .col1 ul li:last-child:before{
    display: none;
}
.som10_bottom .col1 ul li a:hover{
    color: #386269;
}
.som10_bottom .col2{
    width: 50.2%;
    margin-right: -1%;
}
.som10_bottom .col2 ul{
    margin: 0px;
    padding: 0px;
    display: block;
    width: 100%;
    text-align: right;
    margin-right: 0vw;
}
.som10_bottom .col2 ul li{
    margin: 0px;
    list-style: none;
    display: inline-block;
    height: 1vw;
    padding-left: 4.2vw;
    padding-right: 0.1vw;
    position: relative;
    font-weight:500;
    font-style: normal;
    color: #FFFFFF;
    font-family: "termina", sans-serif;
    font-size: 0.66vw;
    letter-spacing: 0vw;
}
.som10_bottom .col2 ul li a{
    color: #386269;
    position: relative;
}
.som10_bottom .col2 ul li a:hover{
    font-weight: 700;
}
.som10_bottom .col2 ul li a:after {
    content: "";
    width: 100%;
    display: block;
    height: 1px;
    background-color: #386269;
    position: absolute;
    bottom: 4px;
    left: 0vw;
}
.som10_bottom .col2 ul li:before{
    content: "";
    width: 2px;
    height: 0.6vw;
    display: block;
    position: absolute;
    top: 0.2vw;
    right: -2.44vw;
    background-color: #FFFFFF;
}
.som10_bottom .col2 ul li:last-child:before{
    display: none;
}
.footerlogo{
    display: none;
}


.som10_footer .insta .instacode{
    width: 100%;
    display: block;
    z-index: 1;
    position: relative;
}
.som10_footer .insta .instacode iframe{
    width: 100% !important;
    height: 17vw !important;
}
@media (max-width: 1080px) {
    .som10_footer{
         background-attachment:scroll;
    }
}
@media (max-width: 768px) {
    .som10_footer{
        background-image: url(footer-bgm.jpg);
        background-position: center top;
        padding-top: 3.1vw;
        padding-left: 2vw;
        padding-right: 2vw;
        padding-bottom: 2.2vw;
        background-attachment:scroll;
    }
    .som10_footer .section_inner{
        padding-top: 4.75vw;
        padding-left: 2.4vw;
        padding-right: 2.4vw;
        display: block;
        padding-bottom: 4.74vw;
        border-radius: 20px;
        background-image: url(footer-bgm2.jpg);
        background-position: center top;
        display: flex;
    }
    .som10_footer h5{
        order: 3;
        width: 100%;
        padding-top: 3.8vw;
        font-size: 2.78vw;
        letter-spacing: 0.18vw;
    }
    .som10_footer h5 a{}
    .som10_footer .insta{
        order: 2;
    }
    .som10_footer .insta img{}
    .som10_footer .insta.desktop_only{
        display: none !important;
    }
    .som10_footer .insta.mobile_only{
    }
    .som10_footer h2{position: relative;order: 1;padding-bottom: 5.7vw;}
    .footerlogo{
        display: block;
        order: 4;
        width: 100%;
        display: block;
        text-align: center;
        padding-top: 3.4vw;
        padding-bottom: 7.4vw;
    }
    .footerlogo img{
        margin: 0px auto;
        width: 19vw;
    }
    .som10_footer h2 span{}
    .som10_footer h2 br{}
    .som10_footer h2 br.m{}
    .som10_bottom{
        order: 5;
        width: 100%;
    }
    .som10_bottom .col1{
        width: 100%;
        padding-top: 4vw;
    }
    .som10_bottom .col1 ul{}
    .som10_bottom .col1 ul li{
        height: auto;
        padding-right: 2.1vw;
    }
    .som10_bottom .col1 ul li a{
        font-size: 2.97vw;
        font-weight: 500;
    }
    .som10_bottom .col1 ul li:before{height: 2.6vw;top: 0.5vw;right: 0.1vw;}
    .som10_bottom .col1 ul li:last-child:before{}
    
    .som10_bottom .col2{
        width: 100%;
    }
    .som10_bottom .col2 ul{
        height: auto;
        text-align: left;
    }
    .som10_bottom .col2 ul li{
        height: auto;
        font-size: 2.97vw;
        font-weight: 500;
        text-align: left;
        padding-left: 0vw;
        letter-spacing: 0.02vw;
        display: block;
        margin-top: 0.4vw;
        line-height: 1.5;
    }
    .som10_bottom .col2 ul li a{}
    .som10_bottom .col2 ul li:before{display: none;}
    .som10_bottom .col2 ul li:last-child:before{}
    
    .som10_footer .insta.mobile_only{width: 100%;}
    .som10_footer .insta .instacode iframe {
        width: 100% !important;
        height: 92vw !important;
    }
}