#field .page-mainv {
	background: url(../../field/img/field_mainimg.jpg) center center no-repeat;
	background-size: cover;
	/* height: 650px; */
	height: 100vh;
	width: 100%;
	margin-bottom: 20px;
}

/* 影付きボックス */
.frame-style {
	border: solid 1px #dcdcdc;
	padding: 40px;
	box-shadow: 5px 5px #dcdcdc;
}
/* イントロ */
.field-intro-box01,
.field-intro-box02{
	overflow: hidden;
	margin-bottom: 4%;
}
.field-intro-box01 dt,
.field-intro-box02 dt{
	width: 24%;
	padding: 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.field-intro-box01 dt{
	float: left;
}
.field-intro-box02 dt{
	float: right;
}
.field-intro-box01 dd{
	margin-left: 25%;
	font-size: 16px;
	overflow: hidden;
}
.field-intro-box02 dd{
	margin-right: 25%;
	font-size: 16px;
	overflow: hidden;
}
/* コンテンツボックス */
.field-cont-box01,
.field-cont-box02{
	overflow: hidden;
	margin-bottom: 4%;
}
.field-cont-box01 dt{
	float: left;
	width: 50%;
}
.field-cont-box01 dd{
	margin-left: 52%;
	padding: 1%;
	overflow: hidden;
}
.field-cont-box02 dt{
	float: right;
	width: 50%;
}
.field-cont-box02 dd{
	margin-right: 52%;
	padding: 1%;
	overflow: hidden;
}
.field-cont-box01 dd .title,
.field-cont-box02 dd .title{
	font-size: 16px;
	margin-bottom: 2%;
}
.field-cont-box01 dd .step,
.field-cont-box02 dd .step{
	font-size: 13px;
}
.field-cont-box01 dd .txt,
.field-cont-box02 dd .txt{
	font-size: 13px;
	margin-bottom: 2%;
}

.field-frame01 {
	overflow: hidden;
	margin-bottom: 4%;
}
.field-frame01 .field-left {
	float: left;
	width: 48%;
}
.field-frame01 .field-right {
	float: right;
	width: 48%;
}

.field-box-blue .title,
.field-box-blue .step {
	color: #00C3FF;
}
.field-box-green .title,
.field-box-green em {
	color: #00E615;
}

/* ************************************************************************************************ */
@media screen and (max-width: 768px) {
#field .page-mainv {
	height: 50vh;
	margin-bottom: 2%;
}

/* 影付きボックス */
.frame-style {
	padding: 3%;
	box-shadow: 3px 3px #dcdcdc;
}
/* イントロ */
.field-intro-box01 dt,
.field-intro-box02 dt{
	width: 24%;
}
.field-intro-box01 dt{
	float: left;
}
.field-intro-box02 dt{
	float: right;
}
.field-intro-box01 dd{
	margin-left: 25%;
	font-size: 14px;
}
.field-intro-box02 dd{
	margin-right: 25%;
	font-size: 14px;
}
/* コンテンツボックス */
.field-cont-box01 dt{
	float: left;
	width: 40%;
}
.field-cont-box01 dd{
	margin-left: 42%;
}
.field-cont-box02 dt{
	float: right;
	width: 40%;
}
.field-cont-box02 dd{
	margin-right: 42%;
}
.field-cont-box01 dd .title,
.field-cont-box02 dd .title{
	font-size: 14px;
}

.field-frame01 .field-left {
	float: none;
	width: 100%;
}
.field-frame01 .field-right {
	float: none;
	width: 100%;
}

}

/* ************************************************************************************************ */
@media screen and (max-width: 480px) {
#field .page-mainv {
	height: 40vh;
}

/* 影付きボックス */
.frame-style {
	padding: 3%;
	box-shadow: 3px 3px #dcdcdc;
}
/* イントロ */
.field-intro-box01 dt,
.field-intro-box02 dt{
	width: 50%;
	margin: 0 auto 3%;
}
.field-intro-box01 dt{
	float: none;
}
.field-intro-box02 dt{
	float: none;
}
.field-intro-box01 dd{
	margin-left: 0;
	font-size: 13px;
}
.field-intro-box02 dd{
	margin-right: 0;
	font-size: 13px;
}
/* コンテンツボックス */
.field-cont-box01 dt{
	float: none;
	width: auto;
	margin-bottom: 2%;
}
.field-cont-box01 dd{
	margin-left: 0;
}
.field-cont-box02 dt{
	float: none;
	width: auto;
	margin-bottom: 2%;
}
.field-cont-box02 dd{
	margin-right: 0;
}
.field-cont-box01 dd .title,
.field-cont-box02 dd .title{
	font-size: 14px;
}

}