@charset "utf-8";



.sec_01 .wide_tit{
	padding: 1.25em 0;
	margin-bottom: 0;
}

.sec_01 .wide_tit h2,
.sec_01 .wide_tit p{
	margin-bottom: 0;
}

.sec_01 .wide_tit h2{
	width: 26rem;
	text-align: left;
}

.sec_01 .wide_tit p{
	width: calc(100% - 28rem);
}


.sec_01 .field_common{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 4em 0;
}
.sec_01 .field_common>div{
  width: 94vw;
  max-width: 1300px;
  margin: auto;
}

.sec_01 h3{
	text-align: left;
	font-size: clamp(1.5rem, 1.159rem + 1.7vw, 2.438rem);
	padding-left: 2.5em;
	position: relative;
}

.sec_01 h3 .sub_txt{
	display: block;
	font-size: clamp(1rem, 0.841rem + 0.8vw, 1.438rem);
}

.sec_01 .field01 h3::before{background: url(../images/field/field_num01.png);}
.sec_01 .field02 h3::before{background: url(../images/field/field_num02.png);}
.sec_01 .field03 h3::before{background: url(../images/field/field_num03.png);}
.sec_01 .field04 h3::before{background: url(../images/field/field_num04.png);}
.sec_01 .field05 h3::before{background: url(../images/field/field_num05.png);}
.sec_01 .field06 h3::before{background: url(../images/field/field_num06.png);}
.sec_01 .field07 h3::before{background: url(../images/field/field_num07.png);}
.sec_01 .field08 h3::before{background: url(../images/field/field_num08.png);}
.sec_01 .field09 h3::before{background: url(../images/field/field_num09.png);}
.sec_01 .field10 h3::before{background: url(../images/field/field_num10.png);}
.sec_01 .field11 h3::before{background: url(../images/field/field_num11.png);}
.sec_01 .field_common h3::before{
	content: "";
	background-size: cover;
	width: 7vw;
	height: 10vw;
	max-width: 76px;
	max-height: 130px;
	min-width: 46px;
	min-height: 65px;
	position: absolute;
	top: -.35em;
	left: 0;
}


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


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

.sec_01 .txt_area dt{
	font-weight: 700;
}


@media (max-width: 1299px){
.sec_01 .wide_tit{
	padding: 1em 0;
}

.sec_01 .wide_tit h2,.sec_01 .wide_tit p{
	width: 100%;
}
.sec_01 .wide_tit h2{
	margin-bottom: .5em;
	text-align: center;
}

}


@media (max-width: 799px){


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

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

}