*, *::before, *::after {
  box-sizing: border-box;
}
ol, ul {
    list-style: none;
}
.screen a {
  display: contents;
  text-decoration: none;
}
a{text-decoration: none;}
:root { 
  --black: #000000;
  --emperor: #4c4948;
  --main-color: #c61f33;
  --mine-shaft: #333333;
  --white: #ffffff;
 
  --font-size-l: 32px;
  --font-size-m: 24px;
  --font-size-s: 21px;
  --font-size-xs: 18px;
  --font-size-xxs: 16px;
  --font-size-xxxs: 14px;
  --font-size-xl: 40px;
  --font-size-xxl: 48px;
  --font-size-xxxl: 64px;
  --font-size-xxxxl: 96px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-noto_sans_telugu_ui-black: "Noto Sans Telugu UI-Black", Helvetica;
  --font-family-noto_sans_telugu_ui-bold: "Noto Sans Telugu UI-Bold", Helvetica;
  --font-family-noto_sans_telugu_ui-regular: "Noto Sans Telugu UI-Regular", Helvetica;
  --font-family-roboto: "Roboto", Helvetica;

  --common-ml:30px;
}
/*=========== common ===============*/
/*header & footer カラーチェンジ*/
header,
footer{
  font-family: YuGothic, 'Yu Gothic', "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.8em;
    color: var(--mine-shaft);
    overflow-wrap: break-word;
}
/*btn*/
#header_nav ul li:last-child a,
#footer_inner .footer_btn_01 a{    background-color: var(--main-color);}
#header_nav ul li:last-child a:hover,
#footer_inner .footer_btn_01 a:hover{    background-color:#921928;}
#header_nav ul li a {
    color: var(--main-color);
    border-left: solid 1px var(--main-color);
}
footer {
    background: #ddd;
    color: var(--mine-shaft);
}
#footer_inner #footer_nav ul li{border-left: solid 1px var(--mine-shaft);}
#footer_inner #footer_nav ul li:last-child {border-right: solid 1px var(--mine-shaft);}
#footer_inner p.copyright,
#footer_inner #footer_nav ul li a{color: var(--mine-shaft);}


/*コンテンツ幅*/
.article-width{
  width: 100%;
  max-width: 1440px;
  margin: auto;
  padding: 0 120px;
}

/*--- title ---*/
.frame-76-cacth {
  position: absolute;
  top: -80px;
  right: 0;
  text-align: right;
}
.catch-line{
margin-bottom:16px ;
}
.catch-line span{line-height: 1.1;}
.text-bg-wht{
  display: inline-block!important;
  background: #fff;
  padding: 5px;
}
.text-bg-maincolor{
  display: inline-block!important;
  background: var(--main-color);
  padding: 5px;
}

/*---txt---*/
body {
  font-family: 'Noto Sans JP', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: var(--mine-shaft);
}
.text-maincolor{
  color: var(--main-color);
}
.text-bold-maincolor{
  color: var(--main-color);
  font-weight: 700;
}
.text-wht{
  color: #fff;
}
/*roboto*/
.roboto-extra-bold-l {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
}
.roboto-normal-m {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 400;
}
.roboto-black-l {
  color: var(--main-color);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
}
/*notosans*/
.notosansteluguui-black-xxxl {
  font-family: var(--font-family-noto_sans_telugu_ui-black);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 700;
}

.notosansteluguui-normal-xxxl {
  font-family: var(--font-family-noto_sans_telugu_ui-regular);
  font-size: var(--font-size-xxxxl);
  font-style: normal;
  font-weight: 400;
}

/*button*/
.btn1 {
  align-items: center;
  border-radius: 15px;
  box-shadow: 2px 4px 10px #00000040;
  display: flex;
  justify-content: center;
  padding:.4em 1.4em;
  font-family: var(--font-family-noto_sans_telugu_ui-black);
  font-size: var(--font-size-s);
  font-weight: 700;
  cursor: pointer;
}
.btn1-Jrs4UM {
  background-color: var(--main-color);
  border: 5px solid #fff;
  color: #fff;
}
.btn1-Jrs4UM:hover {
  background-color: #fff;
  color: var(--main-color);
}

.btn1-CBWnhl {
  background-color: var(--white);
  border: 5px solid var(--main-color);
  color: var(--main-color);
}
.btn1-CBWnhl:hover {
  background-color: var(--main-color);
  color:#fff ;
}

/*--- layout ---*/
.wrapper{
  background-color: var(--white);
  position: relative;
  width: 100%;
  overflow: hidden;
}
.inblock{display: inline-block;}
.br767{display: none;}
/*=== hero__area ===*/
.hero__area {
  background: url('../img/hero-bg.jpg') center / cover no-repeat;
  height: auto;
  width: 100%;
  padding-top: 81px;
}
.hero-width{
  width: 100%;
  max-width: 1440px;
  height: 830px;
  margin: 0 auto;
  position: relative;
}
.hero-catch{
  position: absolute;
  top:-100px;
  left: 10px;
}
.hero-btn{
  display: flex;
  justify-content: flex-end;
  gap: 35px;
  position: absolute;
  bottom: 11%;
  right: 11%;
}
/*=== apply__area ===*/
.apply__area {
  position: relative;
  background-color: transparent;
  padding: 100px 0 0;
}
.image-6-Ft6cvC {
  position: absolute;
  top:-1.5rem;
  right:1rem;
  width:100% ;
  max-width: 426px;
}

/*=== faq__area ===*/
.faq__area {
  position: relative;
  background-color: transparent;
  padding: 100px 0 0;
}
.view-LtmXuU {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--main-color);
  padding: 10px;
  margin-bottom: 110px;
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  width: 100%;
}

.faq-box {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 165px;
}
.faq-box__item {
    width: 100%;
    margin-bottom: 44px;
    box-shadow: 2px 4px 10px 0 rgba(198, 31, 51, 0.25);
    border-radius: 25px;
}

.faq-box__item summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em .95em 1.5em;
    color: var(--main-color);
    font-family: var(--font-family-roboto);
    font-size:var(--font-size-l) ;
    font-weight: 600;
    cursor: pointer;
}

.faq-box__item summary::before,
.faq-box__item summary::after {
    content:"";
  position: absolute; 
  top: 50%;
  right: 3%;  
  width: 24px;
  height: 4px;
  background-color:var(--main-color);
}

.faq-box__item summary::after {
  transform:rotate(-90deg);
}

.faq-box__item[open] summary::after {
    display: none;
}

.faq-box__item p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    transition: transform .5s, opacity .5s;
}

.faq-box__item[open] p {
    transform: none;
    opacity: 1;
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-l);
    font-style: normal;
    font-weight: 500;
    line-height: 2;
    padding: .3em 3em 1.5em 2.7em;
}

.faq-box__item p::before {
    line-height: 1.2;
    content: "A";
    position: absolute; 
    left: 1.5em;
    top:.7em;
}

/*=== cv__area ===*/

.cv__area {
  background-color: var(--main-color);
  padding-top: 100px;
  padding-bottom: 100px;
}
.text_label-9Y5NGj {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 800;
  height: auto;
  line-height: 100px;
  text-align: center
}
.text_label-kmQDYm {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 800;
  height: auto;
  line-height: 126px;
  text-align: center;
}
.frame-52-9Y5NGj {
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 59px;
  margin: 100px auto 20px;
}
.text_label-fVTDrF {
  line-height: 37px;
  position: relative;
  text-align: left;
  width: 317px;
}

/*=== work__area  ===*/
.work__area {
  position: relative;
  background-color: transparent;
  padding: 100px 0 0;
  margin-bottom: 10rem;
}
.feature-3{
  display: flex;
  justify-content: center;
  width: 1270px; 
  margin: 0 auto 4rem;

}
.frame-42 {
  width: 472px;
  height: 472px;
  border-radius: 50%;
  border:solid 5px var(--main-color) ;
  display: flex;
  flex-direction: column;
  align-items: center; 
  justify-content: center;
  text-align: center;
}
.frame-42 + .frame-42 {
  margin-left: -73px;  
}
.frame-41 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 110px;
  justify-content: center;
  padding: 1px 0px;
  position: relative;
  width: 350px;
}
.frame-41-hdg,
.frame-41-bdy{
  line-height: 45px;
  margin: 10px auto;
}
.frame-41-hdg{
  font-size: var(--font-size-l);
  color: var(--main-color);
  font-weight: 700;
}
.frame-41-bdy{font-size: var(--font-size-m);}
.text_label-GbXWr0 {
  line-height: 46px;
  text-align: center;
}

/*=== global__area  ===*/
.global__area {
  position: relative;
  background-color: transparent;
}

.frame-76-za09VE {
  position: relative;
  margin-bottom: 4rem;
  height: 682px;
}

.image-qdV76m{
  width: 1150px;
  height: auto;
  position: absolute;
  top:0;
  right: 25px;
  border-radius: 25px;
}
  img.image-qdV76m{ outline: 5px solid var(--main-color);}
  source.image-qdV76m{outline: none;}

.frame-78-qdV79m {
  display: flex;
  justify-content: space-between;
  margin:0 auto 4rem;
  width: 1150px;
}
.frame-77 {
  width: 370px;
  align-items: center;
  border: 5px solid;
  border-color: var(--main-color);
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 36px 25px;
}
.frame-77 img{
  width: 100%;
  max-width: 270px;
}
.text_label-qdV79m {
  line-height: 58px;
  text-align: center;
  margin-bottom: 6rem;
}
/*=== video__area ===*/
.video__area{
  position: relative;
  background-color: transparent;
}
.youtube {
  position: relative;
  padding-top: 56.25%;
  margin: 0 auto 8rem;
  width: 100%;
  max-width: 1150px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*=== project__area ===*/
.project__area {
  position: relative;
  background-color: transparent;
  padding: 100px 0 0;
}

.frame-79-Ft6cvC {
  display: flex;
  flex-direction: column;
  gap: 55px;
  position: relative;
  margin: 4rem auto 6rem;
}
.image-5-Ft6cvC {
  position: absolute;
  top:0;
  right:1rem;
  width:100% ;
  max-width: 587px;
}
.text_label-t8R306 {
  line-height: 1.6;

}
.text_label-t8R306 ul{
list-style-type: disc;
padding-left: 2em;
margin-top: 1rem;
}
.text_label-t8R306 ul li{margin-bottom: 1rem;}

/*=== inteview__area ===*/
.inteview__area {
  background-color: transparent;
  position: relative;
}
.frame-76-UWCxul{
  position: relative;
  height: 800px;
  margin-bottom: 4rem;
}
.image-qdV79m{
  width: 100%;
  max-width: 797px;
  position: absolute;
  top:0;
  right: -15px;
  border-radius: 25px;
}
.view-UWCxul{
  position: absolute;
  left:0;
  top:250px;
  border: 5px solid var(--main-color);
  border-radius: 25px;
  width: auto;
  background: #fff;
  padding: 1em;
  letter-spacing: -1px;
}
.mkdt-dmake-indonesia-LpMDaW{
  color: var(--main-color);
  font-size: var(--font-size-m);
  line-height: 200%;
  position: relative;
}
.mkdt-dmake-indonesia-LpMDaW__acc{
  position: absolute;
  top: -40px;
  right: -40px;
  width: 50px;
  height: auto;
}
.view-klHFGH{
  position: relative;
  height: 880px;
}
.text_label-gZIKhB {
  line-height: 58px;
  padding-left:670px ;
  text-align: left;
}
.text_label-gZIKhB__item{margin-bottom: 80px;}
.image-klHFGH{
  position: absolute;
  top: -80px;
  left: -250px;
  width: 100%;
  max-width: 880px;
}
.view-c78Fa8 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: column;
  gap: 52px;
  position: relative;
  margin-left: var(--common-ml);
}

.x-mK9ubw {
  line-height: 58px;
}

.text_label-mK9ubw {
  color: var(--mine-shaft);
  line-height: 46px;
  margin-bottom: 6rem;
}
.view-78FnZ3 {
  margin-bottom: 2rem;
}
.fv-BkcKoe {
  background-color: transparent;
  height: auto;
  position: relative;
  width: 100%;
}
.image {
  background-color: transparent;
  object-fit: cover;
}
.bg-gradation{
  background: linear-gradient(180deg, rgba(198, 31, 51, 0.25) 0, rgba(255, 255, 255, 0) 500px);
  background-color: transparent;
  position: relative;
  width: 100%;
}
/*=== apply__area ===*/
.frame-80-Ft6cvC {
  display: flex;
  flex-direction: column;
  gap: 55px;
  position: relative;
  margin: 4rem auto 6rem;
}
/*=== fix-btn__area ===*/
.fix-btn__area{
  position: fixed;
  bottom: 0;
  width: 100%;
  opacity: 0; 
  pointer-events: none; 
  transition: opacity 0.4s ease;
}
.fix-btn__area.show {
  opacity: 1;
  pointer-events: auto;
}
.fix-btn{
  display: flex;
  justify-content: center;
  gap: 35px;
  width: 100%;
  background-color:rgba(198, 31, 51, .8);
  padding: .5rem ;
}




/* ============ 
1439px以下
 ============ */
@media (max-width: 1439px) {
  .article-width{
  max-width: 1200px;
  padding: 0 0;
  }
  /*=== hero__area ===*/
  .hero-width{
    width: 100%;
    height: 58vw;
  }
  .hero-catch{
    width: auto;
    height: 67vw;
    top: -101px;
  }

  /*=== work__area ===*/
  .feature-3 {
    display: flex;
    flex-wrap: wrap;
    max-width: 900px;
    justify-content: center;
    height: auto;
  }
.frame-42 + .frame-42{    margin-left: -50px;}
 .frame-42:nth-child(3) {
  margin-right: -50px;
    margin-top: -98px;
  }

}

/* ============
 1279px以下
  ============ */
@media (max-width: 1279px) {
  .article-width{
  max-width: 980px;
  padding: 0 40px;
  }
  /*--- title ---*/
.frame-76-cacth {
  position: absolute;
  top: -40px;
  right: 0;
  text-align: right;
}

.notosansteluguui-black-xxxl,
.notosansteluguui-normal-xxxl{
  font-size: var(--font-size-xxxl);
}

  /*=== global__area ===*/
  .frame-76-za09VE{height: 505px;}
  .image-qdV76m{
        width: 850px;
  }
  .frame-78-qdV79m{  width: 850px;  }
  .frame-77{
    width: 270px;
    padding: 26px 20px;
    line-height: 24px;
  }
  .text_label-fVTDrF{width: auto;}
  /*=== project__area ===*/
  .image-5-Ft6cvC{    max-width: 487px;}
  /*=== inteview__area ===*/
  .frame-76-UWCxul{height: 650px;}
  .image-qdV79m{max-width: 600px;}
  .view-UWCxul{
    top:200px;
    width: 70%;
    max-width: 600px;
  }
  .mkdt-dmake-indonesia-LpMDaW{
    font-size: var(--font-size-s);
    line-height: 160%;
  }
  .image-klHFGH{max-width: 780px;}
  .text_label-gZIKhB{
    padding-left: 570px;
    line-height: 240%;
  }
  .text_label-gZIKhB__item{margin-bottom: 40px;}
  .roboto-extra-bold-l{font-size: var(--font-size-m);}
  .roboto-normal-m{font-size: var(--font-size-s);}
}

/* ============
 1149px以下
  ============ */
@media (max-width: 1149px) {
/*=== hero__area ===*/
.hero__area {
  background: url('../img/hero-bg-tab.jpg') center / cover no-repeat;

}
   .hero-width{
    width: 100%;
    height: auto;
    min-height:715px ;
   }
  .hero-catch{
    width: 90%;
    max-width: 880px;
    height: auto;
    top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  }
  .hero-btn{
    justify-content: center;
    right: initial;
    left: 50%;
  transform: translateX(-50%);
          width: 100%;
  }

  /* ============header&footer（共通）============ */
  #nav-content,
  #nav-content a {
  background: var(--main-color);
}
  #footer_inner {
        padding: 40px 30px 40px;
    }

  #footer_inner #footer_nav ul {
        flex-wrap: wrap;
        justify-content: left;
    }
    #footer_inner #footer_nav ul li {
        width: 50%;
        font-size: 14px;
    }
    #footer_inner #footer_nav ul li:nth-child(2n){    border-right: solid 1px var(--mine-shaft);}
    #sp_fix_btn,
    .to_top{display: none;}
    .hero__area{padding-top: initial;}
}
/* ============
 979px以下
  ============ */
@media (max-width: 979px) {
.article-width{
  max-width: 767px;
  padding: 0 30px;
  }
  /*title*/
  .catch-line{margin-bottom: 8px;}
  .catch-line span{   line-height: 1;}
  .notosansteluguui-black-xxxl, 
  .notosansteluguui-normal-xxxl { font-size: var(--font-size-xxl);}
  .text-bg-wht,
  .text-bg-maincolor{padding-bottom:0 ;}


  /*=== work__area ===*/
  .feature-3{max-width: 706px;}
  .frame-42{
    width: 350px;
    height: 350px;
  }
  .frame-42 + .frame-42 {
        margin-left: -30px;
    }
  .frame-42:nth-child(3) {
        margin-right: -30px;
        margin-top: -78px;
  }
  .frame-41{
    width: 80%; 
    height:auto;
    gap:0;
  }
  .frame-41-hdg,
  .frame-41-bdy{margin: 0 auto;}
  .frame-41-hdg{font-size: var(--font-size-m);line-height: 36px;}
  .frame-41-bdy{font-size: var(--font-size-xs);line-height: 34px;}
  /*=== global__area ===*/
  .image-qdV76m{ width: 657px;}
  .frame-76-za09VE{height: 390px;}
  .frame-78-qdV79m{
    flex-wrap: wrap-reverse;
    justify-content: center;
    gap: 1rem;
    width: 100%;
  }
  .frame-77{
    width: calc(100% / 2 - .5rem);
  }
  .frame-77.order-1{order: 3;}
  .frame-77.order-2{order: 1;}
  .frame-77.order-3{order: 2;}
 /*=== project__area ===*/

 .image-5-Ft6cvC{
    max-width: 350px;
        right:0;
 }
  /*=== inteview__area- ===*/
 .image-qdV79m{    right: -85px;}
 .view-klHFGH{
  text-align: center;
  height: auto;
  margin-bottom: 100px;
}
 .image-klHFGH{
  width: 100%;
  max-width: 480px;
  position: relative;
  top:initial;
  left:initial;
  margin-bottom: 4rem;
}
.text_label-gZIKhB{
  padding-left: 0;
  text-align: center;
}
  /*=== apply__area ===*/
  .frame-80-Ft6cvC{margin-bottom: 0;}
  .image-6-Ft6cvC{
    position: relative;
    top: initial;
    right: initial;
    margin: auto;
    max-width: 360px;
  }
  /*=== faq__area ===*/
  .faq__area{padding-top: 0;}
  .view-LtmXuU{
    font-size: var(--font-size-m);
    padding: 5px;
    margin-bottom: 27px;
  }
  .faq-box{margin-bottom: 50px;}
  .faq-box__item{
    border-radius: 15px;
    margin-bottom: 18px;
  }
  .faq-box__item summary,
  .faq-box__item[open] p{font-size: var(--font-size-xs);}
  .faq-box__item summary::before,
  .faq-box__item summary::after {
    content:"";
  position: absolute; 
  top: 50%;
  right: 3%;  
  width: 16px;
  height: 3px;
  background-color:var(--main-color);
}

   /*=== cv__area ===*/
   .cv__area{
    padding-top: 60px;
    padding-bottom: 60px;
}
   .text_label-9Y5NGj{font-size: var(--font-size-l);line-height: 50px;}
   .text_label-kmQDYm{font-size: var(--font-size-m);line-height: 50px;}
   .frame-52-9Y5NGj{    margin: 40px auto 0px;}
   
}
/* ============
 767px以下
  ============ */
@media (max-width: 767px) {
.br767{display: block;}
.article-width{
  max-width: 100%;
  padding: 0 30px;
  }
  .roboto-black-l{font-size: var(--font-size-s);line-height: 40px;}
  .roboto-normal-m{font-size: var(--font-size-xs);line-height: 36px;}
  /*btn*/
  .hero-btn,
  .fix-btn,
  .frame-52-9Y5NGj{
    gap:20px;
  }
  .frame-52-9Y5NGj{
    margin: 30px auto 0px;
  }
  .btn1{
    font-size: var(--font-size-xs);
  }
  .btn1-Jrs4UM{    border: 4px solid #fff;}
  .btn1-CBWnhl{    border: 4px solid var(--main-color);}
  /*title*/
  .catch-line{margin-bottom: 8px;}
  .catch-line span{   line-height: 1;}
  .notosansteluguui-black-xxxl, 
  .notosansteluguui-normal-xxxl { font-size: var(--font-size-xl);}
  .text-bg-wht,
  .text-bg-maincolor{padding-bottom:0 ;}
   /*=== hero__area ===*/
   .hero__area{
    background: url('../img/hero-bg-sp.jpg') no-repeat;
    background-position: 20% 80%;
   }
   .hero-catch{max-width: 630px;}
/*=== work__area ===*/
.view-c78Fa8{margin-left: 0;}
.text_label-mK9ubw{margin-bottom: 3rem;}
.feature-3 { max-width: 419px;}
.frame-42{
  width: 215px;
  height: 215px;
  border: 3px solid var(--main-color);
}
.frame-42 + .frame-42 {margin-left: -20px;}
.frame-42:nth-child(3) {
   margin-right: -20px;
   margin-top: -48px;
    }
  .frame-41{
    width: auto;
  }
.frame-41-hdg,
.frame-41-bdy{
    margin: 0 auto;
}
.frame-41-hdg{font-size: var(--font-size-xs);line-height: 26px;}
.frame-41-bdy{font-size: var(--font-size-xxxs);line-height: 22px;}
/*=== global__area ===*/
.frame-76-za09VE {
  width: 100%;
  height:auto;

}
.frame-76-za09VE {
  width: 100%;
  height:auto;
  padding-top:59%;
}
img.image-qdV76m{ outline: 3px solid var(--main-color);}
source.image-qdV76m{outline: none;}
.frame-76-cacth{top:-70px;}
.image-qdV76m {width:100%;    right: 0;}
.frame-77 {border: 3px solid var(--main-color);}
.frame-77 img{max-width: 115px;}
.text_label-fVTDrF{
  font-size: var(--font-size-xs);
  line-height: 18px;
}
/*=== project__area ===*/
.image-5-Ft6cvC{
  position: relative;
  top:initial;
  right: initial;
  max-width: 300px;
  margin: auto;
}
.frame-79-Ft6cvC{
  gap:20px;
  margin: 2rem auto 10rem;
}
/*=== inteview__area ===*/
.mkdt-dmake-indonesia-LpMDaW{font-size: var(--font-size-xs);}
.frame-76-UWCxul{ 
  width: 100%;
  height: auto;
  margin-bottom: 4rem;
}
.image-klHFGH{
  width: 80%;
  max-width: 400px;
}
.image-qdV79m{width: 90%;}
.view-UWCxul{border: 3px solid var(--main-color);}
/*=== apply__area ===*/
.frame-80-Ft6cvC{    gap: 30px;}
/*=== cv__area ===*/
.text_label-9Y5NGj {
        font-size: var(--font-size-m);
        line-height: 40px;
    }
.text_label-kmQDYm {
        font-size: var(--font-size-s);
        line-height: 30px;
    }

}

/* ============
 479px以下
  ============ */
@media (max-width: 479px) {
.article-width{padding: 0 15px;}
    .notosansteluguui-black-xxxl, .notosansteluguui-normal-xxxl { font-size: var(--font-size-l);}
  .roboto-extra-bold-l{font-size: var(--font-size-xs);}
  .roboto-normal-m {
        font-size: var(--font-size-xxs);
        line-height: 24px;
    }
    .hero-btn,
    .fix-btn,
    .frame-52-9Y5NGj{gap:20px}
    .btn1{
    font-size: var(--font-size-xs);
    padding:  3px 2px 2px 3px;
    border-radius: 8px;
    font-weight: 500;
    width: calc(100% / 2 - 30px);
  }
  .btn1-Jrs4UM{    border: 2px solid #fff;}
  .btn1-CBWnhl{    border: 2px solid var(--main-color);}
  /*=== hero__area ===*/
  .hero-width{min-height: 480px;}
  .hero-catch{
    width: 90%;
    max-width: 400px;
    top: 35%;
  }
/*=== work__area ===*/
    .work__area{padding: 50px 0 0;}
    .view-c78Fa8{gap: 30px;}
    .roboto-black-l {
        font-size: var(--font-size-xs);
        line-height: 36px;
    }
  .feature-3{
    flex-direction: column;
    align-items: center;
    max-width: 100%;
  }
      .frame-42 + .frame-42{
        margin-left: initial;
        margin-top: -20px;
      }
      .frame-42:nth-child(3){
       margin-right: initial;

      }
  .text_label-fVTDrF{font-size: var(--font-size-xxs);}
  /*=== global__area ===*/
.frame-76-za09VE {
  padding-top:103.2%;
  margin-bottom:1.5rem;
}

  .frame-78-qdV79m{
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
  }
  .frame-77{
    width: 100%;
  }
  .text_label-qdV79m{margin-bottom: 3rem;}
  /*===video__area ===*/
  .youtube{margin: 0 auto 4rem;}
  /*=== project__area ===*/
  .project__area{    padding: 50px 0 0;}
  .frame-79-Ft6cvC{margin: 2rem auto 6rem;}
  /*=== inteview___area ===*/
  .image-qdV79m{
    right: 0;
    width: 100%;
  }
  .view-UWCxul{
     width: 90%;
    left: 5%;
  }
  .mkdt-dmake-indonesia-LpMDaW{font-size: var(--font-size-xxs);}
  .mkdt-dmake-indonesia-LpMDaW__acc{
    top: -30px;
    right: -30px;
    width: 30px;
  }
  .text_label-gZIKhB{line-height: 200%;}
  .view-klHFGH{margin-bottom: 50px;}
  /*=== apply___area ===*/
  .apply__area{    padding: 50px 0 0;}
}
/* ============
 374px以下
  ============ */
@media (max-width: 374px) {
    .hero-btn,
    .fix-btn,
    .frame-52-9Y5NGj{gap:10px}
}