@charset "UTF-8";

.kv_area{
  position: relative;
}
.kv{
  width: 100%;
}
.kv_area .title{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.kv_area .typeh1{
  position: absolute;
  top: 44%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 6vw;
}
.kv_area .lead01{
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 1.6vw;
  font-style: italic;
}
.kv_area .h5_sub{
  font-size: 60px;
}
#internship .feature_area .inner{
  width: 1250px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#internship .feature_area .featurebox02{
  width: 400px;
  position: relative;
}
#internship .feature_area .featurebox02 p{
  text-align: center;
  position: absolute;
  bottom: 78px;
  font-size: 22px;
  color: #000;
  line-height: 1.8;
  width: 100%;
  font-weight: bold;
}
#internship .feature_area .featurebox02 .content{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#internship .feature_area .featurebox02 .num{
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 33px;
  font-style: italic;
  padding: 16px 0 0 3px;
}
#internship .feature_area .featurebox02 .bg{
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.16);
}
#internship .feature_area .featurebox02 .featureimg{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
#internship .feature_area .featurebox02:nth-child(1) .featureimg{
  width: 300px;
  margin: 80px auto;
}
#internship .feature_area .featurebox02:nth-child(2) .featureimg{
  width: 277px;
  margin: 90px auto;
}
#internship .feature_area .featurebox02:nth-child(3) .featureimg{
  width: 190px;
  margin: 120px auto;
}
#internship .index_area{
  position: relative;
}
#internship .index_area .inner{
  width: 1219px;
  margin: 0 auto;
}
#internship .index_area .indexbox{
  display: flex;
  align-items: center;
  padding: 40px 0 47px 0;
}
#internship .index_area .indexbox:nth-child(2) .text{
  order: 2;
}
#internship .index_area .indexbox:nth-child(2) .img{
  order: 1;
  margin-left: 3.5%;
}
#internship .index_area .indexbox .text{
  width: 48.5%;
  padding: 80px 0;
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.16);
}
#internship .index_area .indexbox .img{
  width: 48%;
  box-shadow: 6px 6px 6px 0 rgba(0, 0, 0, 0.16);
}
#internship .index_area .bg_txt01{
  position: absolute;
  font-size: 109px;
  color: rgba(0, 0, 0, 0.03);
  line-height: 1.1;
  position: absolute;
  top: -21px;
  left: 0;
  z-index: -9;
  letter-spacing: 8px;
}
#internship .index_area .bg_txt02{
  font-size: 87px;
  color: rgba(0, 0, 0, 0.03);
  line-height: 1.1;
  position: absolute;
  bottom: -15px;
  right: 0;
  z-index: -9;
  letter-spacing: 5px;
}
#internship .indexbox .lead01{
  text-align: center;
  font-size: 20px;
  margin-bottom: 35px;
}
#internship .indexbox .typeh1{
  font-size: 62px;
}
#internship .indexbox .lead02{
  text-align: center;
  font-size: 30px;
  font-style: italic;
  margin: 30px 0 50px;
}
#internship .indexbox .lead03{
  color: #000;
  font-size: 16px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
#internship .indexbox .lead03 span{
  background: #fff;
  padding: 10px 25px;
  text-align: center;
  letter-spacing: 1px;
  font-weight: bold;
}

@media screen and (max-width:767px) {

.kv_area .typeh1{
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 11vw;
  line-height: 1.5;
}
.kv_area .lead01{
  font-style: italic;
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 4.2vw;
}
.kv_area .h5_sub{
  font-size: 6vw;
}
#internship .feature_area .inner{
  width: 90%;
  margin: 0 auto;
  display: block;
  justify-content: space-between;
}
#internship .feature_area .featurebox02{
  width: 100%;
  position: relative;
  margin-bottom: 7vw;
}
#internship .feature_area .typeh2{
  margin-top: 5vw;
}
#internship .feature_area .featurebox02 p{
  text-align: center;
  position: absolute;
  bottom: 16vw;
  font-size: 4.5vw;
  color: #000;
  line-height: 1.8;
  width: 100%;
  font-weight: bold;
}
#internship .feature_area .featurebox02 .content{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#internship .feature_area .featurebox02 .num{
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 6vw;
  font-style: italic;
  padding: 3vw 0 0 1vw;
}
#internship .feature_area .featurebox02 .featureimg{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
#internship .feature_area .featurebox02:nth-child(1) .featureimg{
  width: 56vw;
  margin: 16vw auto;
}
#internship .feature_area .featurebox02:nth-child(2) .featureimg{
  width: 50vw;
  margin: 22vw auto;
}
#internship .feature_area .featurebox02:nth-child(3) .featureimg{
  width: 41vw;
  margin: 21vw auto;
}
#internship .index_area{
  position: relative;
}
#internship .index_area .inner{
  width: 90%;
  margin: 0 auto;
}
#internship .index_area .indexbox{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  padding: 0 0 5vw 0;
}
#internship .index_area .indexbox:nth-child(2) .text{
  order: 1;
}
#internship .index_area .indexbox:nth-child(2) .img{
  order: 2;
  margin-left: 0;
}
#internship .index_area .indexbox .text{
  width: 100%;
  padding: 13vw 0 8vw;
}
#internship .index_area .indexbox .img{
  width: 100%;
}
#internship .index_area .bg_txt01{
  position: absolute;
  font-size: 109px;
  color: rgba(0, 0, 0, 0.03);
  line-height: 1.1;
  position: absolute;
  top: -21px;
  left: 0;
  z-index: -9;
  letter-spacing: 8px;
}
#internship .index_area .bg_txt02{
  font-size: 87px;
  color: rgba(0, 0, 0, 0.03);
  line-height: 1.1;
  position: absolute;
  bottom: -15px;
  right: 0;
  z-index: -9;
  letter-spacing: 5px;
}
#internship .indexbox .lead01{
  text-align: center;
  font-size: 4vw;
  margin-bottom: 1vw;
}
#internship .indexbox .typeh1{
  font-size: 10vw;
}
#internship .typeh1 .border {
  padding: 0 0.5vw 0.4vw;
  border-bottom: 1px solid #fff;
}
#internship .indexbox .lead02{
  text-align: center;
  font-size: 4.5vw;
  font-style: italic;
  margin: -4vw 0 8vw;
}
#internship .indexbox .lead03{
  color: #000;
  font-size: 3.9vw;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
#internship .indexbox .lead03 span{
  background: #fff;
  padding: 2vw 3.5vw;
  text-align: center;
  letter-spacing: 1px;
  font-weight: bold;
}
#internship .othercontent_area{
  background: #fff;
  position: relative;
}
#internship .othercontent_area .typeh5{
  color: #000;
}

#internship .message_area .bg_txt {
  font-size: 10vw;
  line-height: 1.1;
  position: absolute;
  top: -2vw;
  left: 0;
  z-index: -9;
  letter-spacing: 0.01em;
}
#internship .feature_area > .bg_txt {
  position: absolute;
  top: -1.4vw;
  right: 0;
  font-size: 11vw;
  letter-spacing: 0.01em;
  text-align: right;
}
#internship .othercontent_area .bg_txt {
  font-size: 10vw;
  line-height: 1.1;
  position: absolute;
  top: -17vw;
  left: 0;
  z-index: 0;
  letter-spacing: 0.01em;
}

}