@charset "utf-8";

.tb{
display:none;}

.sp{
display:none;}
 
/*header*/
#fix_head{
display:none;}

#header{
position:fixed;
width:100vw;
z-index:10;
top:0;
left:0;
display:flex;
mix-blend-mode:luminosity;}

#menu_logo{
width:270px;
margin:30px 0 0 60px;
margin-right:auto;}

#menu_logo:hover{
filter:invert(1) brightness(0);
transition:0.5s;}

#menu_nav ul{
display:flex;
font-weight:200;
font-size:19px;}

#menu_nav ul a{
position:relative;
color:#000;
transition:0.5s;}

.menu_reg{
margin:62px 50px 0 0;}

.menu_reg a{
padding-bottom:2px;
background-image:linear-gradient(#7d9e86,#7d9e86);
background-repeat:no-repeat;
background-position:bottom right;
background-size:0 1px;
transition:background-size 0.3s;}

.menu_reg a:hover{
color:#7d9e86!important;
background-position:bottom left;
background-size:100% 1px;}

.menu_reg .cr{
color:#7d9e86!important;
background-position:bottom left;
background-size:100% 1px;}

#menu_entry{
background-image:url(../img/menu_entry.svg);
background-size:150px;
background-repeat:no-repeat;
background-position:center right;
width:150px;
height:150px;
line-height:145px;
text-align:center;
font-weight:150!important;
font-size:29px;
transition:0.5s;
color:#fff!important;
display:block;}

#menu_entry:hover{
background:#597a6b;
transition:0.5s;}

.menu_expand{
position:relative;
display:inline-block;}

.has_child{
position:relative;}

.has_child a:hover{
cursor:pointer;}

.has_child ul{
position:absolute;
width:250px;
top:150px;
right:0;
display:block!important;
visibility:hidden;
opacity:0;
transition:all 0.3s;
background:rgba(242,242,242,0.7);
font-size:16px!important;
font-weight:400!important;
padding:0 25px;}

.has_child li{
width:100%;
text-align:left;
padding:25px 0;
border-bottom:1px solid #000;}

.has_child li:last-child{
border-bottom:0 solid #000;}

.has_child li a{
display:block;
transition:0.5s;}

.has_child li a:hover{
color:#6a8372!important;
transition:0.5s;}

.has_child .more_arrow{
width:20px;
position:absolute;
top:3px;
right:0;
transition:0.5s;}

.has_child li a:hover .more_arrow{
transform:translateX(8px);
transition:0.5s;
filter:invert(1) brightness(0);}

.has_child:hover > ul,.has_child ul li:hover > ul,.has_child:active > ul,.has_child ul li:active > ul{
visibility:visible;
opacity:1;}

/*footer*/
#footer_entry{
background:#e6e6e6;}

#footer_entry_in{
display:flex;
position:relative;
width:1200px;
margin:0 auto;
padding:60px 0 12px 0;}

#footer_entry_in01{
width:490px;
margin-left:-130px;}

.footer_entry_left{
position:absolute;
top:0;
left:-130px;
width:248px;
margin:0;
overflow:hidden;}

.footer_entry_left img{
width:248px;}

.ttl_slash_animated05{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
mix-blend-mode:multiply;
visibility:hidden;}

#footer_entry_in01 h2{
font-weight:200;
font-size:70px;
margin-left:150px;}

#footer_entry_in01 p{
font-weight:400;
font-size:16px;
line-height:1.9;
margin-left:156px;
padding-bottom:30px;}

#footer_entry_in02{
width:690px;
display:flex;
flex-wrap:wrap;
margin:-6px 0 0 auto;}

.footer_entry_link{
background:linear-gradient(to right,#f4b0a1,#fff8b0,#80cbd6);
color:#000;
position:relative;
width:200px;
height:50px;
border-radius:30px; 
transition:all 1s ease-out;
font-weight:400;
font-size:16px;
line-height:42px;
padding-top:4px;
margin-left:30px;}

.footer_entry_link:nth-of-type(4){
margin-top:-14px;}

.footer_entry_link:nth-of-type(5){
margin-top:-14px;}

.footer_entry_link span{
position:relative;
display:block;
background-color:#fff;
border-radius:30px;
width:192px;
height:42px;
margin:0 auto;
transition:0.5s;
text-align:center;}

.footer_entry_link span:hover{
background:transparent;
transition:0.5s;}

.footer_entry_link span a{
position:relative;
display:block;
margin:0 0 0 -3px;
color:#000;}

.footer_entry_link::before{
background:linear-gradient(to left,#f4b0a1,#fff8b0,#80cbd6);
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
border-radius:30px; 
transition:all 0.5s ease-out;}

.footer_entry_link:hover{
color:#fff;}

.footer_entry_link:hover::before{
 opacity:0;}

.footer_entry_link .more_arrow{
width:20px;
position:absolute;
top:15px;
right:16px;
transition:0.5s;}

.footer_entry_link span:hover .more_arrow{
transform:translateX(6px);
transition:0.5s;
filter:invert(1) brightness(0);}

#footer_btm{
display:flex;
width:1200px;
margin:0 auto;
padding-bottom:40px;}

#footer_btm01 h2{
width:270px;
margin:30px 0 24px 0;
transition:0.5s;}

#footer_btm01 h2:hover{
filter:invert(1) brightness(0);
transition:0.5s;}

#footer_btm01 p{
font-weight:300;
font-size:12px;}

#footer_btm02{
margin-left:auto;}

#footer_btm02 ul{
display:flex;
margin-top:-10px;}

#footer_btm02 ul a{
font-weight:200;
font-size:15px;
position:relative;
color:#000;
transition:0.5s;
margin:0 10px;}

#youtube{
width:29px;
margin:44px 24px 0 0;
transition:0.5s;}

#youtube:hover{
filter:brightness(0) saturate(100%) invert(54%) sepia(4%) saturate(1558%) hue-rotate(86deg) brightness(89%) contrast(86%);
transition:0.5s;}

#instagram{
width:25px;
margin-top:42px;
transition:0.5s;}

#instagram:hover{
filter:brightness(0) saturate(100%) invert(54%) sepia(4%) saturate(1558%) hue-rotate(86deg) brightness(89%) contrast(86%);
transition:0.5s;}

#footer_corporate{
position:relative;
width:250px;
height:40px;
border-radius:30px;
margin:19px 0 0 auto;}

#footer_corporate a{
border:1px solid #000;
display:block;
width:250px;
height:40px;
border-radius:30px;
line-height:38px;
color:#000;
font-weight:400;
font-size:16px;
text-align:center;
transition:0.5s;}

#footer_corporate a:hover{
border:1px solid #6a8372;
color:#fff;
background:#6a8372;
transition:0.5s;}

#footer_corporate .more_arrow{
width:20px;
position:absolute;
top:14.5px;
right:20px;
transition:0.5s;}

#footer_corporate a:hover .more_arrow{
filter:invert(100) brightness(100);
transform:translateX(6px);
transition:0.5s;}

/*kv*/
#kv{
position:absolute;
top:0;
left:0;}

#key{
position:absolute;
top:0;
left:0;
width:100vw;
height:53vw;
display:flex;
align-items:center;
justify-content:center;
flex-direction:row-reverse;
overflow:hidden;}

.key_ph{
margin-left:-8vw;
position:absolute;
top:0;
clip-path:polygon(24.6% 0%,71% 0%,46.6% 100%,0% 100%);
overflow:hidden;
transition:2.5s cubic-bezier(0.65,0,0.35,1);
transform:translateX(-100px);
opacity:0;}

.key_ph.op{
transform:translateX(0);
opacity:1;}

.key_ph:after{
content:'';
display:block;
width:100%;
height:100%;
position:absolute;
z-index:3;
right:0;
top:0;
background:url(../img/cover.png) no-repeat right center;
background-size:100vw;
transition:1s cubic-bezier(0.65,0,0.35,1);}

.key_ph.show:after{
animation:ph_show 15s infinite cubic-bezier(0.65,0,0.35,1);}

@keyframes ph_show{
0%{width:100%;right:0;left:auto;}
5%{width:0%;right:0;left:auto;}
6%{width:0%;right:auto;left:0;}

48%{width:0%;right:auto;left:0;}
50%{width:100%;right:auto;left:0;}
50.1%{width:100%;right:0;left:auto;}
55%{width:0%;right:0;left:auto;}
60%{width:0%;right:auto;left:0;}

91%{width:0%;right:auto;left:0;}
92%{width:0%;right:auto;left:0;}
99%{width:100%;right:auto;left:0;}
100%{width:100%;right:0;left:auto;}}

.key_ph img{
transform:scale(1.1);}

.key_ph.show .img01{
animation:img_show01 22.5s infinite cubic-bezier(0.37,0,0.63,1);}

@keyframes img_show01{
0%{opacity:1;transform:scale(1.1) translateX(-2%);}
33.33%{opacity:1;transform:scale(1.1) translateX(2%);}
33.34%{opacity:0;transform:scale(1.1) translateX(-2%);}
100%{opacity:0;transform:scale(1.1) translateX(-2%);}}

.key_ph .img02{
position:absolute;
z-index:2;
top:0;
left:0;}

.key_ph.show .img02{
animation:img_show02 22.5s infinite cubic-bezier(0.37,0,0.63,1);}

@keyframes img_show02{
0%{opacity:0;transform:scale(1.1) translateX(-2%);}
33.33%{opacity:0;transform:scale(1.1) translateX(-2%);}
33.34%{opacity:1;transform:scale(1.1) translateX(-2%);}
66.66%{opacity:1;transform:scale(1.1) translateX(2%);}
66.67%{opacity:0;transform:scale(1.1) translateX(-2%);}
100%{opacity:0;transform:scale(1.1) translateX(-2%);}}

.key_ph .img03{
position:absolute;
z-index:1;
top:0;
left:0;}

.key_ph.show .img03{
animation:img_show03 22.5s infinite cubic-bezier(0.37,0,0.63,1);}

@keyframes img_show03{
0%{opacity:0;transform:scale(1.1) translateX(-2%);}
66.66%{opacity:0;transform:scale(1.1) translateX(-2%);}
66.67%{opacity:1;transform:scale(1.1) translateX(-2%);}
100%{opacity:1;transform:scale(1.1) translateX(2%);}}

.human_left{
position:absolute;
top:0;
left:0;
width:50vw;
margin:27vw 0 0 9vw;
overflow:hidden;}

.back_animated_img{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
animation:revealimg 2s forwards;
animation-delay:1.6s;
mix-blend-mode:multiply;
transform:translate3d(0,0,0);}

@keyframes revealimg{
0%{clip-path:inset(0 0 100% 0);}
100%{clip-path:inset(0 0 0 0);}}

.catch01{
position:absolute;
top:12vw;
right:150px;
display:flex;
align-items:center;}

.catch02{
position:absolute;
top:21.5vw;
right:150px;
display:flex;
align-items:center;}

.catch03{
position:absolute;
top:31vw;
right:150px;
display:flex;
align-items:center;}

.catch_text{
font-weight:200;
font-size:8vw;
white-space:nowrap;
overflow:hidden;
display:inline-block;
max-width:0;
animation:revealtext 0.3s forwards ease-out;}

@keyframes revealtext{
from{max-width:0;}
to{max-width:100%;}}

.catch01 .catch_text{
animation-delay:2.2s;}

.catch02 .catch_text{
animation-delay:2.4s;}

.catch03 .catch_text{
animation-delay:2.6s;}

/*index01*/
#index01_box{
width:1200px;
margin:54vw auto 0 auto;}

#sub_hang{
position:relative;}

#sub_hang_text01{
position:absolute;
top:0;
right:260px;
width:84px;
height:49px;}

#sub_hang_text02{
position:absolute;
top:81px;
right:468px;
width:74px;
height:46px;}

#sub_hang_icon01{
position:absolute;
top:92px;
right:395px;
width:23px;
height:23px;}

#sub_hang_text03{
position:absolute;
top:88px;
right:242px;
width:110px;
height:33px;}

#sub_hang_icon02{
position:absolute;
top:92px;
right:179px;
width:23px;
height:23px;}

#sub_hang_text04{
position:absolute;
top:83px;
right:30px;
width:107px;
height:43px;}

#sub_hang_text05{
position:absolute;
top:164px;
right:210px;
width:178px;
height:47px;}

.revealltrimg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
transform:translateX(-10%);
transition:transform 0.1s ease-out;
opacity:0;}

.revealltrimg img{
width:100%;
height:100%;
object-fit:cover;
transform:scaleX(0);
transition:transform 0.1s ease-out;}

.revealltrimg.animate{
transform:translateX(0);
opacity:1;}

.revealltrimg.animate img{
transform:scaleX(1);}
	
#sub_hang_text05 .revealltrimg{
transition:transform 0.25s ease-out;}

#sub_hang_text05 .revealltrimg img{
transition:transform 0.25s ease-out;}

#subcatch_in{
padding-top:70px;
display:flex;
justify-content:flex-end;}

.subcatch_box{
position:relative;}

.subcatch_box div{
position:absolute;
background:black;}

#subcatch_box01{
width:140px;
height:70px;}

#subcatch_box02{
width:164px;
height:70px;
margin-left:52px;}

#subcatch_box03{
width:164px;
height:70px;
margin-left:52px;}

.subcatch_top{
top:0;
left:0;
width:0;
height:1px;}

@keyframes draw-top{
to{width:100%;}}

.subcatch_right{
top:0;
right:0;
width:1px;
height:0;}

@keyframes draw-right{
to{height:100%;}}

.subcatch_bottom{
bottom:0;
right:0;
width:0;
height:1px;}

@keyframes draw-bottom{
to{width:100%;}}

.subcatch_left{
bottom:0;
left:0;
width:1px;
height:0;}

@keyframes draw-left{
to{height:100%;bottom:0;}}

.animated .subcatch_top{
animation:draw-top 0.1s forwards;}

.animated .subcatch_right{
animation:draw-right 0.1s forwards 0.1s;}

.animated .subcatch_bottom{
animation:draw-bottom 0.1s forwards 0.2s;}

.animated .subcatch_left{
animation:draw-left 0.1s forwards 0.3s;}

.human_right{
position:absolute;
top:0;
left:0;
width:55vw;
margin:78vw 0 0 28vw;
overflow:hidden;}

.back_animated_img_thin{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
mix-blend-mode:multiply;
visibility:hidden;}

@keyframes revealimg_thin_move{
to{clip-path:inset(0 0 0 0);}}

/*index02*/
#index02_box{
width:1200px;
margin:25vw auto 150px auto;}

#index02_box_in{
width:570px;
margin-left:auto;}

#index02_box_in h2{
font-weight:200;
font-size:50px;}

#index02_box_in p{
font-weight:300;
font-size:17px;
line-height:2.8;
margin-top:40px;}

/*index03*/
#index03_box{
width:1200px;
margin:0 auto;}

.movie{
position:relative;
width:900px;
height:0;
padding-bottom:506px;
overflow:hidden;
border-radius:10px;
margin:0 auto;}

.movie iframe{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;}

#index03_box h3{
font-weight:200;
font-size:40px;
text-align:center;
margin-top:40px;}

/*index04*/
#index04_box{
position:relative;
width:1200px;
margin:250px auto 0 auto;}

#index04_box h2{
position:relative;
font-weight:200;
font-size:100px;
line-height:0.7;
margin-left:65px;}

.ttl_slash01{
position:absolute;
top:0;
left:-65px;
width:61px;
overflow:hidden;}

.ttl_slash_animated01{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
mix-blend-mode:multiply;
visibility:hidden;}

@keyframes reveal_slash_img{
to{clip-path:inset(0 0 0 0);}}

#index04_box h3{
font-weight:400;
font-size:30px;
margin:30px 0 0 71px;}

#index04_box_in{
display:flex;
width:1055px;
margin:100px auto 0 auto;}

#index04_box_in01{
width:706px;}

#index04_box_in01 h4{
font-weight:200;
font-size:40px;
letter-spacing:2px;
line-height:1.7;}

#index04_box_in01 p{
font-weight:350;
font-size:16px;
margin-top:50px;
letter-spacing:1px;
line-height:2.4;}

#index04_box_in02{
width:322px;
text-align:center;}

#index04_box_in02 p{
font-weight:350;
font-size:20px;
line-height:1.5;
margin-top:12px;}

#index04_box_in02 p::first-line{
font-weight:350;
font-size:16px;}

.index04_box_human_left{
position:absolute;
top:0;
left:0;
width:50vw;
margin:320px 0 0 660px;
overflow:hidden;}

.ttl_slash_animated_ex01{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
mix-blend-mode:multiply;
visibility:hidden;}

.index04_box_human_right{
position:absolute;
top:0;
left:0;
width:55vw;
margin:900px 0 0 800px;
overflow:hidden;}

.ttl_slash_animated_ex02{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
mix-blend-mode:multiply;
visibility:hidden;}

/*index05*/
#index05_box{
position:relative;
width:1200px;
margin:220px auto 0 auto;}

#index05_box h2{
position:relative;
font-weight:200;
font-size:100px;
line-height:0.7;
margin-left:65px;}

.ttl_slash02{
position:absolute;
top:0;
left:-65px;
width:61px;
overflow:hidden;}

.ttl_slash_animated02{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
mix-blend-mode:multiply;
visibility:hidden;}

#index05_box h3{
font-weight:400;
font-size:30px;
margin:30px 0 0 71px;}

#index05_box p{
font-weight:350;
font-size:16px;
margin:50px 0 50px 71px;
letter-spacing:1px;
line-height:2.4;}

.carousel_box{
position:relative;
margin:0 calc(50% - 50vw);
width:100vw;}

.carousel{
width:100%;
margin:0 auto;}

.carousel_wrap{
display:flex;
overflow:hidden;}

.carousel_wrap_list{
display:flex;
list-style:none;
animation:infinity 400s infinite linear 0.5s both;}

@keyframes infinity{
from{transform:translateX(0);}
to{transform:translateX(-100%);}}

.carousel_item{
position:relative;
width:600px;
margin-left:-180px;
overflow:hidden;
object-fit:cover;
clip-path:polygon(36% 0%,96% 0%,64% 100%,4% 100%);}

.carousel_item img{
width:100%;
transition:0.5s;}

.carousel_item:hover img{
width:600px;
transform:scale(1.05);
transition:0.5s;}

.carousel_item h4{
font-weight:200;
font-size:100px;
position:absolute;
top:10px;
right:90px;
transition:0.5s;}

.carousel_item:hover h4{
transform:translate(-10px,10px) translate3d(0,0,0);
transition:0.5s;
color:#99d4cf;
mix-blend-mode:multiply;}

.carousel_item h5{
font-weight:350;
font-size:22px;
line-height:1.5;
position:absolute;
bottom:26px;
left:90px;
white-space:nowrap;
opacity:0.9;
transition:0.5s;
color:#fff;}

.carousel_item h5::first-line{
font-weight:350;
font-size:16px;}

.carousel_item:hover h5{
transform:translate(10px,-10px);
transition:0.5s;
color:#fff;
opacity:0.9;}

#interview_link{
position:relative;
width:250px;
height:60px;
border-radius:30px;
border:1px solid #000;
margin:90px auto 0 auto;}

#interview_link a{
display:block;
width:250px;
height:60px;
border-radius:30px;
line-height:58px;
color:#000;
font-size:20px;
font-weight:200;
text-align:center;
transition:0.5s;}

#interview_link a:hover{
color:#fff;
background:#000;
transition:0.5s;}

#interview_link .more_arrow{
width:20px;
position: absolute;
top:24px;
right:20px;
transition:0.5s;}

#interview_link a:hover .more_arrow{
filter:invert(100) brightness(100);
transform:translateX(6px);
transition:0.5s;}

/*index06*/
#index06_box{
position:relative;
width:1200px;
margin:220px auto 0 auto;
padding-top:40px;}

#index06_box h2{
position:relative;
font-weight:200;
font-size:100px;
line-height:0.7;
margin-left:65px;}

.ttl_slash03{
position:absolute;
top:0;
left:-65px;
width:61px;
overflow:hidden;}

.ttl_slash_animated03{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
mix-blend-mode:multiply;
visibility:hidden;}

#index06_box h3{
font-weight:400;
font-size:30px;
margin:30px 0 0 71px;}

#index06_box h4{
font-weight:350;
font-size:30px;}

#index06_bg{
position:absolute;
z-index:-1;
top:0;
left:50%;
transform:translateX(-50%);
margin:0 auto;
width:2354px;}

.count_num{
font-weight:400;
font-size:30px;
line-height:1.1;}

.count-up{
font-weight:200;
font-size:140px;}

#index06_top{
display:flex;
width:1200px;
margin:80px auto 0 auto;}

#index06_top01{
background:#fff;
width:700px;
height:300px;
margin-right:25px;
padding:36px 50px 0 50px;}

#index06_top01_in{
display:flex;}

#index06_top01_in_l{
text-align:center;
width:300px;}

#index06_top01_in_l .count-up{
display:inline-block;
width:234px;}

#index06_top01 p{
font-weight:350;
font-size:16px;
letter-spacing:0.3px;
margin-top:5px;}

#index06_top01 p span{
font-size:12px;}

#index06_top01_in_r{
width:215px;
margin:-7px 0 0 74px;}

#index06_top02{
position:relative;
background:#fff;
width:475px;
height:300px;}

#chart-container{
display:flex;
align-items:center;
justify-content:center;
margin-top:35px;}

.circular-chart{
width:200px;
height:200px;}

.circle-bg{
fill:none;
stroke:#f5b99f;
stroke-width:7;}

.circle{
fill:none;
stroke-width:7;
stroke:#3eb4b5;
stroke-dasharray:113.097;
stroke-dashoffset:113.097;
transition:stroke-dashoffset 3s ease-out;}

#index06_top02 h3{
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
font-weight:350;
font-size:30px;
margin:107px 0 0 0;}

#index06_top02_h4_01{
position:absolute;
bottom:155px;
left:65px;
font-weight:300!important;
font-size:20px!important;}

#index06_top02_h5_01{
position:absolute;
bottom:90px;
left:40px;
font-weight:200!important;
font-size:60px!important;}

#index06_top02_h4_02{
position:absolute;
right:65px;
bottom:155px;
font-weight:300!important;
font-size:20px!important;}

#index06_top02_h5_02{
position:absolute;
right:40px;
bottom:90px;
font-weight:200!important;
font-size:60px!important;}

#index06_top02 h6{
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
font-weight:350;
font-size:16px;
margin:240px 0 0 0;}

#index06_btm{
display:flex;
width:1200px;
margin:25px auto 0 auto;}

#index06_btm01{
background:#fff;
width:383px;
height:500px;
margin-right:25px;
padding:36px 50px 0 50px;
text-align:center;}

#index06_btm01 .count-up{
display:inline-block;
width:244px;}

#index06_btm01 img{
width:194px;
margin:25px auto 0 auto;}

#index06_btm02{
background:#fff;
width:383px;
height:500px;
margin-right:25px;
padding:36px 50px 0 50px;
text-align:center;}

#index06_btm02 .count_num{
white-space:nowrap;
margin-left:-20px;}

#index06_btm02 .count-up{
display:inline-block;
width:300px;}

#index06_btm02 h6{
font-weight:350;
font-size:16px;}

#index06_btm02 img{
width:200px;
margin:30px auto 0 auto;}

#index06_btm03{
background:#fff;
width:383px;
height:500px;
padding:36px 50px 0 50px;
text-align:center;}

#index06_btm03 .count_num{
white-space:nowrap;
margin-left:-10px;}

#index06_btm03 .count-up{
display:inline-block;
width:250px;}

#index06_btm03 h6{
font-weight:350;
font-size:16px;}

#index06_btm03 img{
width:189px;
margin:35px auto 0 auto;}

#data_link{
position:relative;
width:250px;
height:60px;
border-radius:30px;
border:1px solid #000;
margin:90px auto 0 auto;}

#data_link a{
display:block;
width:250px;
height:60px;
border-radius:30px;
line-height:58px;
color:#000;
font-size:20px;
font-weight:200;
text-align:center;
transition:0.5s;}

#data_link a:hover{
color:#fff;
background:#000;
mix-blend-mode:multiply;
transition:0.5s;}

#data_link .more_arrow{
width:20px;
position: absolute;
top:24px;
right:20px;
transition:0.5s;}

#data_link a:hover .more_arrow{
filter:invert(100) brightness(100);
transform:translateX(6px);
transition:0.5s;}

.index06_box_human_right{
position:absolute;
z-index:-1;
top:0;
left:0;
width:55vw;
margin:900px 0 0 600px;
overflow:hidden;}

.ttl_slash_animated_ex03{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
mix-blend-mode:multiply;
visibility:hidden;}

/*index07*/
#index07_box{
position:relative;
width:1200px;
margin:240px auto 280px auto;
padding-top:40px;}

#index07_box h2{
position:relative;
font-weight:200;
font-size:100px;
line-height:0.7;
margin-left:65px;}

.ttl_slash04{
position:absolute;
top:0;
left:-65px;
width:61px;
overflow:hidden;}

.ttl_slash_animated04{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
mix-blend-mode:multiply;
visibility:hidden;}

#index07_box h3{
font-weight:400;
font-size:30px;
margin:30px 0 0 71px;}

#index07_box_in{
display:flex;
margin-top:80px;}

#index07_box_in h4 a{
position:absolute;
top:170px;
left:50%;
transform:translateX(-50%);
font-weight:100;
font-size:50px;
white-space:nowrap;
color:#fff;
opacity:0.8;
transition:0.5s;}

#index07_box_in h5 a{
position:absolute;
bottom:-39px;
left:0;
font-weight:300;
font-size:20px;
white-space:nowrap;
color:#000;
transition:0.5s;}

.index07_more{
position:absolute;
bottom:-30px;
right:30px;
width:20px;
transition:0.5s;}

#index07_box_in01{
position:relative;}

#index07_box_in01_in{
position:relative;
width:380px;
height:380px;
overflow:hidden;
object-fit:cover;
margin-right:30px;}

#index07_box_in01_in img{
transition:0.5s;}

#index07_box_in01 h4 a{
margin-left:-15px!important;}

#index07_box_in01:hover img{
transform:scale(1.05);
transition:0.5s;}

#index07_box_in01:hover h4 a{
opacity:1;
transition:0.5s;}

#index07_box_in01:hover h5 a{
transform:translateX(5px);
transition:0.5s;}

#index07_box_in01:hover .index07_more{
transform:translateX(-5px);
transition:0.5s;}

#index07_box_in02{
position:relative;}

#index07_box_in02_in{
position:relative;
width:380px;
height:380px;
overflow:hidden;
object-fit:cover;
margin-right:30px;}

#index07_box_in02_in img{
transition:0.5s;}

#index07_box_in02 h4 a{
margin-left:-15px!important;}

#index07_box_in02:hover img{
transform:scale(1.05);
transition:0.5s;}

#index07_box_in02:hover h4 a{
opacity:1;
transition:0.5s;}

#index07_box_in02:hover h5 a{
transform:translateX(3px);
transition:0.5s;}

#index07_box_in02:hover .index07_more{
transform:translateX(-3px);
transition:0.5s;}

#index07_box_in03{
position:relative;}

#index07_box_in03_in{
position:relative;
width:380px;
height:380px;
overflow:hidden;
object-fit:cover;
margin-right:30px;}

#index07_box_in03_in img{
transition:0.5s;}

#index07_box_in03 h4 a{
margin-left:-15px!important;}

#index07_box_in03:hover img{
transform:scale(1.05);
transition:0.5s;}

#index07_box_in03:hover h4 a{
opacity:1;
transition:0.5s;}

#index07_box_in03:hover h5 a{
transform:translateX(3px);
transition:0.5s;}

#index07_box_in03:hover .index07_more{
transform:translateX(-3px);
transition:0.5s;}

/*interview*/
#interview01_box{
position:relative;
width:1300px;
height:468px;
margin:0 auto;}

#interview01_box .human_left{
position:absolute;
top:0;
left:0;
width:406px;
margin:0;
overflow:hidden;}

#interview01_box .back_animated_img{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
animation:revealimg 1s forwards;
animation-delay:0;
mix-blend-mode:multiply;
transform:translate3d(0,0,0);}

#interview01_box h2{
position:absolute;
top:220px;
left:50px;
font-weight:200;
font-size:100px;}

#interview01_box .catch_text{
white-space:nowrap;
overflow:hidden;
display:inline-block;
max-width:0;
animation:revealtext 2s forwards ease-out;
animation-delay:0.6s;}

#interview01_box h3{
position:absolute;
top:340px;
left:50px;
font-weight:300;
font-size:30px;}

#interview01_box p{
position:absolute;
top:540px;
left:50px;
font-weight:400;
font-size:16px;
line-height:2.6;}

#interview02_box{
width:1320px;
margin:90px auto 120px auto;}

#interview02_box_in{
margin-top:300px;}

#interview02_box_in .carousel_wrap_list{
display:flex;
flex-wrap:wrap;
list-style:none;
animation:none;}

#interview02_box_in .carousel_item{
position:relative;
width:716px;
overflow:hidden;
object-fit:cover;
clip-path:polygon(26% 0%,100% 0%,74% 100%,0 100%);
margin:0 0 100px 0;
padding-bottom:260px;}

#interview02_box_in .carousel_item a{
color:#000;}

#interview02_box_in .carousel_item:nth-of-type(2){
margin-left:-120px;}

#interview02_box_in .carousel_item:hover img{
width:716px;
transform:scale(1.05);
transition:0.5s;}

#interview02_box_in .carousel_item h4{
font-weight:200;
font-size:100px;
position:absolute;
top:10px;
left:190px;
transition:0.5s;
color:#000;}

#interview02_box_in .carousel_item:hover h4{
transform:translate(10px,10px) translate3d(0,0,0);
transition:0.5s;
color:#99d4cf;
mix-blend-mode:multiply;}

#interview02_box_in .carousel_item h5{
font-weight:300;
font-size:38px;
line-height:1.5;
position:absolute;
top:350px;
left:140px;
white-space:nowrap;
opacity:0.9;
transition:0.5s;
color:#000;}

#interview02_box_in .carousel_item h5::first-line{
font-weight:300;
font-size:38px;}

#interview02_box_in .carousel_item:hover h5{
transform:translate(10px,-10px);
transition:0.5s;
color:#6a8372;
opacity:1;}

#interview02_box_in .carousel_item h6{
font-weight:350;
font-size:30px;
line-height:1.5;
position:absolute;
top:480px;
left:140px;
white-space:nowrap;
opacity:0.9;
transition:0.5s;}

#interview02_box_in .carousel_item:hover h6{
transform:translate(10px,-10px);
transition:0.5s;
color:#6a8372;
opacity:1;}

#interview02_box_in .carousel_item p{
font-weight:350;
font-size:16px;
line-height:1.5;
position:absolute;
bottom:0;
left:140px;
white-space:nowrap;
opacity:0.9;
transition:0.5s;}

#interview02_box_in .carousel_item:hover p{
transform:translate(10px,-10px);
transition:0.5s;
color:#6a8372;
opacity:1;}

/*interview_s*/
#interview_s01_box{
position:relative;
width:1200px;
margin:0 auto;
padding-bottom:1220px;}

#interview_s01_box h2{
position:absolute;
top:220px;
left:0;
font-weight:200;
font-size:50px;}

#interview_s01_box p{
position:absolute;
top:270px;
left:0;
width:330px;}

#interview_s01_box .catch_text{
white-space:nowrap;
overflow:hidden;
display:inline-block;
max-width:0;
animation:revealtext 2s forwards ease-out;
animation-delay:0.6s;}

#interview_s01_box h3{
position:absolute;
top:360px;
left:0;
font-weight:200;
font-size:50px;
line-height:1.6;}

#interview_s01_box h4{
position:absolute;
top:590px;
left:0;}

#interview_s01_box .human_left{
position:absolute;
top:590px;
left:30px;
width:667px;
margin:0;
overflow:hidden;}

#interview_s01_box .back_animated_img{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
animation:revealimg 1s forwards;
animation-delay:1s;
mix-blend-mode:multiply;
transform:translate3d(0,0,0);}

#interview_s01_box h5{
color:#fff;
position:absolute;
top:914px;
left:160px;
font-weight:300;
font-size:38px;
line-height:1.6;}

#interview_s01_box h6{
color:#fff;
position:absolute;
top:980px;
left:160px;
font-weight:300;
font-size:20px;
line-height:1.6;}

#interview_s02_box{
width:1200px;
margin:0 auto;
display:flex;}

#interview_s02_box01{
width:600px;}

#interview_s02_box01 h3{
font-weight:300;
font-size:35px;
line-height:1.7;}

#interview_s02_box01 h4{
width:600px;
margin:70px 0 0 -140px;}

#interview_s02_box02{
width:600px;}

#interview_s02_box02 p{
font-weight:350;
font-size:17px;
line-height:2.4;
margin-top:0;}

#interview_s03_box{
width:1200px;
margin:120px auto 0 auto;
display:flex;}

#interview_s03_box01{
width:600px;}

#interview_s03_box01 h3{
font-weight:300;
font-size:35px;
line-height:1.7;}

#interview_s03_box01 p{
font-weight:350;
font-size:17px;
line-height:2.4;
margin-top:40px;}

#interview_s03_box02{
width:600px;}

#interview_s03_box02 h4{
width:550px;
margin:10px 0 0 auto;}

#interview_s04_box h3{
position:relative;
z-index:1;
width:1200px;
margin:150px auto 0 auto;}

#interview_s04_box h4{
position:relative;
z-index:1;
text-align:center;
font-weight:200;
font-size:50px;
margin-bottom:18px;
padding-top:40px;}

#interview_s04_box h5{
position:relative;
z-index:1;
text-align:center;
font-weight:200;
font-size:19px;}

#interview_s04_box_in{
background-image:url(../img/interview_s07.png);
background-size:cover;
background-repeat:no-repeat;
margin:-220px 0 120px 0;
padding:260px 0 80px 0;}

#interview_s04_box_in_cont{
width:1050px;
margin:10px auto 0 auto;
display:flex;
position:relative;}

#interview_s04_box_in01{
position:relative;}

#interview_s04_box_in_cont li{
font-weight:300;
font-size:20px;
line-height:1.5;
margin-bottom:30px;}

#interview_s04_box_in_cont li span{
display:block;
margin-left:100px;
margin-top:-29px;}

#interview_s04_box_in02{
margin-left:auto;
position:relative;}

#timeline01{
position:absolute;
top:9px;
left:68px;
width:12px;}

#timeline02{
position:absolute;
top:-6px;
left:68px;
width:12px;}

/*data*/
#data01_box{
position:relative;
width:1300px;
height:468px;
margin:0 auto;}

#data01_box .human_left{
position:absolute;
top:0;
left:0;
width:406px;
margin:0;
overflow:hidden;}

#data01_box .back_animated_img{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
animation:revealimg 1s forwards;
animation-delay:0;
mix-blend-mode:multiply;
transform:translate3d(0,0,0);}

#data01_box h2{
position:absolute;
top:220px;
left:50px;
font-weight:200;
font-size:100px;}

#data01_box .catch_text{
white-space:nowrap;
overflow:hidden;
display:inline-block;
max-width:0;
animation:revealtext 2s forwards ease-out;
animation-delay:0.6s;}

#data01_box h3{
position:absolute;
top:340px;
left:50px;
font-weight:300;
font-size:30px;}

#data01_box p{
position:absolute;
top:540px;
left:50px;
font-weight:400;
font-size:16px;
line-height:2.6;}

#data02_box{
width:1200px;
margin:310px auto 120px auto;}

#data02_box h3{
font-weight:400;
font-size:30px;
margin-bottom:52px;}

#data02_box h4{
font-weight:300;
font-size:24px;
margin-bottom:20px;
text-align:left;}

#data02_box h4 span{
font-size:16px;}

#data02_box_in{
display:flex;
width:1200px;
margin:25px auto 0 auto;}

#data02_box01{
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:370px;
height:500px;
margin-right:44px;
padding:36px 40px 0 40px;
text-align:center;}

#data02_box01 .count-up{
display:inline-block;
width:244px;}

#data02_box01 img{
width:170px;
margin:24px auto 0 auto;}

#data02_box02{
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:370px;
height:500px;
margin-right:44px;
padding:36px 40px 0 40px;
text-align:center;}

#data02_box02 .count_num{
white-space:nowrap;
margin-left:-20px;}

#data02_box02 .count-up{
display:inline-block;
width:250px;}

#data02_box02 img{
width:213px;
margin:30px auto 0 auto;}

#data02_box03{
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:370px;
height:500px;
padding:36px 40px 0 40px;
text-align:center;}

#data02_box03 .count_num{
white-space:nowrap;
margin-left:-10px;}

#data02_box03 .count-up{
display:inline-block;
width:145px;}

#data02_box03 img{
width:292px;
margin:50px auto 0 auto;}

#data02_box_btm{
display:flex;
width:1200px;
margin:44px auto 0 auto;}

#data02_box_btm01{
position:relative;
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:675px;
height:320px;
margin-right:44px;
padding:36px 40px 0 40px;
text-align:center;}

#data02_box_btm01 .count_num{
font-weight:300;
font-size:20px;
line-height:1.4;
text-align:left;
margin-left:70px;}

#data02_box_btm01 .count-up{
display:inline-block;
font-weight:200;
font-size:50px;
text-align:right;}

.count-up01{
width:90px;}

.count-up02{
width:130px;}

.count-up03{
width:130px;}

#data02_box_btm01 img{
width:170px;
margin:24px auto 0 auto;}

.pie-chart-container{
position:absolute;
top:60px;
right:92px;
width:222px;
height:222px;}

#data02_box_btm02{
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:480px;
height:320px;
padding:36px 40px 0 40px;
text-align:center;
position:relative;}

#data02_box_btm02 .count_num{
white-space:nowrap;
margin:40px 0 0 156px;}

#data02_box_btm02 .count-up{
display:inline-block;
font-size:120px;}

#data02_box_btm02 img{
position:absolute;
bottom:60px;
left:50px;
width:389px;}

#data03_box{
width:1200px;
margin:150px auto 120px auto;}

#data03_box_in{
display:flex;}

#data03_box h3{
font-weight:400;
font-size:30px;
margin-bottom:52px;}

#data03_box h4{
font-weight:300;
font-size:24px;
margin-bottom:20px;
text-align:left;}

#data03_box h4 span{
font-size:16px;}

#data03_box01{
position:relative;
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:480px;
height:320px;
margin-right:44px;
padding:36px 40px 0 40px;
text-align:center;}

#data03_box01 .count_num{
font-weight:300;
font-size:30px;
line-height:1.4;
text-align:left;
margin-top:40px;}

#data03_box01 .count-up{
display:inline-block;
font-weight:200;
font-size:100px;}

#data03_box01 img{
position:absolute;
top:90px;
right:16px;
width:153px;}

#data03_box02{
position:relative;
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:675px;
height:320px;
padding:36px 40px 0 40px;
text-align:center;}

#data03_box02 .circular-chart{
width:240px;
height:240px;
margin-top:-40px;}

#data03_box02 h3{
font-weight:400;
font-size:16px;
line-height:1.4;
margin-top:-154px;}

#data03_box02 #index06_top02_h4_01{
position:absolute;
bottom:165px;
left:132px;
font-weight:300!important;
font-size:20px!important;}

#data03_box02 #index06_top02_h5_01{
position:absolute;
bottom:110px;
left:110px;
font-weight:200!important;
font-size:70px!important;}

#data03_box02 #index06_top02_h4_02{
position:absolute;
right:130px;
bottom:165px;
font-weight:300!important;
font-size:20px!important;}

#data03_box02 #index06_top02_h5_02{
position:absolute;
right:90px;
bottom:110px;
font-weight:200!important;
font-size:70px!important;}

#data03_box_btm{
display:flex;
width:1200px;
margin:44px auto 0 auto;}

#data03_box_btm01{
position:relative;
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:675px;
height:320px;
margin-right:44px;
padding:36px 40px 0 40px;
text-align:center;}

#data03_box_btm01 .count_num{
font-weight:300;
font-size:26px;
line-height:1;
text-align:right;
margin-right:30px;}

#data03_box_btm01 .count-up{
display:inline-block;
font-weight:200;
font-size:70px;
text-align:right;
margin-bottom:12px;}

#data03_box_btm01 .count-up01{
width:160px;
margin-top:-40px;}

#data03_box_btm01 .count-up02{
width:160px;}

#data03_box_btm01 .count-up03{
width:160px;}

#data03_box_btm01 img{
position:absolute;
top:94px;
left:110px;
width:153px;}

#data03_box_btm02{
position:relative;
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:480px;
height:320px;
padding:36px 40px 0 40px;
text-align:center;}

#data03_box_btm02 h5{
font-weight:200;
font-size:70px;
line-height:1.1;}

#data03_box_btm02 h5 span{
display:inline-block;
width:56px;
position:relative;
top:-9px;}

#data03_box_btm02 h6:nth-of-type(1){
position:absolute;
top:207px;
left:45px;
font-weight:300;
font-size:20px;}

#data03_box_btm02 h6:nth-of-type(2){
position:absolute;
top:207px;
right:45px;
font-weight:300;
font-size:20px;}

.bar-graph-wrapper{
width:260px;
height:92px;
margin:15px auto 0 auto;
position:relative;
overflow:hidden;}
  
.bar-segment{
position:absolute;
top:0;
left:0;
opacity:0;
width:0;
height:100%;
transition:width 0.7s cubic-bezier(.55,.06,.68,.19), opacity 0.4s;}

.bar-segment.eight{
background:#3eb4b5;
z-index:1;}

.bar-segment.two{
background:#f5b99f;
z-index:2;
margin-left:208px;}

#data04_box{
width:1200px;
margin:150px auto 230px auto;}

#data04_box h3{
font-weight:400;
font-size:30px;
margin-bottom:52px;}

#data04_box h4{
font-weight:300;
font-size:24px;
margin-bottom:20px;
text-align:left;}

#data04_box h4 span{
font-size:16px;}

#data04_box_in{
display:flex;
width:1200px;
margin:25px auto 0 auto;}

#data04_box01{
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:370px;
height:500px;
margin-right:44px;
padding:36px 18px 0 10px;
text-align:center;}

#data04_box01 h4{
padding-left:30px;}

#data04_box01 .count-up{
display:inline-block;
width:261px;}

#data04_box01 img{
width:189px;
margin:24px auto 0 auto;}

#data04_box02{
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:370px;
height:500px;
margin-right:44px;
padding:36px 20px 0 20px;
text-align:center;}

#data04_box02 h4{
padding-left:20px;}

#data04_box02 .count_num{
white-space:nowrap;}

#data04_box02 .count-up{
display:inline-block;
width:210px;}

#data04_box02 img{
width:186px;
margin:24px auto 0 auto;}

#data04_box02 p{
font-weight:300;
font-size:16px;
line-height:1.3;
text-align:justify;}

#data04_box02 p span{
font-weight:300;
font-size:12px;
line-height:1.1;}

#data04_box03{
box-shadow:0 0 10px 2px rgba(0,0,0,0.15);
background:#fff;
width:370px;
height:500px;
padding:36px 40px 0 40px;
text-align:center;}

#data04_box03 .count_num{
white-space:nowrap;}

#data04_box03 .count-up{
display:inline-block;
width:190px;
letter-spacing:-10px!important;}

#data04_box03 img{
width:168px;
margin:20px auto 0 auto;}

/*environment*/
#environment01_box{
position:relative;
width:1300px;
height:468px;
margin:0 auto;}

#environment01_box .human_left{
position:absolute;
top:0;
left:0;
width:406px;
margin:0;
overflow:hidden;}

#environment01_box .back_animated_img{
width:100%;
height:auto;
clip-path:inset(0 0 100% 0);
animation:revealimg 1s forwards;
animation-delay:0;
mix-blend-mode:multiply;
transform:translate3d(0,0,0);}

#environment01_box h2{
position:absolute;
top:220px;
left:50px;
font-weight:200;
font-size:100px;}

#environment01_box .catch_text{
white-space:nowrap;
overflow:hidden;
display:inline-block;
max-width:0;
animation:revealtext 2s forwards ease-out;
animation-delay:0.6s;}

#environment01_box h3{
position:absolute;
top:340px;
left:50px;
font-weight:300;
font-size:30px;}

#environment01_box p{
position:absolute;
top:540px;
left:50px;
font-weight:400;
font-size:16px;
line-height:2.6;}

#environment02_box{
width:1200px;
margin:300px auto 0 auto;}

#environment02_box h2{
font-weight:200;
font-size:50px;}

#environment02_box h3{
font-weight:400;
font-size:20px;
margin-top:14px;}

#environment02_box_in{
width:1000px;
margin:-70px auto 0 auto;}

#environment02_box h4{
font-weight:300;
font-size:20px;
margin-top:60px;}

#environment02_cont_box{
position:relative;
margin-top:38px}

#environment_ar{
position:absolute;
top:0;
left:0;
width:18px;}

.environment02_cont{
display:flex;
margin-bottom:22px}

.environment02_cont_l{
width:210px;
padding-left:30px;}

.environment02_cont_r{
width:990px;}

.environment02_cont h5{
font-weight:400;
font-size:20px;
line-height:1;}

.environment02_cont h6{
font-weight:300;
font-size:20px;
line-height:1;}

.environment02_cont p{
font-weight:300;
font-size:16px;
margin-top:10px;
line-height:1.9;
text-align:justify;}

#environment02_box_btm{
width:1000px;
margin:60px auto 0 auto;}

#environment02_box_btm h3{
font-weight:400;
font-size:20px;
text-align:center;
color:#fff;
background:#666;
padding:15px 0;}

#environment02_box_btm_in{
background:#f2f2f2;
padding:40px 40px 20px 40px;}

#environment02_box_btm_in_flex{
display:flex;}

#environment02_box_btm_in h4{
font-weight:400;
font-size:18px;
margin:0;}

#environment02_box_btm_in p{
font-weight:300;
font-size:14px;
line-height:1.7;
text-align:justify;}

#environment02_box_btm01{
width:260px;}

#environment02_box_btm02{
width:260px;}

#environment02_box_btm03{
width:260px;}

.environment02_box_btm_ar{
width:20px;
margin:0 24px 0 30px;
padding-top:80px;}

#environment02_box_btm_line{
width:914px;
margin:20px auto 22px auto;
border-top:1px solid #666;
border-bottom:1px solid #666;}

#environment02_box_btm_line p{
font-weight:300;
font-size:14px;
line-height:1.7;
text-align:justify;
margin-left:50px;}

#environment03{
background:#f2f2f2;
margin-top:140px;
padding:140px 0 20px 0;}

#environment03_box{
width:1200px;
margin:0 auto 120px auto;}

#environment03_box h2{
font-weight:200;
font-size:50px;}

#environment03_box h3{
font-weight:400;
font-size:20px;
margin-top:14px;}

#environment03_box h4{
font-weight:300;
font-size:30px;
margin-top:90px;}

#environment03_box p{
font-weight:300;
font-size:16px;
line-height:2;
margin-top:30px;}

#environment03_box_in{
display:flex;
flex-wrap:wrap;
gap:30px;
margin-top:70px;}

.environment03_box_in_cont{
background:#fff;
width:380px;
padding:44px 36px 20px 36px;}

.environment03_box_in_cont h5{
font-weight:300;
font-size:26px;
text-align:center;
line-height:1.4;
margin-top:50px;}

.environment03_box_in_cont p{
font-weight:300;
font-size:16px;
line-height:2;
margin-top:30px;
text-align:justify;}

.environment03_box_in_cont:nth-of-type(1) img{
width:100px;
margin:0 auto;}

.environment03_box_in_cont:nth-of-type(2) img{
width:86px;
margin:5px auto 55px auto;}

.environment03_box_in_cont:nth-of-type(3) img{
width:120px;
margin:5px auto -5px auto;}

.environment03_box_in_cont:nth-of-type(3) p{
margin-top:14px!important;}

.environment03_box_in_cont:nth-of-type(4) img{
width:103px;
margin:0 auto;}

.environment03_box_in_cont:nth-of-type(5) img{
width:110px;
margin:6px auto 0 auto;}

.environment03_box_in_cont:nth-of-type(6) img{
width:104px;
margin:16px auto 60px auto;}

.environment03_box_in_cont:nth-of-type(7) img{
width:110px;
margin:5px auto -5px auto;}

.environment03_box_in_cont:nth-of-type(7) p{
margin-top:14px!important;}

#environment04_box{
width:1200px;
margin:140px auto 0 auto;}

#environment04_box h2{
font-weight:200;
font-size:50px;}

#environment04_box h3{
font-weight:400;
font-size:20px;
margin-top:14px;}

#environment04_box_in{
width:1200px;
margin:75px auto 0 auto;}

.accord{
width:1200px;
margin:0 auto 230px auto;}

.accord_header{
display:flex;
justify-content:space-between;
align-items:center;
padding:6px 10px 1px 0;
cursor:pointer;
outline:none;
color:#6a8372;
background:#f2f2f2;
transition:0.5s;}

.accord_header:hover{
color:#000;
transition:0.5s;}

.accord_header h3{
font-weight:300!important;
font-size:24px!important;}

.accord_header h3 span{
display:inline-block;
position:relative;
top:4px;
font-weight:200;
font-size:40px;
padding-left:30px;
margin-right:20px;}

.accord .icon{
width:20px;
height:20px;
display:flex;
margin:20px 20px 0 0;
justify-content:center;
align-items:center;
position:relative;
transition:transform 0.4s ease,opacity 0.4s ease;}

.accord .icon::before{
content:'';
display:block;
width:100%;
height:1.5px;
background:#6a8372;
position:relative;
transition:transform 0.3s ease;}

.accord .icon::after{
content:'';
display:block;
width:1.5px;
height:100%;
background:#6a8372;
position:absolute;
left:50%;
transform:translateX(-50%);
transition:opacity 0.4s ease;}

.accord_item[aria_expanded="true"] .icon::before{
transform:rotate(180deg);}

.accord_item[aria_expanded="true"] .icon::after{
display:none;}

.accord_content{
background:#f2f2f2;
padding-bottom:30px;
margin-bottom:30px;}

.accord_item[aria_expanded="true"] .accord_content{
max-height:100%;}

.accord_content{
max-height:0;
overflow:hidden;
transition:max-height 1.6s ease;}

.accord_content_box{
display:flex;
padding-top:5px;}

.accord_content_box01{
width:84px;}

.accord_content_box01 h3 span{
display:inline-block;
position:relative;
top:4px;
left:3px;
font-weight:200;
font-size:40px;
padding-left:30px;}

.accord_content_box02 p{
font-weight:300;
font-size:18px;
line-height:1.8;
padding-top:10px;
margin:14px 50px 0 4px;}

.accord_content_box02 p span{
font-size:14px;}

.accord_content_box02_skd{
width:746px;
margin:12px 0 -24px 0;}
