@charset "UTF-8";
body.company_body{
    background-color: #FDF9FF;
}
.preparing_content{
    width:100%;
    margin:0 0 200px;
    text-align: center;
}
.preparing_content img{
	width:100%;
}
.preparing_content .desc{
    margin-top:40px;
    color:var(--Color-Grey-400);
}
.company_main {
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 320px;
    background-image:url('/images/intro/company_intro_top-346fad8adee3555cc1a76c3ba01ad06c.png');
    background-size:auto;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 40px;
    font-weight: 700;
    color:var(--Color-Grey-900);
}
.company_tab{
    margin:20px auto 48px;
}
.company_tab ul{
    display: flex;
    justify-content: center;
    gap:12px;
} 
.company_tab ul li .tab {
    opacity: 0.4;
    height:36px;
    border: 1px solid var(--Color-Grey-400);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    color: var(--Color-Grey-800);
}

.company_tab ul li .tab.current {
    opacity: 1;
    border-color: var(--Color-Primary-600);
    color:var(--Color-Primary-600);
}
#intro_1{
    display: flex;
    flex-direction: column;
    gap:80px;
    padding-bottom: 150px;
}
.intro_content{
    width:100%; 
    max-width:1000px;
    margin:0 auto;
}
#intro_1 .group1 {
    display: flex;
    align-items: center;
    background: url('/images/intro/company1_01-c5155400ad6966dd04f08fd61bda3af8.png') no-repeat 80% bottom, linear-gradient(142.19deg, #EFF1FF 19.44%, #F6EEFD 80.71%);
    background-size: auto;
    height: 240px;
    border-radius: 20px;
}

#intro_1 .group1 .content{
    padding-left:255px;
}

#intro_1 .group2 .group_title{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
}
#intro_1 .group2 .group_desc{
    margin-top:40px;
    font-size: 18px;
    font-weight: 600;
    color:var(--Color-Grey-700);
}
#intro_1 .group2 .strong_text{
    color:var(--Color-Grey-900);
}
#intro_1 .group2 .point_color{
    color:var(--Color-Primary-600);
}

#intro_1 .group3 .inner_group{
    display: flex;
    justify-content: space-between;
    height: 340px;
}
#intro_1 .group3 .inner_group + .inner_group{
    margin-top:20px;
}

#intro_1 .group3 .inner_group .inner_box{
    background-color: var(--Color-Primary-100);
    border-radius: 20px;
    padding:40px;
}
#intro_1 .group3 .inner_group .inner_box.box1{
    width:398px;
    background-image: url('/images/intro/company1_03-9d37a45792d2b0269217bdf609afd5e0.png');
    background-size: auto;
    background-position: right bottom;
    background-repeat: no-repeat;
}
#intro_1 .group3 .inner_group .inner_box.box2{
    width:582px;
    background-image: url('/images/intro/company1_04-bf0c87c07aa6f7bc8ec69f2ee232c297.png');
    background-size: auto;
    background-position: 90% 90%;
    background-repeat: no-repeat;
}
#intro_1 .group3 .inner_group .inner_box.box3{
    width:575px;
    background-image: url('/images/intro/company1_05-dab36f35557291a833406472f046ad79.png');
    background-size: auto;
    background-position: 90% 90%;
    background-repeat: no-repeat;
}
#intro_1 .group3 .inner_group .inner_box.box4{
    width:405px;
    background-image: url('/images/intro/company1_06-8609ce9d70715d289c080aea4af09dcf.png');
    background-size: auto;
    background-position: 90% 90%;
    background-repeat: no-repeat;
}
#intro_1 .group3 .inner_box .title{
    margin-bottom: 16px;
    color:var(--Color-Grey-800);
}
#intro_1 .group3 .inner_box .content{
    color:var(--Color-Grey-700);
}
#intro_1 .group3 .group_desc{
    margin-top:20px;
    color:var(--Color-Grey-600);
}

#intro_2.intro_content{
	max-width:none;
}
#intro_2 .group1,
#intro_2 .group2{
	width:100%;
	max-width: 1000px;
	margin:0 auto;
}
#intro_2 .group1 .group_title{
	color:var(--Color-Grey-900);
	margin-bottom: 16px;
}
#intro_2 .group1 .inner_group .group_title .sub{
	color:var(--Color-Grey-800);
}
#intro_2 .group1 .inner_group .group_title .main{
	color:var(--Color-Grey-700);
	margin-top:8px;
}
#intro_2 .group1 .inner_group .group_content{
	margin-top:32px;
	color:var(--Color-Grey-700);
}
#intro_2 .group1 .inner_box{
	background-color:var(--Color-Primary-100);
	border-radius: 20px;
	padding:20px 40px;
	width:100%;
}
#intro_2 .group1 .inner_box .title{
	margin-bottom: 10px;
	color:var(--Color-Grey-800);
}
#intro_2 .group1 .inner_box .content{
	color:var(--Color-Grey-700);
}
 #intro_2 .group1 .group_box{
	 display: flex;
	 gap:12px;
	 margin-top:8px;
 }
 #intro_2 .group1 > div:last-of-type{
	background: url('/images/intro/company2_01-01450ee8c05cd686aeaa3b727b147e6f.png') no-repeat 95% 60%, linear-gradient(96.55deg, #F5F0FF 9.07%, #E3EDFF 90.93%);
    background-size: auto;
    border-radius: 20px;
    padding:44px 40px;
    height: 270px;
    margin-top:16px;
 }  
#intro_2 .group2 .group_title{
	color:var(--Color-Grey-800);
	margin-top:182px;
}
#intro_2 .group2 .group_desc{
	color:var(--Color-Grey-600);
	margin-top:12px;
}

#intro_2 .group2 .inner_group{
	margin-top:36px;
	display: flex;
	gap:12px;
	align-items: stretch;
}
#intro_2 .group2 .inner_group > div:nth-of-type(1){
	width:281px;
	background-image: url('/images/intro/company2_02-412b53f1b6470b8b2aa3f5c51d64beaf.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left 60%;
}
#intro_2 .group2 .inner_group > div:nth-of-type(2){
	width:281px;
	background-image: url('/images/intro/company2_03-3afa2e19960dfd72c496f3d8ca4ef3b4.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: left 70%;
}
#intro_2 .group2 .inner_group > div:nth-of-type(3){
	width:417px;
}

#intro_2 .group2 .inner_group .inner_box{
	background-color: var(--Color-Primary-100);
	border-radius: 20px;
	padding:50px 40px 40px 40px;
	position: relative;
}
#intro_2 .group2 .inner_group .inner_box .title{
	margin-bottom: 16px;
	color:var(--Color-Grey-800)
}
#intro_2 .group2 .inner_group .inner_box .content{
	color:var(--Color-Grey-700);
}
#intro_2 .group2 .inner_group .group_box .inner_box{
	padding:30px 40px;
	min-height:240px;
}
#intro_2 .group2 .inner_group .inner_box a.box_btn{
	position: absolute;
	right: 40px;
	bottom:40px;
}
#intro_2 .group2 .inner_group .group_box .inner_box + .inner_box{
	margin-top:12px;
}
#intro_2 .group3{
	margin-top:100px;
	background: linear-gradient(96.55deg, #F5F0FF 9.07%, #E3EDFF 90.93%);
	padding:80px 0;
	text-align: center;
}
#intro_2 .group3 .group_title{
	color:var(--Color-Grey-800);
	margin-bottom: 12px;
}
#intro_2 .group3 .group_desc .main{
	color:var(--Color-Grey-700);
}
#intro_2 .group3 .group_desc .sub{
	font-size: 18px;
	font-weight: 600;
	color:var(--Color-Grey-600);
}
#intro_2 .group3 .inner_group.circle_content{
	margin:80px 0 60px;
	display: flex;
	gap:50px;
	justify-content: center;
	align-items: center;
}
#intro_2 .group3 .inner_group.circle_content .inner_box{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width:280px;
	height:280px;
	border-radius: 280px;
	background-color: var(--Color-Primary-100);
}
#intro_2 .group3 .inner_group.circle_content .inner_box .title{
	color:var(--Color-Grey-800);
	margin-bottom: 12px;
}
#intro_2 .group3 .inner_group.circle_content .inner_box .content{
	color:var(--Color-Grey-700);
}
#intro_2 .group3 > div:last-of-type{
	margin-top:60px;
}
#intro_2 .group3 > div:last-of-type .title{
	color:var(--Color-Grey-800);
}
#intro_2 .group3 > div:last-of-type .dsec{
	color:var(--Color-Grey-700);
	margin-top:16px;
}
#intro_2 .group4{
	background-color:var(--Color-Primary-100);
    padding:80px 0
}
#intro_2 .group4 .inner_content{
	display: flex;
	align-items: center;
	width:100%;
	height:100%;
	margin:0 auto;
	max-width: 1000px;
	background-image: url('/images/intro/company2_04-95b8d45e63a4aaa324e141ce0ffdc02d.png');
	background-repeat: no-repeat;
	background-size: 40%;
	background-position: right top;
}
#intro_2 .group4 .inner_content .main_list{
	display: flex;
	flex-direction: column;
	gap:24px;
	color:var(--Color-Grey-800);
	width:100%;
}
#intro_2 .group4 .inner_content .sub_list{
	list-style: disc;
	padding-left:20px;
	color:var(--Color-Grey-600);
}
#intro_3{
	padding-bottom:300px;
}
#intro_3 .group1 .group_title{
	color:var(--Color-Grey-800);
	margin-bottom: 12px;
}
#intro_3 .group1 .group_desc{
	color:var(--Color-Grey-700);
}
#intro_3 .group2{
	margin-top:65px;
}

#intro_3 .group2 .inner_group{
	display: flex;
	justify-content: center;
	gap:20px;
}
#intro_3 .group2 .inner_group .inner_box{
	height:100px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width:48%;
	padding:0 40px;
}

#intro_3 .group2 .inner_group .inner_box .title{
	margin-top:24px;
}

#intro_3 .group3{
	margin-top:22px;
}

#intro_3 .group3 .group_list{
	display: flex;
	gap:20px;
	flex-wrap: wrap;
	justify-content: center;
}
#intro_3 .group3 .group_list li{
	background: linear-gradient(96.55deg, #F5F0FF 9.07%, #E3EDFF 90.93%);
	width:48%;
	height:170px;
	border-radius: 20px;
	padding:40px;
}
#intro_3 .group3 .group_list li .title{
	margin-bottom: 8px;
	color:var(--Color-Grey-800);
}
#intro_3 .group3 .group_list li .desc{
	color:var(--Color-Grey-700);
}
#intro_6{
	padding-bottom:180px;
}
#intro_6 .group1 .group_title{
	margin-bottom: 12px;
	color:var(--Color-Grey-800);
}
#intro_6 .group1 .group_desc{
	margin-bottom: 12px;
	color:var(--Color-Grey-700);
}
#intro_6 .group1 .circle_content{
	margin-top: 60px;
	margin-bottom: 180px;
	background-image: url('/images/intro/company6_01-0342a91e1cd545fc67af3c5443bffb31.png');
	background-repeat: no-repeat;
	background-size: auto;
	background-position: center 60%;
	height:632px;
	position: relative;
}
#intro_6 .group1 .circle_content > div{
	position: absolute;
}
#intro_6 .group1 .circle_content > div:nth-of-type(1){
	left:2%;
	bottom:0;
}
#intro_6 .group1 .circle_content > div:nth-of-type(2){
	left:30%;
	top:13%;
}
#intro_6 .group1 .circle_content > div:nth-of-type(3){
	right:0;
	top:0;
}
#intro_6 .group1 .circle_content > div:nth-of-type(4){
	right:8%;
	bottom:-30px;
	background: linear-gradient(96.55deg, #F5F0FF 9.07%, #E3EDFF 90.93%);
	border-radius: 20px;
	padding:30px 25px;
}
#intro_6 .group1 .circle_content > div:nth-of-type(4) .content{
	color:var(--Color-Grey-700);
}
#intro_6 .group1 .circle_content .cricle_box{
	width:264px;
	height:264px;
	border-radius:240px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(96.55deg, #F5F0FF 9.07%, #E3EDFF 90.93%);
} 

#intro_6 .group1 .circle_content .cricle_box .inner_circle{
	width:210px;
	height:210px;
	border-radius: 192px;
	background-color: var(--Color-Primary-100);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color:var(--Color-Grey-800);
}

#intro_6 .group1 .circle_content .inner_box .title{
	margin-bottom: 10px;
}
#intro_6 .group2 .group_title{
	margin-bottom: 12px;
	color:var(--Color-Grey-800);
}
#intro_6 .group2 .group_dsec{
	color:var(--Color-Grey-700);
}
#intro_6 .group2 .group_content{
	margin-top:70px;
}
#intro_6 .group2 .group_content .content_list{
	display: flex;
	gap:16px;
}
#intro_6 .group2 .group_content .content_list > li{
	width:100%;
	height:150px;
	background-image: url('/images/intro/company6_02-df877e618abfeaf0871a30c8ab77ec35.png');
	background-size: contain;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left:16px;
}
#intro_6 .group2 .group_content .content_list > li .title{
	color:var(--Color-Grey-800);
	margin-bottom: 10px;
}
#intro_6 .group2 .group_content .content_list > li .content{
	color:var(--Color-Grey-700);
}
#intro_6 .group2 .group_content .list_desc{
	margin-top:20px;
	color:#6B6060;
}
#intro_6 .group3{
	margin-top:190px;
}
#intro_6 .group3 .group_title{
	margin-bottom: 12px;
	color:var(--Color-Grey-800);
}
#intro_6 .group3 .group_dsec{
	color:var(--Color-Grey-700);
}

#intro_6 .group3 .preparing_text{
	color:var(--Color-Grey-400);
	margin-top:20px;
}

#intro_6 .group1 .circle_content img{
	position: absolute;
	z-index: 10;
}
#intro_6 .group1 .circle_content img.bg_1{
	left:20px;
	top:200px;
}
#intro_6 .group1 .circle_content img.bg_2{
	left:530px;
    bottom: 160px;
}
#intro_6 .group1 .circle_content img.bg_3{
	right: 60px;
    top: 300px;
}
#intro_6 .group1 .circle_content img.bg_4{
	right: -190px;
    top: -150px;
}
#intro_6 .group1 .circle_content img.bg_5{
	left: 260px;
    bottom: -30px;
}
#intro_7{
	padding-bottom: 130px;
}
#intro_7 .group1 .group_title{
	margin-bottom: 12px;
	color:var(--Color-Grey-800);
}
#intro_7 .group1 .group_dsec{
	color:var(--Color-Grey-700);
}
#intro_7 .group1 .group_content{
	margin-top:70px;
}
#intro_7 .group1 .group_content .content_list > li{
	width:100%;
	height:250px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap:60px;
	background: linear-gradient(96.55deg, #F5F0FF 9.07%, #E3EDFF 90.93%);
	border-radius: 20px;
}
#intro_7 .group1 .group_content .content_list > li + li{
	margin-top:20px;
}
#intro_7 .group1 .group_content .content_list > li .title{
	color:var(--Color-Grey-700);
	margin-bottom: 12px;
}
#intro_7 .group1 .group_content .content_list > li .content{
	width:410px;
	color:var(--Color-Grey-600);
}
.intro_content .group_image > img{
	width:100%;
}
@media all and (max-width:1000px){
	.intro_content > div,
	#intro_2 .group4{
		padding-left:10px;
		padding-right:10px;
	}
	#intro_6{
		overflow-x:hidden;
	}
}