/* CSS Document */

.sec-feature-people.event .feature-thumb {
  background: url(../img/event/event.jpg) center center no-repeat #F4F4F4;
  background-size: auto;
  background-size: cover;
}

.event_block01{
  position:relative;
} 

.event_block01:before,
.event_block01 .event3:before,
.event_block01 .event4:before,
.event_block01 .event5:before{
  content:"";
  display:block;
  border-radius: 8px;
  background: #f5f6fa; 
  height: 1176px;
  width:69.0625%;
  position:absolute;
  left:0;
  top:200px;
  z-index:1;
}

.event_block01 .inner{
  max-width:1532px;
  margin:0 auto;
  padding:0 10px; 
  box-sizing:border-box;
  display:flex;
  justify-content:space-between;
  position:relative;
  z-index:2;
}

.event_block01 .inner .inner_l{
  width:39.81%;
  padding:48px;
  box-sizing:border-box;
}

.event_block01 .inner .inner_l h4,
.event_block01 .event5 .inner4 h4{
  font-size:43px;
  color:#5C6DB3;
  line-height:1.2; 
  font-weight:700;
}

.event_block01 .inner .inner_l h4 > span,
.event_block01 .event5 .inner4 h4 > span{
  font-size:16px;
  font-weight:500;
  display:block;
  margin-bottom:12px;
  color:#434343;
}

.event_block01 .inner .inner_l h4 span > span,
.event_block01 .event5 .inner4 h4 > span > span{
  display:inline-block;
  width: 152px;
  height: 36px;
  border-radius: 4px;
  background: #5c6db3;
  box-sizing:border-box;
  text-align:center;
  color:#FFF;
  margin-right:12px;
  padding-top:10px;
  margin-bottom:5px;
}

.event_block01 .inner .inner_l p,
.event_block01 .event5 .inner4 p{
  margin-top:20px;
  font-size: 16px;
  line-height: 30px; 
  position:relative;
}

.event_block01 .inner .inner_l p img{
  position:absolute;
  left:0;
  bottom:-141px;
} 

.event_block01 .inner .inner_r{
  width:57.01%;
  padding-top:48px;
}

.event_block01 .inner.inner2{
  margin-top:200px; 
}

.event_block01 .inner .inner_l p img.icon02{
  left:auto;
  bottom:auto;
  right:-48px;
  top:-210px;
}

.event_block01 .inner.inner3{
  margin-top:600px; 
  position:relative;
} 

.event_block01 .inner.inner3 .head_img{
  position:absolute;
  left:0;
  top:-554px;
  width:100%;
  max-width:79.62%; 
}

.event_block01 .event3{
  position:relative; 
}

.event_block01 .event3:before{
  left:auto;
  top:-320px;
  right:0;
}

.event_block01 .inner.inner3{
  align-items:center;
}

.event_block01 .inner.inner3 .inner_r{
  width:52.38%;
  position:relative;
  padding-right:30px;
}

.event_block01 .inner.inner3.inner3_2 .inner_r{
  padding-right:0px;
  padding-left:30px;
}

.event_block01 .inner.inner3 .icon01{
  position:absolute;
  right:0;
  top:20px; 
}

.event_block01 .inner.inner3.inner3_2 .icon01{
  right:auto;
  left:0;
}

.event_block01 .inner.inner3 .icon02{
  position:absolute;
  right:0;
  bottom:-156px;
}

.event_block01 .inner.inner3 .icon03{
  position:absolute;
  left:-200px;
  bottom:-160px;
}

.event_block01 .inner.inner3.inner3_2{
  margin-top:250px; 
  position:relative;
} 

.event_block01 .event4{
  margin-top:925px;
  position:relative; 
}

.event_block01 .event4:before{
  top:-473px; 
}

.event_block01 .event4 .inner.inner3 .head_img{
  position:absolute;
  left:0;
  top:-900px;
  width:96.82%;
  max-width:96.82%; 
}

.event_block01 .event4 .inner{
  margin-top:0;
  position:relative;
}

.event_block01 .event5{
  margin-top:360px;
  position:relative; 
}

.event_block01 .event5.event5_2{
  margin-top:100px;
  padding-bottom:200px;
}

.event_block01 .event5 .inner4{
  max-width:71.97%;
  margin:0 auto;
  width:100%;
  padding:0 10px;
  position:relative;
  z-index:2;
}

.event_block01 .event5 .inner4 .image{
  width:90.59%; 
}

.event_block01 .event5 .inner4.inner4_2 .image{
  margin-left:auto; 
}

.event_block01 .event5 .inner4 .image2{
  margin-top:50px;
  position:relative;
  left:-128px;
}

.event_block01 .event5 .inner4 .txt{
  width:65.01%;
  border-radius: 16px;
  background: #fff; 
  padding:48px;
  box-sizing:border-box;
  position:absolute;
  right:-0;
  bottom:350px;
  z-index:2;
}

.event_block01 .event5 .inner4.inner4_2 .txt{
  right:auto;
  left:0;
  bottom:-192px; 
}

.event_block01 .event5 .inner4 .icon01{
  position:absolute;
  left:-120px;
  top:-210px;
} 

.event_block01 .event5 .inner4 .icon02{
  position:absolute;
  right:390px;
  top:-260px;
} 

.event_block01 .event5 .inner4 .icon03{
  position:absolute;
  right:-0px;
  bottom:55px;
} 

.event_block01 .event5:before{
  right:0;
  top:550px;
  left:auto; 
}

.event_block01 .event5.event5_2:before{
  display:none;
}

.event6 .inner{
  width:732px;
  margin:320px auto 100px;
  border-radius: 8px;
  background: #f5f6fa; 
  display:flex;
  align-content:center;
  justify-content:center;
  padding:60px 0;
}

.event6 .inner p{
  margin-left:80px;
  font-size: 22px;
  letter-spacing: 0.25em;
  line-height: 54px;
  text-align: left;
  color: #022132; 
  padding-top:5px;
}
.sp{
  display:none; 
}

.tab{
  display:none;
}

@media screen and (max-width: 1100px){
  .event_block01 .event5 .inner4{
    max-width:85%;
    margin:0 auto;
    width:100%;
    padding:0 10px;
    position:relative;
    z-index:2;
  }
  
  .event_block01 .event5 .inner4 .image{
    width:100%; 
  }
  
  .event_block01 .event5 .inner4.inner4_2 .image{
    margin-left:0; 
  }
  
  .event_block01 .event5 .inner4 .image2{
    margin-top:50px;
    position:relative;
    left:-128px;
  }
  
  .event_block01 .event5 .inner4 .txt{
    width:90%;
    border-radius: 16px;
    background: #fff; 
    padding:48px;
    box-sizing:border-box;
    position:relative;
    right:-0;
    bottom:0;
    margin:0 auto;
    top:-30px;
    z-index:2;
  }
  
  .event_block01 .event5 .inner4.inner4_2 .txt{
    right:auto;
    left:0;
    bottom:-192px; 
  }
  
  .event_block01 .event5 .inner4 .icon01{
    position:absolute;
    left:-120px;
    top:-210px;
  } 
  
  .event_block01 .event5 .inner4 .icon02{
    position:absolute;
    right:390px;
    top:-260px;
  } 
  
  .event_block01 .event5 .inner4 .icon03{
    position:absolute;
    right:-0px;
    bottom:55px;
  } 
  
  .event_block01 .event5:before{
    right:0;
    top:550px;
    left:auto; 
  }
  
  .event_block01 .event5.event5_2:before{
    display:none;
  }
  
  .tab{
    display:block;
  }
  
  .event_block01 .inner .inner_l h4 > span,
  .event_block01 .event5 .inner4 h4 > span{
    padding-bottom:5px;
    margin-bottom:0;
  }
  
  .event_block01 .inner .inner_l h4 span > span,
  .event_block01 .event5 .inner4 h4 > span > span{
    margin-bottom:7px;
  }
  
  
  .event_block01 .inner{
    max-width:100%;
    padding:0 0px; 
    display:block;
    z-index:2;
  }
  
  .event_block01 .inner .inner_l,
  .event_block01 .inner .inner_r{
    width:100%;
    padding:48px;
  }
  
  .event_block01 .inner.inner3{
    margin-top:100px; 
  }
  
  .event_block01 .inner.inner3 .head_img{
    position:relative;
    top:auto;
  } 
  
  .event_block01 .inner.inner3 .inner_r{
    margin:0 auto; 
  }
  
  .only_pc{
    display:none; 
  }
  
  .event_block01 .event4 .inner.inner3 .head_img{
    position:relative;
    top:auto;
    margin-top:00px; 
  }
  
  .event_block01 .event4{
    margin-top:0px; 
  }
  
  .event_block01 .event6 .inner{
    display:flex;
    padding:60px 0; 
  }
  
  .event_block01 .inner .inner_l p img{
    position:absolute;
    left:0;
    bottom:-80px;
  } 
  
  .event_block01 .inner.inner3 .inner_r{
    width:70%;
  }
  
  .event6 .inner{
    margin:80px auto 100px;
  }
  
}

@media screen and (max-width: 767px) {
  .tab{
    display:none;
  }
  .pc{
    display:none; 
  }
  .sp{
    display:block; 
  }
  body,
  html{
    max-width:100%;
    width:100%;
    overflow-x:hidden;
  }
  .sec-feature-people.event .headline{
    width:87.85vw;
    height:auto;
  }
  
  .event_block01:before,
  .event_block01 .event3:before,
  .event_block01 .event4:before,
  .event_block01 .event5:before{
    border-radius: 1.869vw;
    background: #f5f6fa; 
    height: 222.4vw;
    width:69.85vw;
    left:0;
    top:93.45vw;
    z-index:1;
  }
  
  .event_block01 .inner{
    max-width:100%;
    padding:0 0px; 
    display:block;
    z-index:2;
  }
  
  .event_block01 .inner .inner_l{
    width:85.04vw;
    margin:0 auto;
    padding:0;
  }
  
  .event_block01 .inner .inner_l h4,
  .event_block01 .event5 .inner4 h4{
    font-size:7.476vw;
  }
  
  .event_block01 .inner .inner_l h4 > span,
  .event_block01 .event5 .inner4 h4 > span{
    font-size:3.27vw;
    margin-bottom:1.86vw;
  }
  
  .event_block01 .inner .inner_l h4 span > span,
  .event_block01 .event5 .inner4 h4 > span > span{
    width: 31.7vw;
    height: 7.47vw;
    border-radius: 0.93vw;
    margin-right:2.803vw;
    padding-top:2vw;
    margin-bottom:1.86vw;
  }
  
  .event_block01 .inner .inner_l p,
  .event_block01 .event5 .inner4 p{
    margin-top:0;
    padding-top:3.5vw;
    font-size: 3.504vw;
    line-height: 7.476vw; 
  }
  
  .event_block01 .inner .inner_l p img{
    position:absolute;
    width:8.87vw;
    left:0;
    bottom:-79.43vw;
  } 
  
  .event_block01 .inner .inner_r{
    width:85.04vw;
    margin:9.34vw auto 0;
    padding:0;
  }
  
  .event_block01 .inner.inner2{
    margin-top:30.37vw; 
  }
  
  .event_block01 .inner .inner_l p img.icon02{
    width:9.34vw;
    left:auto;
    bottom:auto;
    right:-3.5vw;
    top:-28.373vw;
  }
  
  .event_block01 .inner.inner3{
    margin-top:16.35vw; 
    position:relative;
  } 
  
  .event_block01 .inner.inner3 .head_img{
    position:relative;
    left:0;
    top:auto;
    width:100%;
    max-width:92.52vw; 
    margin-bottom:25.7vw;
  }
  
  .event_block01 .event3{
    position:relative; 
  }
  
  .event_block01 .event3:before{
    left:auto;
    top:17.52vw;
    right:-8.17vw;
    height: 200.4vw;
  }
  
  .event_block01 .inner.inner3{
    align-items:center;
  }
  
  .event_block01 .inner.inner3 .inner_r{
    width:85.04vw;
    position:relative;
    padding-right:0;
    margin:9.34vw auto 0;
  }
  
  .event_block01 .inner.inner3.inner3_2 .inner_r{
    padding-right:0px;
    padding-left:0px;
  }
  
  .event_block01 .inner.inner3 .icon01{
    width:9.34vw;
    right:-3.5vw;
    top:0px; 
  }
  
  .event_block01 .inner.inner3 .icon01 img,
  .event_block01 .inner.inner3 .icon02 img,
  .event_block01 .inner.inner3 .icon03 img,
  .event_block01 .inner.inner3.inner3_2 .icon01 img{
    width:100%;
    height:auto;
  }
  
  .event_block01 .inner.inner3.inner3_2 .icon01{
    right:auto;
    width:9.34vw;
    left:-3.5vw;
    top:5.68vw;
  }
  
  .event_block01 .inner.inner3 .icon02{
    position:absolute;
    width:8.87vw;
    right:-3.5vw;
    bottom:-31.54vw;
  }
  
  .event_block01 .inner.inner3 .icon03{
    position:absolute;
    width:15.8vw;
    left:0px;
    bottom:-30vw;
  }
  
  .event_block01 .inner.inner3.inner3_2{
    margin-top:46.72vw; 
    position:relative;
  } 
  
  .event_block01 .event4{
    margin-top:12.85vw;
    position:relative; 
  }
  
  .event_block01 .event4:before{
    top:26.16vw; 
    height:167.4vw;
  }
  
  .event_block01 .event4 .inner.inner3 .head_img{
    position:relative;
    left:auto;
    top:auto;
    width:85.046vw;
    max-width:85.046vw;
    margin:0 auto 14.01vw;
    display:block;
  }
  
  .event_block01 .event4 .inner{
    margin-top:0;
    position:relative;
  }
  
  .event_block01 .event5{
    margin-top:42.05vw;
    position:relative; 
  }
  
  .event_block01 .event5.event5_2{
    margin-top:26.6vw;
    padding-bottom:0;
  }
  
  .event_block01 .event5 .inner4{
    max-width:85.04vw;
    margin:0 auto;
    width:100%;
    padding:0 ;
  }
  
  .event_block01 .event5 .inner4 .image{
    width:100%; 
  }
  
  .event_block01 .event5 .inner4.inner4_2 .image{
    margin-left:auto; 
  }
  
  .event_block01 .event5 .inner4 .image2{
    margin-top:11.21vw;
    position:relative;
    left:auto;
    width:62.38vw;
  }
  
  .event_block01 .event5 .inner4 .txt{
    width:81.3vw;
    border-radius: 0.93vw;
    padding:3.7vw;
    position:relative;
    margin:0 auto;
    right:auto;
    bottom:auto;
    z-index:2;
    top:-7vw;
  }
  
  .event_block01 .event5 .inner4.inner4_2 .txt{
    right:auto;
    left:0;
    bottom:-auto; 
  }
  
  .event_block01 .event5 .inner4 .icon01 img,
  .event_block01 .event5 .inner4 .icon02 img,
  .event_block01 .event5 .inner4 .icon03 img{
    width:100%;
    height:auto; 
  }
  
  .event_block01 .event5 .inner4 .icon01{
    position:absolute;
    width:9.34vw;
    left:-0;
    top:-31.54vw;
  } 
  
  .event_block01 .event5 .inner4 .icon02{
    width:14.48vw;
    right:0;
    top:-35.04vw;
  } 
  
  .event_block01 .event5 .inner4 .icon03{
    width:8.87vw;
    right:-0px;
    bottom:-4vw;
  } 
  
  .event_block01 .event5:before{
    right:0;
    top:21.02vw;
    left:auto; 
  }
  
  .event_block01 .event5.event5_2:before{
    display:none;
  }
  
  .event_block01 .event6 .inner{
    width:85.04vw;
    /*margin:29.2vw auto 20vw;*/
    margin:14.2vw auto 20vw;
    border-radius: 1.86vw;
    padding:6.54vw 0;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  
  .event6 .inner .image{
    width:14.4vw; 
  }
  
  .event6 .inner .image img{
    width:100%;
    height:auto; 
  }
  
  .event6 .inner p{
    margin-left:5.6vw;
    font-weight:500;
    font-size: 3.738vw;
    letter-spacing: 0.25em;
    line-height: 7.71vw;
    padding-top:0;
  }
  
  .event_block01 .event4 .inner{
    margin-top:16.35vw; 
  }
}