@charset "utf-8";





.sub_main .txt_img img{aspect-ratio: 19.7 / 1;}



section .txt_area dt{
	font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	font-weight: 700;
	position: relative;
	padding-left: 1.25em;
}
section .txt_area dt::before{
	content: "";
	width: .875em;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

section.sec_01 .txt_area dt::before{background: var(--c_lgren02);}
section.sec_02 .txt_area dt::before{background: #FFAA00;}


section .txt_area dd{
	padding-left: 1.75em;
}


section .txt_area,
section .img_area{width: 46%;}


section .txt_area dl:not(:last-child){
	margin-bottom: 1em;
}


section.sec_03 h2{
	text-align: left;
	margin-bottom: .5em;
}



.sec_04 h2 .big{
	width: fit-content;
	background: #fff;
	border-radius: 50%;
	padding: .25em .75em;
	margin-left: .5em;
	position: relative;
}
.sec_04 h2 .big::after{
	content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 20px solid #fff;
  border-top: 0;
  position: absolute;
  bottom: .25em;
  left: -10px;
}

.sec_04 .list{
	width: calc(100% - 3.5em);
	margin: auto;
	gap: 4em 2.5em;
}
.sec_04 .list dl{
	width: calc(100% / 3 - 2.5em);
	background: #fff;
	border-radius: var(--br30);
	padding: 1.5em 2.5em 3em;
	position: relative;
}

.sec_04 .list dl dt{
	border-bottom: 3px dotted #707070;
	padding-bottom: .25em;
	margin-bottom: 1em;
	text-align: right;
}


.sec_04 .list dl:nth-of-type(1)::before{background: url(../images/career/voice_img01.png);}
.sec_04 .list dl:nth-of-type(2)::before{background: url(../images/career/voice_img02.png);}
.sec_04 .list dl:nth-of-type(3)::before{background: url(../images/career/voice_img03.png);}
.sec_04 .list dl:nth-of-type(1)::before,
.sec_04 .list dl:nth-of-type(2)::before,
.sec_04 .list dl:nth-of-type(3)::before{
	content: "";
	background-size: cover;
	width: 12.5vw;
	max-width: 150px;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: -1.75em;
	left: -1.75em;
}




@media (max-width:999px){


.sec_04 .list dl{
	width: calc(100% / 2 - 2em);
	padding: 1.5em 2em 3em;
}


}





@media (max-width: 799px){


section .txt_area,
section .img_area{width: 100%;}

section .img_area{
	max-width: 540px;
	margin: 0 auto 1.5em;
}

section.sec_03 .txt_area{
	margin: 0 auto 1.5em;
}
section.sec_03 .img_area{
	margin: 0 auto;
}


section.sec_03 h2{text-align: center;}

.sec_04 .list dl{
	width: 100%;
	padding: 1.25em 1.5em 2em;
}
.sec_04 .list dl:nth-of-type(1)::before,
.sec_04 .list dl:nth-of-type(2)::before,
.sec_04 .list dl:nth-of-type(3)::before{
	width: 20vw;
	min-width: 96px;
}


}