.applications-company{
  width: 1400px;
  height: auto;
}
.applications-company-area{
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 603px;
  height: 406px;

  /* Inside auto layout */
  flex: none;
  order: 10;
  flex-grow: 0;
  margin: 0 auto;
}

.applications-company_area_up{
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 356px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}

.applications-company_area_up_text{
  /* Main Title */

  width: 356px;
  height: 65px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 65px;

  /* Accent/Primary */
  color: #CF1646;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  white-space: nowrap;
  margin: 80px 0px 0px 0px;
}
.applications-company_area_middle_text{
  width: 283px;
  height: 33px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 33px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.2em;

  /* Accent/Secondary */
  color: #E87E9A;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 0px 0px 0px;
  padding-bottom: 80px;
  white-space: nowrap;
}

.applications-company_area_down{
  display: flex;
  flex-direction: column;
  align-items: center;

  width: 603px;

  /* Text/Primary */
  color: #333333;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
}

.applications-company_area_down_text{
  width: 603px;
  height: 72px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  /* or 32px */

  /* Text/Primary */
  color: #333333;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  white-space: nowrap;
}

.future-company-area{
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  gap: 40px;
  margin: 0 auto;

  /* Background/Primary */
  background: #EDF3F5;

  /* Inside auto layout */
  flex: none;
  order: 11;
  flex-grow: 0;

}

.future-company_area_box{
  /* box */

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;

  width: 1200px;
  height: 527px;

  /* Base/White */
  background: #FFFFFF;
  border-radius: 50px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0 auto;

}

.future-company_area_box_inbox{
  display: flex;

  gap: 60px;
  width: 1080px;
  height: 447px;
  margin: 0 auto;

}

.future-company_area_box2{
  /* box */

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;

  width: 1200px;
  height: 511.8px;

  /* Base/White */
  background: #FFFFFF;
  border-radius: 50px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0 auto;

}

.future-company_area_box_inbox2{
  display: flex;

  gap: 60px;
  width: 1080px;
  height: 431.8px;
  margin: 0 auto;

}



.future-company_area_box3{
  /* box */

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;

  width: 1200px;
  height: 578px;

  /* Base/White */
  background: #FFFFFF;
  border-radius: 50px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0 auto;

}

.future-company_area_box_inbox3{
  display: flex;

  gap: 60px;
  width: 1080px;
  height: 498px;
  margin: 0 auto;

}



.future-company_area_box_inbox_left{
  /* Right */

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;

  width: 340px;
  height: 431.8px;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;

}

.future-company_area_box_inbox_left_text{
  /* これから伸びていく分野 */
  width: 340px;
  height: 24px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  /* identical to box height, or 24px */

  /* Text/Primary */
  color: #333333;


  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin-top: 0;

}

.future-company_area_box_inbox_left_title{
  /* ePRO */

  width: 340px;
  height: 120px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 120px;
  line-height: 100%;
  /* identical to box height, or 120px */

  /* Brand/Gradient1 */
  background: linear-gradient(180deg, #1EDBA2 0%, #1E9EDB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;



  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;

}

.future-company_area_box_inbox_left_picture{
  width: 340px;

  /* Inside auto layout */
  flex: none;
  order: 2;
  flex-grow: 0;
}

.future-company_area_box_inbox_right{
  /* Left */

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0px;
  gap: 20px;

  width: 680px;
  height: 447px;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 1;

}

.future-company_area_box_inbox_right_title{
  /* 3H P-Guardian */
  width: 680px;
  height: 48px;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  /* identical to box height, or 48px */

  /* Brand/Primary */
  color: #1E9EDB;


  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0;
}
.future-company_area_box_inbox_right_text{
  /* スマートフォンなど携帯端末を通じて、被験者が健康状態を記録します。 */
  width: 680px;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  /* identical to box height, or 29px */

  /* Text/Primary */
  color: #333333;


  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 0;
}

.future-company_area_box_inbox_right_upbox{
  /* Frame 21 */
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 20px;
  gap: 10px;

  width: 680px;
  height: 121px;

  /* Accent/Secondary */
  border: 1px solid #E87E9A;
  border-radius: 20px;

  /* Inside auto layout */
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;

}
.future-company_area_box_inbox_right_upbox_up{
  /* Component/Title */

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;

  width: 193px;
  height: 53px;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;

}

.future-company_area_box_inbox_right_upbox_up_left{
  margin-top: -10px;
}
.future-company_area_box_inbox_right_upbox_up_right{
  /* Text */

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;

  width: 169px;
  height: 53px;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;

}

.future-company_area_box_inbox_right_upbox_up_right_title{
  width: 169px;
  height: 35px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 35px;

  /* Text/Primary */
  color: #333333;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 2px 0px 0px 0px;

}

.future-company_area_box_inbox_right_upbox_up_right_text{
  /* Sub Title */

  width: 132px;
  height: 22px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.2em;

  /* Accent/Secondary */
  color: #E87E9A;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0;
  white-space: nowrap;

}

.future-company_area_box_inbox_right_upbox_down{
  /* AWS, MySQL, PHP, Python, JavaScript, React.js, .NET */

  width: 384px;
  height: 26px;
  margin-top: 0px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  /* identical to box height, or 26px */

  /* Text/Primary */
  color: #333333;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  white-space: nowrap;
}

.future-company_area_box_inbox_right_downbox{
  /* Frame 21 */
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 20px;
  gap: 10px;

  width: 680px;
  height: 121px;

  /* Accent/Secondary */
  background: #F5F5F5;
  border-radius: 20px;

  /* Inside auto layout */
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
  
}

.future-company_area_box_inbox_right_downbox_title{
  /* Main Title */
  width: 114px;
  height: 27px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;

  /* Brand/Primary */
  color: #1E9EDB;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  white-space: nowrap;
  margin: 0;
}
.future-company_area_box_inbox_right_downbox_text{
  /* ePROとは、製薬・治験業界の専門用語です。「Electronic Patient-Reported Outcome」の略で、日本語では電子患者報告アウトカムとされています。 */

  width: 640px;
  height: 44px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */

  /* Text/Secondary */
  color: #7A7A7A;


  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 0;
}

.future-company_area_box_inbox_right_logo{
  /* Component / Button / Arrow */

  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 32px;
  gap: 20px;

  width: 88px;
  height: 56px;

  /* Base/White */
  background: #FFFFFF;
  /* Brand/Primary */
  border: 1px solid #1E9EDB;
  border-radius: 40px;

  /* Inside auto layout */
  flex: none;
  order: 4;
  flex-grow: 0;
  
}

.future-company_area_box_inbox_right_logoArea{
  /* arrow-right */
  height: 56px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  
}

.future-company_area_box_inbox_right_logoArea a{
  margin-top: 0px;
  margin-left: 0px;
}


.future-company_area_box_inbox_right_logo:hover{
  /* Component / Button / Arrow */

  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 20px;

  position: relative;
  width: 325px;
  height: 56px;

  /* Brand/Gradient1 */
  background: linear-gradient(180deg, #1EDBA2 0%, #1E9EDB 100%);
  /* Base/White */
  border: 1px solid #FFFFFF;
  border-radius: 40px;
  white-space: nowrap;
}
.future-company_area_box_inbox_right_logoArea_mark1{
  margin-top: 16px;
}
.future-company_area_box_inbox_right_logo:hover .future-company_area_box_inbox_right_logoArea_mark1{
  display:none;
}

.future-company_area_box_inbox_right_logo_M{
  display:none;
}

.future-company_area_box_inbox_right_logoArea_mark2{
  display:none;
  position: relative;
  width: 325px;
  height: 56px;
}


.future-company_area_box_inbox_right_logo:hover .future-company_area_box_inbox_right_logoArea_mark2{
  display: flex;
}

.future-company_area_box_inbox_right_logoArea_mark2_images1{
  height: 18px;
  margin-top: 18px;
  margin-left: 24px;
}

.future-company_area_box_inbox_right_logoArea_mark2_text{
  margin-top: 20px;
  margin-left: 26px;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #FFFFFF;
  flex: none;
  order: 0;
  flex-grow: 0;

}

.future-company_area_box_inbox_right_logoArea_mark2_images2{
  height: 16px;
  margin-top: 19px;
  margin-left: 16px;
}


.future-company_area_box_inbox_left2{
  /* Left */

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0px;
  gap: 20px;

  width: 680px;
  height: 393px;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 1;

}

.future-company_area_box_inbox_right2{
  /* Right */

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;

  width: 340px;
  height: 431.8px;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;

}
.future-company_area_box_inbox_left2_title{
  /* Simple Stream */

  width: 680px;
  height: 48px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  /* identical to box height, or 48px */

  /* Brand/Primary */
  color: #1E9EDB;

  margin: 0;
}
.future-company_area_box_inbox_left2_text{
  /* 医師が、被験者の話を聞いてデータ入力をしていくシステムです。 */

  width: 680px;
  height: 29px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  /* identical to box height, or 29px */

  /* Text/Primary */
  color: #333333;
  margin: 0;
}


/*----------------------------------------------------*/

.future-company_area_box_inbox_left2_upbox{
  /* Frame 21 */
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 20px;
  gap: 10px;

  width: 680px;
  height: 121px;

  /* Accent/Secondary */
  border: 1px solid #E87E9A;
  border-radius: 20px;

  /* Inside auto layout */
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}
.future-company_area_box_inbox_left2_upbox_up{
  /* Component/Title */

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;

  width: 193px;
  height: 53px;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;

}

.future-company_area_box_inbox_left2_upbox_up_left{
  margin-top: -10px;
}
.future-company_area_box_inbox_left2_upbox_up_right{
  /* Text */

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;

  width: 169px;
  height: 53px;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;

}

.future-company_area_box_inbox_left2_upbox_up_right_title{
  width: 169px;
  height: 35px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 35px;

  /* Text/Primary */
  color: #333333;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  margin: 2px 0px 0px 0px;

}

.future-company_area_box_inbox_left2_upbox_up_right_text{
  /* Sub Title */

  width: 132px;
  height: 22px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  /* identical to box height */
  text-align: center;
  letter-spacing: 0.2em;

  /* Accent/Secondary */
  color: #E87E9A;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0;
  white-space: nowrap;

}

.future-company_area_box_inbox_left2_upbox_down{
  /* AWS, MySQL, PHP, Python, JavaScript, React.js, .NET */

  width: 384px;
  height: 26px;
  margin-top: 0px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  /* identical to box height, or 26px */

  /* Text/Primary */
  color: #333333;


  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  white-space: nowrap;
}



/*----------------------------------------------------------- */
.future-company_area_box_inbox_left2_downbox{
  display: flex;
  flex-direction: column;
  align-items: flex-start;


  width: 680px;
  height: 135px;

  /* Background/Secondary */
  background: #F5F5F5;
  border-radius: 20px;

  /* Inside auto layout */
  flex: none;
  order: 3;
  align-self: stretch;
  flex-grow: 0;
}






.future-company_area_box_inbox_right2_text{
  /* これから伸びていく分野 */
  width: 340px;
  height: 24px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  /* identical to box height, or 24px */

  /* Text/Primary */
  color: #333333;


  /* Inside auto layout */
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0;

}

.future-company_area_box_inbox_right2_title{
  /* ePRO */

  width: 340px;
  height: 120px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 120px;
  line-height: 100%;
  /* identical to box height, or 120px */

  /* Brand/Gradient1 */
  background: linear-gradient(180deg, #1EDBA2 0%, #1E9EDB 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;



  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;

}

.future-company_area_box_inbox_left2_downbox{
  /* Frame 21 */
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 20px;
  gap: 10px;

  width: 680px;
  height: 135px;

  /* Accent/Secondary */
  background: #F5F5F5;
  border-radius: 20px;

  /* Inside auto layout */
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
  
}



.future-company_area_box_inbox_left2_downbox_title{
  /* Main Title */
  width: 114px;
  height: 27px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;

  /* Brand/Primary */
  color: #1E9EDB;


  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  white-space: nowrap;
  margin: 0;
}
.future-company_area_box_inbox_left2_downbox_text{
  /* ePROとは、製薬・治験業界の専門用語です。「Electronic Patient-Reported Outcome」の略で、日本語では電子患者報告アウトカムとされています。 */

  width: 640px;
  height: 44px;

  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  /* or 22px */

  /* Text/Secondary */
  color: #7A7A7A;


  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 0;
}


/*-----------------------3-------------------------*/
.future-company_area_box_inbox_right_downbox2{
  /* Frame 21 */
  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px 20px;
  gap: 10px;

  width: 680px;
  height: 121px;

  /* Accent/Secondary */
  background: #F5F5F5;
  border-radius: 20px;

  /* Inside auto layout */
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

.future-company_area_box_inbox_right_logo_2{
  /* Component / Button / Arrow */

  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 32px;
  gap: 20px;

  width: 88px;
  height: 56px;

  /* Base/White */
  background: #FFFFFF;
  /* Brand/Primary */
  border: 1px solid #1E9EDB;
  border-radius: 40px;

  /* Inside auto layout */
  flex: none;
  order: 4;
  flex-grow: 0;
}
.future-company_area_box_inbox_right_logoArea_2{
  /* arrow-right */
  height: 56px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}
.future-company_area_box_inbox_right_logoArea_2 a{
  margin-top: 0px;
  margin-left: 0px;
}

.future-company_area_box_inbox_right_logo_2:hover{
  /* Component / Button / Arrow */

  box-sizing: border-box;

  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 20px;

  position: relative;
  width: 279px;
  height: 56px;

  /* Brand/Gradient1 */
  background: linear-gradient(180deg, #1EDBA2 0%, #1E9EDB 100%);
  /* Base/White */
  border: 1px solid #FFFFFF;
  border-radius: 40px;
  white-space: nowrap;
}
.future-company_area_box_inbox_right_logoArea_mark1_2{
  margin-top: 16px;
}

.future-company_area_box_inbox_right_logo_2:hover .future-company_area_box_inbox_right_logoArea_mark1_2{
  display:none;
}

.future-company_area_box_inbox_right_logoArea_mark2_2{
  display:none;
  position: relative;
  width: 279px;
  height: 56px;
}

.future-company_area_box_inbox_right_logo_2:hover .future-company_area_box_inbox_right_logoArea_mark2_2{
  display: flex;
}


.future-company_area_box_inbox_right_logoArea_mark2_images1_2{
  height: 18px;
  margin-top: 18px;
  margin-left: 24px;
}

.future-company_area_box_inbox_right_logoArea_mark2_text_2{
  margin-top: 20px;
  margin-left: 16px;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #FFFFFF;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.future-company_area_box_inbox_right_logoArea_mark2_images2_2{
  height: 16px;
  margin-top: 19px;
  margin-left: 16px;
}
@media screen and (max-width: 768px) {
  .applications-company{
      width: auto;
      height: auto;
  }
  .applications-company-area{
      display: flex;
      flex-direction: column;
      align-items: center;
  
      width: auto;
      height: 422px;
  
      /* Inside auto layout */
      flex: none;
      order: 10;
      flex-grow: 0;
      margin: 0 auto;
  }
  
  .applications-company_area_up{
      display: flex;
      flex-direction: column;
      align-items: center;
  
      width: 267px;
      height: 230px;
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
  }
  
  .applications-company_area_up_text{
      /* Main Title */
  
      width: 267px;
      height: 49px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 36px;
      line-height: 49px;
  
      /* Accent/Primary */
      color: #CF1646;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
      white-space: nowrap;
      margin: 0 auto;
      margin: 80px 0px 0px 0px;
  }
  .applications-company_area_middle_text{
      width: 213px;
      height: 25px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 18px;
      line-height: 24.5px;
      /* identical to box height */
      text-align: center;
      letter-spacing: 0.2em;
  
      /* Accent/Secondary */
      color: #E87E9A;
  
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      flex-grow: 0;
      margin: 0px 0px 0px 0px;
      padding-bottom: 80px;
  }
  
  .applications-company_area_down{
      display: flex;
      flex-direction: column;
      align-items: center;
  
      width: 343px;
  
      /* Text/Primary */
      color: #333333;
  
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      flex-grow: 0;
  }
  
  .applications-company_area_down_text{
      /* 3Hメディソリューションで、今までに開発したアプリケーション。 治験の専門知識は、社員やスタッフがサポートします。 */

      width: 343px;
      height: 112px;

      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 160%;
      /* or 26px */

      /* Text/Primary */
      color: #333333;


      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;
      white-space: normal;
  }
  
  .future-company-area{
      display: flex;
      flex-direction: column;
      align-items: center;
      width: auto;
      padding-top: 20px;
      padding-bottom: 20px;
      gap: 16px;
      margin: 0 auto;
      background: #EDF3F5;
  }
  
  .future-company_area_box{
      /* box */
  
      /* Auto layout */
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 20px;
  
      width: 343px;
      height: 955.8px;
  
      /* Base/White */
      background: #FFFFFF;
      border-radius: 20px;
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin: 0 auto;
  
  }
  
  .future-company_area_box_inbox{
      display: block;
      width: 311px;
      height: 907.8px;
      margin: 0 auto;
  }
  
  .future-company_area_box2{
      /* box */
  
      /* Auto layout */
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 20px;
  
      width: 343px;
      height: 900px;
  
      /* Base/White */
      background: #FFFFFF;
      border-radius: 20px;
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin: 0 auto;
  
  }
  
  .future-company_area_box_inbox2{
      display: block;
      width: 311px;
      height: 907.8px;
      margin: 0 auto;
  
  }
  
  
  
  .future-company_area_box3{
      /* box */
  
      /* Auto layout */
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 20px;
  
      width: 343px;
      height: 955.8px;
  
      /* Base/White */
      background: #FFFFFF;
      border-radius: 20px;
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin: 0 auto;
  
  }
  
  .future-company_area_box_inbox3{
      display: block;
      width: 311px;
      height: 907.8px;
      margin: 0 auto;
  }
  
  
  
  
  .future-company_area_box_inbox_left{
      /* Right */
      width: 311px;
      height: 321.45px;
  
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
  
  }
  
  .future-company_area_box_inbox_left_text{
      /* これから伸びていく分野 */
      width: 311px;
      height: 24px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 100%;
      /* identical to box height, or 24px */
  
      /* Text/Primary */
      color: #333333;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin-top: 0;
      margin-bottom: 0px;
  
  }
  
  .future-company_area_box_inbox_left_title{
      /* ePRO */
  
      width: 311px;
      height: 96px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 96px;
      line-height: 100%;
      /* identical to box height, or 120px */
  
      /* Brand/Gradient1 */
      background: linear-gradient(180deg, #1EDBA2 0%, #1E9EDB 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin: 0;
  
  
      
      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;
  
  }
  
  .future-company_area_box_inbox_left_picture{
      width: 311px;
      height: 201.45px;
  
      /* Inside auto layout */
      flex: none;
      order: 2;
      flex-grow: 0;
  }
  
  .future-company_area_box_inbox_right{
      /* Left */
  
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding: 0px;
      gap: 20px;

      width: 311px;
      height: 508px;


      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;
      margin-top: 24px;
  
  }
  
  .future-company_area_box_inbox_right_title{
      /* 3H P-Guardian */

      width: 311px;
      height: 36px;

      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 36px;
      line-height: 100%;
      /* identical to box height, or 36px */

      /* Brand/Primary */
      color: #1E9EDB;


      /* Inside auto layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;

  }
  .future-company_area_box_inbox_right_text{
      /* スマートフォンなど携帯端末を通じて、被験者が健康状態を記録します。 */

      width: 311px;
      height: 78px;

      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 160%;
      /* or 26px */

      /* Text/Primary */
      color: #333333;


      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;

  }
  
  .future-company_area_box_inbox_right_upbox{
      /* Frame 21 */

      box-sizing: border-box;

      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px 20px;
      gap: 10px;

      width: 311px;
      height: 139px;

      /* Accent/Secondary */
      border: 1px solid #E87E9A;
      border-radius: 20px;

      /* Inside auto layout */
      flex: none;
      order: 2;
      align-self: stretch;
      flex-grow: 0;
  }
  .future-company_area_box_inbox_right_upbox_up{
      /* Component/Title */
  
      /* Auto layout */
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 12px;
  
      width: 193px;
      height: 53px;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
  
  }
  
  .future-company_area_box_inbox_right_upbox_up_left{
      margin-top: -10px;
  }
  .future-company_area_box_inbox_right_upbox_up_right{
      /* Text */
  
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
  
      width: 169px;
      height: 53px;
  
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      flex-grow: 0;
  
  }
  
  .future-company_area_box_inbox_right_upbox_up_right_title{
      width: 169px;
      height: 35px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 26px;
      line-height: 35px;
  
      /* Text/Primary */
      color: #333333;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
      margin: 2px 0px 0px 0px;
  
  }
  
  .future-company_area_box_inbox_right_upbox_up_right_text{
      /* Sub Title */
  
      width: 132px;
      height: 22px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height */
      text-align: center;
      letter-spacing: 0.2em;
  
      /* Accent/Secondary */
      color: #E87E9A;
  
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      flex-grow: 0;
      margin: 0;
      white-space: nowrap;
  
  }
  
  .future-company_area_box_inbox_right_upbox_down{
      /* AWS, MySQL, PHP, Python, JavaScript, React.js, .NET */

      width: 271px;
      height: 44px;

      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 160%;
      /* or 22px */

      /* Text/Primary */
      color: #333333;


      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;

  }
  
  .future-company_area_box_inbox_right_downbox{
      /* Frame 22 */

      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px 20px;
      gap: 10px;

      width: 311px;
      height: 145px;

      /* Background/Secondary */
      background: #F5F5F5;
      border-radius: 20px;

      /* Inside auto layout */
      flex: none;
      order: 3;
      align-self: stretch;
      flex-grow: 0;

      
  }
  
  .future-company_area_box_inbox_right_downbox_title{
      /* Main Title */
      width: 114px;
      height: 27px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 27px;
  
      /* Brand/Primary */
      color: #1E9EDB;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
      white-space: nowrap;
      margin: 0;
  }
  .future-company_area_box_inbox_right_downbox_text{
      /* ePROとは、製薬・治験業界の専門用語です。「Electronic Patient-Reported Outcome」の略で、日本語では電子患者報告アウトカムとされています。 */

      width: 271px;
      height: 76px;

      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 160%;
      /* or 19px */

      /* Text/Secondary */
      color: #7A7A7A;


      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;

  }
  
  .future-company_area_box_inbox_right_logo{
      display:none;
  }
  
  .future-company_area_box_inbox_right_logoArea{
      display:none;
  }
  
  .future-company_area_box_inbox_right_logo:hover{
      display:none;
  }
  .future-company_area_box_inbox_right_logoArea_mark1{
      margin-top: 0px;
  }


  .future-company_area_box_inbox_right_logo_M{
      /* Component / Button / Arrow */
  
      box-sizing: border-box;
  
      /* Auto layout */
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 16px 32px;
      gap: 20px;
  
      width: 88px;
      height: 56px;
  
      /* Base/White */
      background: #FFFFFF;
      /* Brand/Primary */
      border: 1px solid #1E9EDB;
      border-radius: 40px;
  
      /* Inside auto layout */
      flex: none;
      order: 4;
      flex-grow: 0;
      position: relative;
  }
  .future-company_area_box_inbox_right_logo_M a{
      position: absolute;
      top: 0;
      left: 0;
      height:100%;
      width: 100%;
  }
  .future-company_area_box_inbox_right_logoArea_M{
      /* arrow-right */
      height: 24px;
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
      
  }
  .future-company_area_box_inbox_right_logoArea_mark1_M{
      margin-top: 0px;
  }



  .future-company_area_box_inbox_right_logo:hover .future-company_area_box_inbox_right_logoArea_mark1{
      display:none;
  }
  
  .future-company_area_box_inbox_right_logoArea_mark2{
      display:none;
  }
  
  
  .future-company_area_box_inbox_right_logo:hover .future-company_area_box_inbox_right_logoArea_mark2{
      display: flex;
  }
  
  .future-company_area_box_inbox_right_logoArea_mark2_images1{
      height: 18px;
      margin-top: 4px;
      margin-left: -3px;
  }

  .future-company_area_box_inbox_right_logoArea_mark2_text{
      width: 147px;
      height: 16px;
      margin-top: 5px;
      margin-left: 19px;
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 100%;
      color: #FFFFFF;
      flex: none;
      order: 0;
      flex-grow: 0;
  }
  
  .future-company_area_box_inbox_right_logoArea_mark2_images2{
      height: 16px;
      margin-top: 4px;
      margin-left: 50px;
  }
  
  .future-company_area_box_inbox_left2{
      /* Left */
  
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      padding: 0px;
      gap: 20px;
  
      width: 311px;
      height: 527px;
      margin-top: 425px;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 1;
  
  }
  
  .future-company_area_box_inbox_right2{
      /* Right */
  
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 16px;
  
      width: 340px;
      height: 431.8px;
      margin-top: -925px;
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      flex-grow: 0;
  
  }
  .future-company_area_box_inbox_left2_title{
      /* Simple Stream */
  
      width: 311px;
      height: 36px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 36px;
      line-height: 100%;
      /* identical to box height, or 48px */
  
      /* Brand/Primary */
      color: #1E9EDB;
  
      margin: 0;
  }
  .future-company_area_box_inbox_left2_text{
      /* 医師が、被験者の話を聞いてデータ入力をしていくシステムです。 */
  
      width: 311px;
      height: 52px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 160%;
      /* identical to box height, or 29px */
  
      /* Text/Primary */
      color: #333333;
      margin: 0;
  }
  
  
  /*----------------------------------------------------*/
  
  .future-company_area_box_inbox_left2_upbox{
      /* Frame 21 */
      box-sizing: border-box;
  
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px 20px;
      gap: 10px;
  
      width: 311px;
      height: 139px;
  
      /* Accent/Secondary */
      border: 1px solid #E87E9A;
      border-radius: 20px;
  
      /* Inside auto layout */
      flex: none;
      order: 2;
      align-self: stretch;
      flex-grow: 0;
  }
  .future-company_area_box_inbox_left2_upbox_up{
      /* Component/Title */
  
      /* Auto layout */
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 12px;
  
      width: 193px;
      height: 53px;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
  
  }
  
  .future-company_area_box_inbox_left2_upbox_up_left{
      margin-top: -10px;
  }
  .future-company_area_box_inbox_left2_upbox_up_right{
      /* Text */
  
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
  
      width: 169px;
      height: 53px;
  
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      flex-grow: 0;
  
  }
  
  .future-company_area_box_inbox_left2_upbox_up_right_title{
      width: 169px;
      height: 35px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 26px;
      line-height: 35px;
  
      /* Text/Primary */
      color: #333333;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
      margin: 2px 0px 0px 0px;
  
  }
  
  .future-company_area_box_inbox_left2_upbox_up_right_text{
      /* Sub Title */
  
      width: 132px;
      height: 22px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      /* identical to box height */
      text-align: center;
      letter-spacing: 0.2em;
  
      /* Accent/Secondary */
      color: #E87E9A;
  
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      flex-grow: 0;
      margin: 0;
      white-space: nowrap;
  
  }
  
  .future-company_area_box_inbox_left2_upbox_down{
      /* AWS, MySQL, PHP, Python, JavaScript, React.js, .NET */
  
      width: 271px;
      height: 44px;
      margin-top: 0px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 160%;
      /* identical to box height, or 26px */
  
      /* Text/Primary */
      color: #333333;
      
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      flex-grow: 0;
      white-space: nowrap;
  }
  
  
  
  /*----------------------------------------------------------- */
  
  .future-company_area_box_inbox_right2_text{
      /* これから伸びていく分野 */
      width: 340px;
      height: 24px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 24px;
      line-height: 100%;
      /* identical to box height, or 24px */
  
      /* Text/Primary */
      color: #333333;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      align-self: stretch;
      flex-grow: 0;
      margin: 0;
  
  }
  
  .future-company_area_box_inbox_right2_title{
      /* ePRO */
  
      width: 340px;
      height: 120px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 120px;
      line-height: 100%;
      /* identical to box height, or 120px */
  
      /* Brand/Gradient1 */
      background: linear-gradient(180deg, #1EDBA2 0%, #1E9EDB 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      margin: 0;
  
  
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;
  
  }
  
  .future-company_area_box_inbox_left2_downbox{
      /* Frame 21 */
      box-sizing: border-box;
  
      /* Auto layout */
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px 20px;
      gap: 10px;
  
      width: 311px;
      height: 164px;
  
      /* Accent/Secondary */
      background: #F5F5F5;
      border-radius: 20px;
  
      /* Inside auto layout */
      flex: none;
      order: 2;
      align-self: stretch;
      flex-grow: 0;
      
  }
  
  .future-company_area_box_inbox_left2_downbox_title{
      /* Main Title */
      width: 114px;
      height: 27px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 27px;
  
      /* Brand/Primary */
      color: #1E9EDB;
  
  
      /* Inside auto layout */
      flex: none;
      order: 0;
      flex-grow: 0;
      white-space: nowrap;
      margin: 0;
  }
  .future-company_area_box_inbox_left2_downbox_text{
      /* ePROとは、製薬・治験業界の専門用語です。「Electronic Patient-Reported Outcome」の略で、日本語では電子患者報告アウトカムとされています。 */
  
      width: 271px;
      height: 95px;
  
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 400;
      font-size: 12px;
      line-height: 160%;
      /* or 22px */
  
      /* Text/Secondary */
      color: #7A7A7A;
  
  
      /* Inside auto layout */
      flex: none;
      order: 1;
      align-self: stretch;
      flex-grow: 0;
      margin: 0;
  }
  
  
  /*-----------------------3-------------------------*/
  .future-company_area_box_inbox_right_downbox2{
      height: 164px;
  }
  
  
  .future-company_area_box_inbox_right_logo_2{
      display:none;
  }
  
  .future-company_area_box_inbox_right_logoArea_2{
      display:none;
  }
  
  .future-company_area_box_inbox_right_logo_2:hover{
      display:none;
  }
  .future-company_area_box_inbox_right_logoArea_mark1_2{
      margin-top: 0px;
  }
  
  .future-company_area_box_inbox_right_logo_2:hover .future-company_area_box_inbox_right_logoArea_mark1_2{
      display:none;
  }
  
  .future-company_area_box_inbox_right_logoArea_mark2_2{
      display:none;
  }
  
  
  .future-company_area_box_inbox_right_logo_2:hover .future-company_area_box_inbox_right_logoArea_mark2_2{
      display: flex;
  }
  
  .future-company_area_box_inbox_right_logoArea_mark2_images1_2{
      height: 18px;
      margin-top: 4px;
      margin-left: -3px;
  }
  
  .future-company_area_box_inbox_right_logoArea_mark2_text_2{
      width: 147px;
      height: 16px;
      margin-top: 5px;
      margin-left: 19px;
      font-family: 'Noto Sans';
      font-style: normal;
      font-weight: 700;
      font-size: 16px;
      line-height: 100%;
      color: #FFFFFF;
      flex: none;
      order: 0;
      flex-grow: 0;
  }
  
  .future-company_area_box_inbox_right_logoArea_mark2_images2_2{
      height: 16px;
      margin-top: 4px;
      margin-left: 17px;
  }
}