@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
.jost {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
.counter,.counterDp,.counterDpFast {
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.1rem;
}
main {
}
.mv img {
}
.navHead {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 25px;
}
.navHead a {
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px 7px 15px;
  width: 200px;
  background-color: #fff;
  border: 1px solid #05350a;
  border-radius: 100px;
}
.navHead a:hover {
  background-color: #05ab1e;
  color: #fff;
  border: 1px solid #05ab1e;
}
.navHead .arw figure {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 800px) {
	.mv img {
    }
	.navHead {
		width: 100%;
		flex-flow: wrap;
        gap: 10px;
        margin-top: 25px;
    }
	.navHead li {
      width: 48%;
    }
	.navHead a {
      width: 100%;
    }
}
@media screen and (max-width: 500px) {
	.navHead {
		width: 100%;
		flex-flow: wrap;
        gap: 10px;
        margin-top: 6vw;
    }
    .navHead a {
      font-size: calc(100vw * 12.75 / 400);
      padding: 7px 10px 7px 15px;
    }
    .navHead .arw figure {
      width: 4.25vw;
      height: 4.25vw;
    }
}
.contBox {
	max-width: 1140px;
}
.mvWrap {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
/*社員について
-------------------------------------------------------*/
.employee {
	padding: 60px 0 0;
	background: url("../img/data/bg_data1_pc.png") no-repeat bottom center #fcee21;
	background-size: 100% auto;
}
.employeeWrap {
	padding-bottom: 175px;
}
@media screen and (max-width: 800px) {
    .employee {
        background: url("../img/data/bg_data1_sp.png") no-repeat bottom center #fcee21;
        background-size: 100% auto;
	}
}
@media screen and (max-width: 500px) {
    .employee {
        padding: 4.5vw 0 0;
	}
    .employeeWrap {
        padding-bottom: 25vw;
    }
}
.h3data {
	font-size: 34px;
	color: #fff;
	max-width: 850px;
	margin: auto;
	background-color: #05ab1e;
	border-radius: 100px;
	padding: 1rem;
}
.h3data::before {
	content: '';
	background-color: #05ab1e;
	position: absolute;
	width: 25px;
	height: 15px;
	left: 50%;
	bottom: -14px;
	transform: translateX(-50%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
@media screen and (max-width: 500px) {
    .h3data {
        font-size: calc(100vw * 28 / 400);
    }
    .h3data::before {
        width: 15px;
        height: 10px;
        bottom: -9px;
    }
}
.employeeFlex {
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-flow: wrap;
	margin-top: 55px;
}
.employeeCont {
	background-color: #fff;
	border: 1px solid #05350a;
	border-radius: 55px;
	padding: 30px;
}
.w1 {
	width: calc((100% - 60px) / 3);
}
.w2 {
	width: calc((100% - 60px) / 3 * 2 + 30px);
}
.w3 {
	width: 100%;
}
@media screen and (max-width: 800px) {
    .w1 {
        width: 100%;
    }
    .w2 {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .employeeCont {
        padding: 7vw;
    }
    .employeeFlex {
        gap: 5vw;
        margin-top: 7.5vw;
	}
}
.h4data {
	font-size: 26px;
	color: #fff;
	background-color: #05ab1e;
	border-radius: 100px;
	width: fit-content;
	padding: 0 1.5rem;
}
.emp1wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.emp1 {
	width: 123px;
}
.emp1txt {
	font-size: 34px;
}
.emp1txt span {
	font-size: 110px;
	line-height: 1;
}
@media screen and (max-width: 1100px) {
    .h4data {
        font-size: calc(100vw * 26 / 1100);
    }
    .emp1txt {
        font-size: calc(100vw * 34 / 1100);
    }
    .emp1txt span {
        font-size: calc(100vw * 110 / 1100);
    }
}
@media screen and (max-width: 800px) {
    .h4data {
        font-size: 26px;
    }
    .emp1txt {
        font-size: 34px;
    }
    .emp1txt span {
        font-size: 110px;
    }
}
@media screen and (max-width: 500px) {
    .h4data {
        font-size: calc(100vw * 26 / 400);
    }
    .emp1txt {
        font-size: calc(100vw * 34 / 400);
    }
    .emp1txt span {
        font-size: calc(100vw * 110 / 400);
    }
}
.emp2wrap {
	display: flex;
	justify-content: center;
	gap: 60px;
	padding-top: 40px;
}
.colon {
	font-size: 110px;
	line-height: 1.0;
}
.gRatio {
	display: flex;
	align-items: center;
	gap: 80px;
}
.gRatio.woman {
	flex-direction: row-reverse;
}
.emp2num {
	display: flex;
	flex-direction: column;
}
.emp2 {
	width: 58px;
}
.emp2txt1 {
	font-size: 110px;
	line-height: 1.0;
}
.emp2txt2 {
	font-size: 34px;
	line-height: 1.0;
	white-space: nowrap;
}
.c3fa9f5 {
	color: #3fa9f5;
}
.cffa836 {
	color: #ffa836;
}
@media screen and (max-width: 1100px) {
    .emp2wrap {
        gap: 5.45454545vw;
    }
    .colon {
        font-size: calc(100vw * 110 / 1100);
    }
    .gRatio {
        gap: 7.27272727vw;
    }
    .emp2 {
        width: 5.27272727vw;
    }
    .emp2txt1 {
        font-size: calc(100vw * 110 / 1100);
    }
    .emp2txt2 {
        font-size: calc(100vw * 34 / 1100);
    }
}
@media screen and (max-width: 800px) {
    .emp2wrap {
        gap: 5vw;
    }
    .colon {
        font-size: 110px;
    }
    .gRatio {
        gap: 8vw;
    }
    .emp2 {
        width: 58px;
    }
    .emp2txt1 {
        font-size: 110px;
    }
    .emp2txt2 {
        font-size: 34px;
    }
}
@media screen and (max-width: 500px) {
    .emp2wrap {
        gap: 9vw;
		align-items: flex-end;
		padding-top: 5vw;
    }
    .colon {
        font-size: calc(100vw * 88 / 400);
		padding-bottom: 8vw;
    }
    .gRatio {
		flex-direction: column !important;
        gap: 2vw;
    }
    .emp2 {
        width: 12vw;
    }
    .emp2txt1 {
        font-size: calc(100vw * 88 / 400);
    }
    .emp2txt2 {
        font-size: calc(100vw * 27 / 400);
    }
}
.emp3wrap {
	display: flex;
	align-items: flex-start;
}
.emp3cont {
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
}
.birthplace {
	width: 40%;
}
.emp3 {
	width: 50%;
}
.birthplaceDl {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #05ab1e;
	font-size: 20px;
	padding: 0.5rem 0;
}
.birthplaceDl.topDl {
	font-size: 28px;
	border-top: none;
}
@media screen and (max-width: 800px) {
    .emp3wrap {
        flex-direction: column;
		gap: 0;
    }
    .emp3cont {
        flex-direction: column-reverse;
        gap: 3rem;
    }
    .birthplace {
        width: 100%;
    }
    .emp3 {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .emp3cont {
		width: 100%;
        gap: 9vw;
    }
}
.emp4,.emp5,.emp6 {
	width: 225px;
	margin: auto;
	margin-top: 20px;
}
.emp4 {
	margin-bottom: 55px;
}
.emp5 {
	margin-bottom: 25px;
}
.emp6 {
	margin-bottom: 30px;
}
.emp4wrap .birthplaceDl,.emp5wrap .birthplaceDl,.emp6wrap .birthplaceDl {
	font-size: 22px;
}
.emp4wrap .birthplaceDl.topDl,.emp5wrap .birthplaceDl.topDl,.emp6wrap .birthplaceDl.topDl {
	font-size: 26px;
}
.emp4wrap .birthplaceDl {
	padding: 1rem;
}
.emp5wrap .birthplaceDl {
	padding: 0.25rem;
}
.emp6wrap .birthplaceDl {
	padding: 0.75rem;
}
@media screen and (max-width: 1000px) {
	.w2.col1 {
		width: 100%;
	}
	.w1.col3 {
		width: calc((100% - 30px) / 2);
	}
}
@media screen and (max-width: 800px) {
	.w1.col3 {
		width: 100%;
	}
    .emp4,.emp5,.emp6 {
        margin-bottom: 25px;
    }
}
.illust1 {
	position: absolute;
	width: 279px;
	bottom: -30px;
	right: 180px;
}
@media screen and (max-width: 800px) {
    .illust1 {
        width: 34.875vw;
        bottom: -3vw;
        right: 12.5vw;
    }
}
@media screen and (max-width: 500px) {
    .illust1 {
        width: 49vw;
        bottom: -12vw;
        right: 7vw;
    }
}
/*社長について
-------------------------------------------------------*/
.president {
	padding: 130px 0 180px;
	background: url("../img/data/bg_data2_pc.png") no-repeat bottom center #05ab1e;
	background-size: 100% auto;
}
@media screen and (max-width: 800px) {
    .president {
        background: url("../img/data/bg_data2_sp.png") no-repeat bottom center #05ab1e;
        background-size: 100% auto;
	}
}
@media screen and (max-width: 500px) {
    .president {
        padding: 24vw 0 24vw;
	}
}
.president .h3data {
	color: #05ab1e;
	background-color: #fcee21;
}
.president .h3data::before {
	background-color: #fcee21;
}
.profile {
	display: flex;
	justify-content: space-between;
	padding: 55px 0 40px;
}
@media screen and (max-width: 800px) {
    .profile {
        flex-direction: column;
		gap: 30px;
    }
}
@media screen and (max-width: 500px) {
    .profile {
        padding: 10vw 0 7.5vw;
		gap: 4vw;
    }
}
.imgPresident {
	width: 31%;
}
.profileWrap {
	width: 66%;
	padding: 20px 60px 30px;
	border-radius: 55px;
	background-color: #fff;
}
.h4profile {
	font-size: 50px;
	line-height: 1.0;
	color: #11d60c;
	padding-bottom: 2.5rem;
	margin-bottom: 3.5rem;
	border-bottom: 1px solid #11d60c;
}
.profileFlex {
	display: flex;
	align-items: flex-end;
}
.profileLeft {
	width: 73%;
	flex-shrink: 0;
}
.profileRight {
	width: 27%;
}
.birth {
	font-size: 30px;
}
.birth span {
	font-size: 50px;
	line-height: 1.0;
}
.birth small {
	font-size: 20px;
}
.birth .year,.birth .month,.birth .day {
	display: inline-block;
}
/*.birth .year {
	width: 125px;
}
.birth .month,.birth .day {
	width: 40px;
    text-align: right;
}*/
.profBirthplace {
	font-size: 34px;
	line-height: 1.4;
}
.profSchool {
	font-size: 28px;
	line-height: 1.4;
}
.profSchool small {
	font-size: 20px;
}
@media screen and (max-width: 1100px) {
    .profileWrap {
        padding: 20px 5vw 30px;
    }
    .h4profile {
        font-size: calc(100vw * 50 / 1100);
        padding-bottom: 1vw;
        margin-bottom: 1vw;
    }
    .birth {
        font-size: calc(100vw * 30 / 1100);
    }
    .birth span {
        font-size: calc(100vw * 50 / 1100);
    }
    .birth small {
        font-size: calc(100vw * 20 / 1100);
    }
    /*.birth .year {
        width: 11.5vw;
    }
    .birth .month,.birth .day {
        width: 3.5vw;
    }*/
    .profBirthplace {
        font-size: calc(100vw * 34 / 1100);
    }
    .profSchool {
        font-size: calc(100vw * 28 / 1100);
    }
    .profSchool small {
        font-size: calc(100vw * 20 / 1100);
    }
}
@media screen and (max-width: 800px) {
	.imgPresident {
        width: 60vw;
		margin: auto;
    }
    .profileWrap {
        padding: 20px 6vw 30px;
        width: 100%;
    }
	.profileFlex {
		flex-direction: column;
		gap: 10px;
	}
    .profileLeft {
        width: 100%;
    }
    .profileRight {
        width: 83%;
		margin: auto;
    }
    .h4profile {
        font-size: 50px;
        padding-bottom: 2.5rem;
        margin-bottom: 3.5rem;
    }
    .birth {
        font-size: 30px;
    }
    .birth span {
        font-size: 50px;
    }
    .birth small {
        font-size: 20px;
    }
    /*.birth .year {
        width: 125px;
    }
    .birth .month,.birth .day {
        width: 45px;
    }*/
    .profBirthplace {
        font-size: 34px;
    }
    .profSchool {
        font-size: 28px;
    }
    .profSchool small {
        font-size: 30px;
    }
}
@media screen and (max-width: 500px) {
	.imgPresident {
        width: 83%;
    }
    .profileWrap {
        padding: 9vw 5vw 7.5vw;
    }
	.profileFlex {
	}
    .profileLeft {
    }
    .profileRight {
    }
    .h4profile {
        font-size: calc(100vw * 40 / 400);
        padding-bottom: 4vw;
        margin-bottom: 4vw;
    }
    .birth {
        font-size: calc(100vw * 26 / 400);
    }
    .birth span {
        font-size: calc(100vw * 45 / 400);
    }
    .birth small {
        font-size: calc(100vw * 17 / 400);
    }
    /*.birth .year {
        width: 27vw;
    }
    .birth .month,.birth .day {
        width: 7vw;
    }*/
    .profBirthplace {
        font-size: calc(100vw * 30 / 400);
    }
    .profSchool {
        font-size: calc(100vw * 22 / 400);
    }
    .profSchool small {
        font-size: calc(100vw * 18 / 400);
    }
}
.motto {
	display: flex;
	border-radius: 40px;
	background-color: #11d60c;
	padding: 0.75rem 70px;
	font-size: 34px;
	text-align: center;
	margin-bottom: 40px;
}
.motto dt {
	width: 30%;
	color: #fff;
}
.motto dd {
	width: 70%;
	color: #05350a;
}
@media screen and (max-width: 700px) {
    .motto {
        flex-direction: column;
        line-height: 1.4;
        padding: 1.55rem 0;
    }
    .motto dt {
        width: 100%;
    }
    .motto dd {
        width: 100%;
    }
}
@media screen and (max-width: 500px) {
    .motto {
        padding: 4vw 0;
		font-size: calc(100vw * 28 / 400);
		margin-bottom: 7.5vw;
	}
}
.h4book {
	position: relative;
	z-index: 1;
	font-size: 26px;
	width: fit-content;
	padding: 0 2rem;
	color: #fff;
	background-color: #05350a;
	border-radius: 100px;
	margin: auto;
	margin-bottom: -25px;
}
.book {
	display: flex;
	flex-flow: wrap;
}
.bookWrap {
	width: 50%;
}
.bookCont {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
}
.book1 .bookCont {
	transform: translate(-50%,-50%);
}
.book2 .bookCont {
	transform: translate(-50%,-95%);
}
.h5book {
	font-size: 34px;
	line-height: 1.2;
}
.h6book {
	font-size: 20px;
	line-height: 1.8;
}
@media screen and (max-width: 1200px) {
    .h4book {
        font-size: calc(100vw * 26 / 1200);
        margin-bottom: -2vw;
    }
    .h5book {
        font-size: calc(100vw * 34 / 1200);
    }
    .h6book {
        font-size: calc(100vw * 20 / 1200);
	}
}
@media screen and (max-width: 800px) {
    .h4book {
        font-size: 26px;
        margin-bottom: -3vw;
    }
    .book {
        flex-direction: column;
    }
    .bookWrap {
        width: 100%;
    }
    .book2 .bookCont {
        transform: translate(-50%,-50%);
    }
    .h5book {
        font-size: 34px;
    }
    .h6book {
        font-size: 20px;
	}
}
@media screen and (max-width: 500px) {
    .h4book {
        font-size: calc(100vw * 25 / 400);
        margin-bottom: -1.5vw;
    }
    .h5book {
        font-size: calc(100vw * 34 / 400);
    }
    .h6book {
        font-size: calc(100vw * 20 / 400);
	}
}
.qaWrap {
	display: flex;
	justify-content: space-between;
	padding: 20px 0 50px;
}
.qaCont {
	width: 267px;
	height: 267px;
	border-radius: 50%;
	background-color: #11d60c;
}
.centre {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	white-space: nowrap;
}
.qTxt {
	font-size: 20px;
}
.aTxt {
	font-size: 60px;
	line-height: 1.6;
	color: #fff;
}
@media screen and (max-width: 1300px) {
    .qaCont {
        width: 20.5vw;
        height: 20.5vw;
	}
    .qTxt {
        font-size: calc(100vw * 20 / 1300);
    }
    .aTxt {
        font-size: calc(100vw * 60 / 1300);
    }
}
@media screen and (max-width: 800px) {
    .qaWrap {
        flex-flow: wrap;
		gap: 2.5rem 0;
    }
    .qaCont {
        width: 42vw;
        height: 42vw;
	}
    .qTxt {
        font-size: 20px;
    }
    .aTxt {
        font-size: 60px;
    }
}
@media screen and (max-width: 500px) {
    .qaWrap {
		gap: 3vw 0;
		padding: 1.5vw 0 7.5vw;
    }
    .qaCont {
        width: 41.5vw;
        height: 41.5vw;
	}
    .qTxt {
        font-size: calc(100vw * 16 / 400);
    }
    .aTxt {
        font-size: calc(100vw * 40 / 400);
		line-height: 1.3;
    }
}
.qaListWrap {}
.qaList {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: -45px;
}
.qaList.top {
	margin-top: 0;
}
.qaListA {
	flex-direction: row-reverse;
}
.icoQ,.icoA {
	width: 140px;
}
.h4bubble {
	width: 68%;
	border-radius: 30px;
	font-size: 26px;
	line-height: 1.4;
	padding: 1rem 2rem;
}
.h4bubble.bubbleQ {
	background-color: #05350a;
	color: #fff;
	position: relative;
}
.h4bubble.bubbleA {
	background-color: #fff;
	color: #05350a;
	position: relative;
}
.h4bubble::before {
	content: '';
	position: absolute;
	width: 27px;
	height: 17px;
	bottom: -16px;
}
.h4bubble.bubbleQ::before {
	background: url("../img/data/ico_bln1.png");
	background-size: 100% 100%;
	left: 24px;
}
.h4bubble.bubbleA::before {
	background: url("../img/data/ico_bln2.png");
	background-size: 100% 100%;
	right: 24px;
}
@media screen and (max-width: 1250px) {
	.qaList {
        margin-top: 0;
    }
    .h4bubble {
        flex: 1;
    }
}
@media screen and (max-width: 1000px) {
    .h4bubble.tac {
        text-align: left;
    }
}
@media screen and (max-width: 600px) {
    .qaList.qaListQ.mgn,.qaList.qaListA.mgn {
        margin-top: 5vw;
    }
    .qaList.qaListA.last {
		align-items: flex-end;
    }
    .qaList.qaListA.last .h4bubble.bubbleA br {
		display: none;
    }
}
@media screen and (max-width: 500px) {
     .qaList {
        gap: 0;
    }
    .icoQ,.icoA {
        width: 25vw;
    }
    .h4bubble {
        font-size: calc(100vw * 18 / 400);
        padding: 1rem 2rem;
    }
    .h4bubble::before {
        width: 5.5vw;
        height: 3.5vw;
        bottom: 0;
    }
    .h4bubble.bubbleQ::before {
        left: 0;
    }
    .h4bubble.bubbleA::before {
        right: 0;
    }
}
/*会社について
-------------------------------------------------------*/
.about {
	padding: 120px 0 160px;
	background-color: #bde3f2;
}
@media screen and (max-width: 800px) {
    .about {
	}
}
@media screen and (max-width: 500px) {
    .about {
        padding: 15vw 0 17.5vw;
	}
}
.about1wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
.about1left {
	/*flex: 1;*/
}
.about1 {
	width: 34%;
}
.establishment {
	font-size: 30px;
}
.establishment span {
	font-size: 50px;
	line-height: 1.0;
}
@media screen and (max-width: 1100px) {
    .establishment {
        font-size: calc(100vw * 30 / 1100);
    }
    .establishment span {
        font-size: calc(100vw * 50 / 1100);
    }
}
@media screen and (max-width: 800px) {
    .about1wrap {
		padding-top: 40px;
        flex-direction: column;
		gap: 40px;
    }
    .about1 {
        width: 60%;
    }
    .establishment {
        font-size: 30px;
    }
    .establishment span {
        font-size: 50px;
    }
}
@media screen and (max-width: 500px) {
    .about1wrap {
		padding-top: 5vw;
        flex-direction: column;
		gap: 6vw;
    }
    .about1 {
        width: 90%;
    }
    .establishment {
        font-size: calc(100vw * 30 / 400);
    }
    .establishment span {
        font-size: calc(100vw * 50 / 400);
    }
}
.aboutTxt1 {
	font-size: 14px;
	color: #829a84;
	margin-top: -2.5rem;
}
.about2 {
	width: 120px;
	margin-top: 40px;
}
.about3 {
	background: url("../img/data/about3.png") repeat-x bottom center #fff;
	background-size: 100% auto;
}
.about3 .emp1txt {
	padding-top: 20%;
}
@media screen and (max-width: 800px) {
    .about3 {
        background-size: 50% auto;
    }
    .about3 .emp1txt {
        padding: 0 0 15%;
    }
}
@media screen and (max-width: 500px) {
    .about3 {
        background-size: 100% auto;
    }
    .about3 .emp1txt {
        padding: 3vw 0 15vw;
    }
}
.about4 {
	width: 85px;
	margin-top: 15px;
}
.about5 {
	width: 87px;
	margin-top: 15px;
}
@media screen and (max-width: 500px) {
    .about2 {
        width: 30vw;
        margin-top: 10vw;
    }
    .about4 {
        width: 21vw;
        margin-top: 4vw;
    }
    .about5 {
        width: 22vw;
        margin-top: 4vw;
    }
}
.aboutTxt2 {
	font-size: 34px;
	line-height: 1.3;
	margin-top: 40px;
}
.about6wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}
.about7wrap {
	display: flex;
	justify-content: center;
	gap: 130px;
}
.aboutTxt2.about6 br {
	display: none;
}
@media screen and (max-width: 1200px) {
    .aboutTxt2.about6 br {
        display: block;
    }
}
@media screen and (max-width: 1100px) {
    .aboutTxt2 {
        font-size: calc(100vw * 34 / 1100);
    }
    .about7wrap {
        gap: 10vw;
    }
}
@media screen and (max-width: 800px) {
    .aboutTxt2 {
        font-size: 34px;
    }
    .aboutTxt2.about6 br {
        display: none;
    }
    .about7wrap {
        gap: 6vw;
    }
}
@media screen and (max-width: 500px) {
    .aboutTxt2 {
        font-size: calc(100vw * 34 / 400);
    }
    .about7wrap {
        flex-direction: column;
        gap: 0;
    }
    .about7wrap .about6wrap {
        display: flex;
        flex-direction: row;
		justify-content: center;
        gap: 2vw;
		margin-top: 6vw;
    }
	.about7wrap .about6wrap.last {
		
	}
    .about7wrap .about6wrap .aboutTxt2 {
		margin-top: 0;
    }
}
.about8wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
}
.about8 {
	width: 160px;
}
.about8right {
	display: flex;
	flex-direction: column;
	gap: 60px;
}
.about8flex {
	display: flex;
	align-items: last baseline;
	gap: 30px;
}
.aboutTxt3 {
	font-size: 34px;
	line-height: 1.2;
}
.about9 {
	width: 83px;
	margin-top: 40px;
}
@media screen and (max-width: 1200px) {
    .about8wrap {
        gap: 2vw;
    }
    .about8 {
        width: 14.5vw;
    }
    .aboutTxt3 {
        font-size: calc(100vw * 34 / 1200);
    }
}
@media screen and (max-width: 1000px) {
    .about8wrap {
        gap: 60px;
    }
    .about8 {
        width: 160px;
    }
    .aboutTxt3 {
        font-size: 34px;
    }
}
@media screen and (max-width: 800px) {
    .about8wrap {
		padding-top: 40px;
        flex-direction: column;
    }
}
@media screen and (max-width: 500px) {
    .about8wrap {
		padding-top: 10vw;
		gap:9vw;
    }
    .about8 {
        width: 32vw;
    }
    .about8right {
        gap: 15vw;
    }
    .about8flex {
        flex-direction: column;
		align-items: center;
        gap: 5vw;
    }
    .aboutTxt3 {
        font-size: calc(100vw * 34 / 400);
    }
    .about9 {
        width: 21vw;
        margin-top: 8vw;
    }
}