@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "../fonts/stylesheet.css";
/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
@import url('https://fonts.googleapis.com/css2?family=Zain:wght@200;300;400;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playwrite+CZ:wght@100..400&display=swap');
:root {
  --font_BeVietnam: 'BeVietnam';
  --font_Bellota: 'Bellota';
  --font_Elsie: 'Elsie';
  --font_Poppins: 'Poppins';
  --f_main: "Zain", sans-serif;
  --f-k: "Playwrite CZ", cursive;
  --f-lora: 'Lora';
}
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
	font-size: 160%;
	-webkit-text-size-adjust: none;
	font-weight: 400;
}
a{transition:all ease 0.3s;text-decoration:none;color: var(--txt);}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
*,
::before,
::after{box-sizing:border-box;outline: none;}
select { visibility: visible !important; }
a[href^="tel:"] { word-break: keep-all; }

/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#ededed}
/* body{color:var(--txt);-webkit-text-size-adjust:none;min-width:320px;font-family: var(--font_Poppins)} */
body{color:var(--txt);-webkit-text-size-adjust:none;min-width:320px;font-family: var(--f_main);}
/* body#demo{font-family: var(--f_main);} */
table {width: 100%}
h1,h2,h3,h4,h5,h6{line-height: 1.5;font-weight: 700;}
p,dd,dt,li,th,td,address{line-height: 1.5;letter-spacing: 0;}
p {margin: 0 0 15px 0;}
p:last-child{margin-bottom: 0}

#wrapper{min-width: var(--site_size);overflow:hidden;margin:0 auto;max-width: 1920px;}
.inner{width: var(--site_size);margin:0 auto;position:relative;max-width: 100%;padding: 0 15px;}

/*==========================================================
                      C U S T O M 
==========================================================*/
.flex_wrap{display:flex;flex-wrap:wrap}
.flex_center{display: flex; justify-content: center; align-items: center;}
.flex_between{display: flex; justify-content: space-between;}
.flex_align{display:flex;align-items:center;justify-content:space-between}
.flex_col{display:flex;flex-direction: column;}
.flex_col_center{display: flex; justify-content: center; align-items: center; flex-direction: column;}

/*==========================================================
                       H E A D E R
==========================================================*/


/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
header{position: fixed;top: 0;left: 0;width: 300px;height: 100vh;box-shadow: 10px 0 10px rgba(156, 156, 156, 0.2);padding: 25px;transition: 1s ease-in-out;opacity: 0;}
h1{font-size: 50px;font-family: var(--font_Elsie);}
.menu_nav li:not(:last-child) a{margin-bottom: 15px;display: inline-block;}
.menu_nav li a{text-transform: uppercase;font-weight: 700;position: relative;line-height: 1.5;}
.menu_nav li a::before{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 1px;background-color: #000;transition: .3s ease-in-out;}
.menu_nav{margin-top: 15px;}
.social{margin-top: 15px;}
.social a{font-size: 14px;display: inline-block;}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
main{padding: 50px 25px 50px 350px;transition: 1s ease-in-out;opacity: 0;}
footer{transition: 1s ease-in-out;opacity: 0;}
.list_gallery{display: flex;flex-wrap: wrap;margin: -5px;}
.col_gallery{width: calc((100% / 3));padding: 5px;position: relative;}
.gallery_img{width: 100%;height: auto;aspect-ratio: 16/9;background-color: #fff;cursor: zoom-in;position: relative;overflow: hidden;}
.gallery_img img{width: 100%;height: 100%;object-fit: cover;transition: .3s ease-in-out;}
#demo .gallery_img img{object-fit: contain;}
.gallery_popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8);display: flex;justify-content: center;padding: 50px;opacity: 0;transform: scale(0);transition: .3s ease-in-out;z-index: 800;}
.gallery_popup.active{opacity: 1;transform: scale(1);overflow-y: auto;}
.gallery_popup.active .gallery_content{transform: scale(1);opacity: 1;}
.gallery_content{width: 80%;transform: scale(0);opacity: 0;transition: .3s ease-in-out;height: 100%;}
.gallery_post{width: 100%;background-color: #fff;padding: 50px 15px;}
.gallery_content p:not(:last-child){margin-bottom: 20px;}
body.hidden{overflow: hidden;}
.fancybox__content{padding: 0 !important;}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding: 100px 0 !important;}
.gallery_img::before{position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);pointer-events: none;}
.gallery_hover{width: 50px;height: 70px;position: absolute;top: 0;right: 15px;background: linear-gradient(#fdf9a7,#b79648);clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 65%, 0 100%);display: flex;justify-content: center;padding: 5px 0 0 0;box-shadow: 5px 0 5px rgba(156, 156, 156, 0.2);transition: 0s ease-in-out;opacity: 0;transform: scale(0);}
.gallery_hover p{width: 32px;height: 32px;}
.gallery_hover img{filter: brightness(0) invert(1);}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
.popup_content{display: none;max-width: 65% !important;}

.loading_web{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999 !important;transition: 1s ease-in-out;}
.bg_loading_web{width: 100%;height: 100%;background-color: #ededed;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px;pointer-events: none;}
.txt_loading_web p.text{font-size: 3.5vw;font-weight: 700;font-family: var(--font_Elsie);line-height: 1.5;}
.txt_loading_web p.logo{width: 150px;height: 150px;line-height: 1;border-radius: 50%;background: transparent;border: 3px solid #000;display: flex;justify-content: center;align-items: center;font-size: 5vw;font-family: var(--font_Poppins);font-weight: 700;margin: 0 0 20px 0;}
.txt_loading_web .text span.large{font-size: 200%;}
.txt_loading_web{width: 100%;text-align: center;}
.txt_loading1{font-size: 94px;line-height: 1.1;margin: 0;font-weight: 700;animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);letter-spacing: -10px;text-align: center;position: relative;display: inline-block;margin-bottom: 5px;z-index: 5;pointer-events: auto;}
.txt_loading1::before{content: '';position: absolute;bottom: 5px;left: 37px;width: 0%;height: 3px;background: #000;animation: fade_in3 2s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 3s;opacity: 0;filter: blur(4px);}
@keyframes scale { 100% { transform: scale(1); }}
.txt_ani span.space{margin-left: 30px;}
.txt_ani span {display: inline-block;opacity: 0;filter: blur(4px);}
.txt_loading1 span:nth-child(1) {animation: fade_in1 2s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);font-size: 25px;margin-right: 10px;}
.txt_loading1 span:nth-child(2) {animation: fade_in1 2s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.txt_loading1 span:nth-child(3) {animation: fade_in1 2s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.txt_loading1 span:nth-child(4) {animation: fade_in1 2s 2.4s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.txt_loading1 span:nth-child(5) {animation: fade_in1 2s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.txt_loading1 span:nth-child(6) {animation: fade_in1 2s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.txt_loading1 span:nth-child(7) {animation: fade_in1 2s 2.7s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.txt_loading1 span:nth-child(8) {animation: fade_in1 2s 2.8s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.txt_loading1 span:nth-child(9) {animation: fade_in1 2s 2.9s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.txt_loading1 span:nth-child(10) {animation: fade_in1 2s 3s forwards cubic-bezier(0.11, 0, 0.5, 0);}
.txt_loading2 span:nth-child(1) {animation: fade_in2 2s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4s;}
.txt_loading2 span:nth-child(2) {animation: fade_in2 2s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4.1s;}
.txt_loading2 span:nth-child(3) {animation: fade_in2 2s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4.2s;}
.txt_loading2 span:nth-child(4) {animation: fade_in2 2s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4.3s;}
.txt_loading2 span:nth-child(5) {animation: fade_in2 2s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4.4s;}
.txt_loading2 span:nth-child(6) {animation: fade_in2 2s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4.5s;}
.txt_loading2 span:nth-child(7) {animation: fade_in2 2s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4.6s;}
.txt_loading2 span:nth-child(8) {animation: fade_in2 2s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4.7s;}
.txt_loading2 span:nth-child(9) {animation: fade_in2 2s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4.8s;}
.txt_loading2 span:nth-child(10) {animation: fade_in2 2s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 4.9s;}
.txt_loading2 span:nth-child(11) {animation: fade_in2 2s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 5s;}
.txt_loading2 span:nth-child(12) {animation: fade_in2 2s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 5.1s;}
.txt_loading2 span:nth-child(13) {animation: fade_in2 2s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 5.2s;}
.txt_loading2 span:nth-child(14) {animation: fade_in2 2s 2.7s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 5.3s;}
.txt_loading2 span:nth-child(15) {animation: fade_in2 2s 2.9s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 5.4s;}
.txt_loading2 span:nth-child(16) {animation: fade_in2 2s 3.1s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 5.5s;}
.txt_loading2 span:nth-child(17) {animation: fade_in2 2s 3.3s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 5.6s;}
.txt_loading2 span:nth-child(18) {animation: fade_in2 2s 3.5s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 5.7s;}
.txt_loading2 span:nth-child(19) {animation: fade_in2 2s 3.7s forwards cubic-bezier(0.11, 0, 0.5, 0);animation-delay: 5.8s;}
@keyframes fade_in2 { 100% { opacity: 1;filter: blur(0);}}
@keyframes fade_in1 { 100% { opacity: 1;filter: blur(0);}}
@keyframes fade_in3 { 100% { opacity: 1;filter: blur(0);width: calc((100% - 33px));}}
/* end */

.txt_loading2{font-size: 29px;line-height: 1.5;margin: 0;letter-spacing: 0;text-align: center;padding-left: 40px;}
.loading_web.done{opacity: 0;pointer-events: none;}
.loading_web.done .txt_loading1{pointer-events: none;}
.loading_web.nothing{opacity: 0;visibility: hidden;pointer-events: none;transition: 0s ease-in-out;}
main.nothing{opacity: 1;}
header.done,main.done,footer.done{opacity: 1;}
.gallery_post p{margin-bottom: 40px;text-align: center;}
.gallery_post p:last-child{margin-bottom: 0;}
.ytb_clip{min-width: 1000px;height: 500px;width: 100%;}
.ytb_clip p,.ytb_clip iframe{width: 100%;height: 100%;}
.maps_u{width: 100%;height: 450px;margin: 0 0 30px;}
.maps_u{margin: 0 0 30px 0;}
.maps_u iframe{width: 100%;height: 100%;}
.clip_ekip{margin: 10px 0 30px 0;width: 100%;max-width: 100%;height: 600px;}
.clip_ekip iframe{width: 100%;height: 100%;}
h4.title_section{font-size: 38px;;font-family: var(--font_Bellota);margin-bottom: 5px;}
.founder h4.title_section{margin: 0;}
.txt_page{margin: 0 0 30px 0;}
.member_ekip_list{margin: 70px 0 70px 0;display: flex;flex-wrap: wrap;}
.member_ekip_ct:nth-child(1),.member_ekip_ct:nth-child(2),.member_ekip_ct:nth-child(3){border-bottom: 1px solid #000;}
h5{font-size: 24px;}
.member_ekip_ct:nth-child(3),.member_ekip_ct:nth-child(6){border-right: 0;}
.member_ekip_ct{width: calc((100% / 3));border-right: 1px solid #000;padding: 40px;}
.image_founder{margin: 30px 0 70px 0;text-align: center;}
/* .image_founder img{max-height: 1000px;} */
.image_founder img,.image_setup img{max-height: 600px;}
p.name_founder{font-size: 42px;font-weight: 700;margin: 0 0 15px 0;}
.image_setup{margin: 0 0 30px 0;text-align: center;}
.thanks p{font-size: 48px;font-weight: 400;text-align: center;font-family: var(--f-k);}
.member_info ul{padding-left: 0;list-style: none;}
.member_info li{list-style: unset;margin: 0 0 30px 0;}
@keyframes stroke {
  0%   {
    fill: rgba(72,138,20,0); stroke: #000;
    stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
  }
  70%  {fill: rgba(72,138,20,0); stroke: #000; }
  80%  {fill: rgba(72,138,20,0); stroke: #000; stroke-width: 3; }
  100% {
    fill: #000; stroke: #000; 
    stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
  }
}

h3.title_page{font-size: 42px;font-weight: 700}
.contact_list{display: flex;justify-content: center;margin: 0 0 50px 0;}
.contact_ct{margin: 0 20px;display: flex;flex-direction: column;align-items: center;justify-content: center;min-width: 250px;position: relative;}
.contact_ct .txt a{font-size: 20px;font-weight: 400;display: block;text-align: center;margin: 10px 0 0 0;}
.contact_ct .txt a::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.contact_ct .txt p{font-size: 16px;font-weight: 400;display: block;text-align: center;margin: 10px 0 0 0;}
.contact_ct .txt p::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.contact_ct .ic{width: 110px;}
/* DEFAUTL NAME BUTTON */


/* use private */
/*==================== SEC01 ===================*/


/*==================== SEC02 ===================*/


/*==================== SEC03 ===================*/


/*==================== SEC04 ===================*/


/*==================== SEC05 ===================*/


/*==================== SEC06 ===================*/


/*==================== SEC07 ===================*/


/*==================== SEC08 ===================*/



/*==========================================================
                        F O O T E R
==========================================================*/


/* FIX EDGE ONLY  */
@supports (-ms-ime-align: auto) {}

/* FIREFOX ONLY */
@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {}


/* fix renew */
header{display: none;}
/* .loading_web{display: none !important} */
main{padding: 5px 5px 50px 5px;height: auto;opacity: 1;}
/* .bg_loading_web{height: auto;}
.loading_web{position: unset;display: flex;align-items: center;transition: 2s ease-in-out;}
.loading_web.active{height: 200px;}
.loading_web.nothing{opacity: 1;visibility: visible;pointer-events: auto;} */
#wrapper.active{height: 100%}
#wrapper{max-width: 100%;}
.content_tapping.show{height: auto;visibility: visible;opacity: 1;}
/* .content_tapping{width: 100%;max-width: 73%;margin: 0 auto 0;padding: 50px 0 0 0;} */
.content_tapping{width: 100%;max-width: 100%;margin: 0 auto 0;padding: 20px 0 0 0;display: none;}
.ttl_tapping p,
.h3_ttl{font-size: 42px;font-weight: 700;position: relative;line-height: 1.5;display: inline-block;padding: 0 0 0 0;margin: 0;width: 100%;}
.ttl_tapping p::before,
.h3_ttl::before{content: '';position: absolute;bottom: 0;width: 100%;height: 1px;background: #000;left: 0;transition: .3s ease-in-out;opacity: 0;transition-delay: 0.5s;transform: scale(0);}
.box_tapping{border-bottom: 1px solid transparent;padding: 0 0;text-align: center;}
.ttl_tapping.active .more_ic::after{opacity: 0;}
.more_ic{width: 25px;height: 25px;border-radius: 50%;border: 1px solid #000;flex-shrink: 0;margin: 0 0 0 20px;background: #000;position: relative;display: none;}
.more_ic::before{content: '';width: 15px;height: 1px;background: #fff;position: absolute;top: calc((100% - 1px)/2);left: calc((100% - 15px)/2);transition: .3s ease-in-out;}
.more_ic::after{content: '';width: 1px;height: 15px;background: #fff;position: absolute;top: calc((100% - 15px)/2);left: calc((100% - 1px)/2);transition: .3s ease-in-out;}
.ttl_tapping,.h3_ttl{display: inline-flex;align-items: center;cursor: pointer;text-align: center;justify-content: center;width: 100%;position: relative;transition: .3s ease-in-out;}
.ttl_tapping.active p::before,
.ttl_tapping.active .h3_ttl::before{width: 100%;opacity: 1;transform: scale(1);}
/* .ttl_tapping.active p::before,
.ttl_tapping.active .h3_ttl::before{transform: scaleX(4.5);} */
.h3_ttl::before{display: none;}
.clip_ekip{margin: 10px auto 0 auto;}
.member_ekip_list{display: none;}
.member_info ul{text-align: left;}
.image_ekip{margin: 0 0 0 0;text-align: center;}
.image_ekip img{max-height: 550px;}
.thanks{margin: 0 0 0 0;padding-top: 0;opacity: 0;transition: 1s ease-in-out;transition-delay: 1s;filter: blur(10px);}
.gallery_img{margin: 0 0 10px 0;}
.box_tappings{margin: 0 0 40px 0;}
.box_tapping:not(:last-child){margin: 0 0 50px 0;}
.gallery_txt p,
.gallery_txt h2{font-weight: 700;font-size: 25px;}
h4.title_section{font-family: var(--f_main);line-height: 1.2;}
.txt_loading1{font-family: var(--f_main);font-weight: 900;letter-spacing: -5px;}
.txt_loading2{font-family: var(--f-k);}
.txt_page p,.member_info li{font-size: 20px;color: #5f5f5f;text-align: justify;}
.hidden{transition: 3s ease-in-out;display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;pointer-events: none;}
.scroll_text_click{transition: .5s ease-in-out;transform: translateY(100%);margin: 0 auto;opacity: 0;visibility: hidden;position: absolute;bottom: 50px;pointer-events: auto;}
/* .scroll_text_click{transition: .5s ease-in-out;margin: 0 auto;position: unset;bottom: 50px;} */
.ali_center{align-items: center;}

.scroll_text_click p{font-size: 30px;transition: .3s ease-in-out;}
.scroll_text_click.active{transform: translateY(0);opacity: 1;visibility: visible;}
.fullscreen .scroll_text_click{transform: translateY(100%);opacity: 0;visibility: hidden;transition-delay: 0.5s;}
#section2{display: flex;flex-direction: column;align-items: center;justify-content: center;}
#section1{padding-bottom: 200px;}
.hidden.fullscreen{pointer-events: unset;}
.hidden::before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(0);width: 500px;height: 500px;background: #fff;border-radius: 50%;transition: 4s ease-in-out;z-index: -1;}
.hidden.fullscreen::before{transform: translate(-50%,-50%) scale(100);transition: 4s ease-in-out}
.fullscreen .thanks{opacity: 1;filter: blur(0);}
.box_flex{display: flex;margin: 60px 0 0 0;}
.box_left{flex-shrink: 0;width: 50%;margin: 0 40px 0 0;}
.box_right{width: 50%;text-align: left;}
.image_founder{margin: 0;text-align: center;}
.box_left p{width: 100%;}
/* .box_left img{width: 100%;height: 100%;object-fit: cover;} */
.txt_page.center p{text-align: center;}
.image_setup{margin: 0;}
.txt_page{margin: 0;}
.box_text_end{margin: 50px 0 0 0;}
.image_founder img,.image_setup img{max-height: 530px;object-position: center 30%;/* width: auto; */}
.maps_u{margin: 20px 0 0 0;}
.txt_page p.center{text-align: center;}
#demo .loading_web{display: none !important}
.renew_step_box .content_tapping{max-width: 100%;padding: 20px 0 0 0;}
.renew_step_box .ttl_tapping.active p::before,.renew_step_box .ttl_tapping.active .h3_ttl::before{width: 100%;}
.renew_step_box,
.renew_content_box{width: 100%;max-width: 60%;position: relative;margin: 0 auto;}
.renew_step_ct_tag .list{display: flex;flex-wrap: wrap;margin: 0 0;}
.renew_step_ct_tag .item{width: auto;height: auto;padding: 5px 10px;border-radius: 15px;background: #dfdfdf;color: #fff;width: calc((100% / 3) - 20px);margin: 15px 10px;transition: .3s ease-in-out;cursor: pointer;text-align: left;}
.renew_step_ct_tag .item p{font-size: 20px;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;text-transform: uppercase;font-family: var(--font_Bellota);line-height: 1.4;color: #000;font-family: var(--f-lora);text-align: center;}
.renew_step_ct_tag .item p .post_ttl{text-transform: none;line-height: 1.2}
.renew_step_ct_tag .item.active,
.renew_step_ct_tag .item:hover{background: #000;}
.renew_step_ct_tag .item.active p,
.renew_step_ct_tag .item:hover p{color: #fff;}
.renew_step_ct_tag{margin: 0 0 20px 0;}
.renew_step_info{padding: 50px 0 40px 0;position: relative;}
.renew_step_info::before{content: '';position: absolute;top: 0;left: calc((100% - 150px)/2);width: 150px;height: 1px;background: #000;}
.renew_step_info::after{content: '';position: absolute;bottom: 0;left: calc((100% - 150px)/2);width: 150px;height: 1px;background: #000;}
.copy_post{position: absolute;top: 10px;right: 10px;}
.renew_step_ct_title h4{text-transform: uppercase;font-size: 36px;font-family: var(--font_Bellota);}
.renew_step_ct_title{margin: 0 0 35px 0;}
.renew_step_ct_content{text-align: left;font-family: var(--font_Bellota);pointer-events: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* .tab_content {height: 0;opacity: 0;visibility: hidden;width: 100%; transition: max-height 0.5s ease-in-out;
  opacity: 0;
  transition-property: max-height, opacity;}
.tab_content.active {height: auto;opacity: 1;visibility: visible; max-height: 1000px;opacity: 1;}
.item.active { font-weight: bold; color: #d00; } */
.none{display: none !important}
.renew_step_ct_content li{list-style: unset}
.renew_step_ct_content ul,
.renew_step_ct_content ol{margin: 0 0 30px 30px;}
.renew_step_ct_content .alignleft{float: left;margin: 0 20px 20px 0;}
.renew_step_ct_content .alignright{float: right;margin: 0 0 20px 20px;}
.renew_step_ct_content .aligncenter{display: block;margin: 0 auto 20px auto;}
.renew_step_ct_content iframe{border: 0 !important;}
.renew_step_ct_content p span{line-height: 1;}
.copy_post p{background: #dfdfdf;color: #000;padding: 2px 15px;border-radius: 999px;text-align: center;line-height: 1.5;transition: .3s ease-in-out;cursor: pointer;}
/* #section2.zindex{pointer-events: auto;} */
#toggle-dot{display: none !important}
.copyright{margin: 30px 0 0 0;}
.copyright p{text-align: center;font-size: 16px;margin: 0;font-family: var(--font_Poppins);}