@charset"utf-8";

/*mv--------------------------------*/

.lower.design_build .mv_container {
	width: 100%;
	height: 90vh;
	background: url('../img/construction/design_build/deaign_mv_obj.jpg') center center no-repeat;
	background-size: cover;
	position: relative;
}

.lower.design_build .mv_container::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	position: absolute;
	top: 0;
	left: 0;
}

.lower.design_build .mv_container .design_ttl {
	position: absolute;
	top: 45vh;
	left: 10vw;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.lower.design_build .mv_container .design_ttl strong {
	font-family: 'Oswald', sans-serif;
	font-size: 96px;
	font-weight: 900;
	color: #fff;
	line-height: 1.43em;
	letter-spacing: .1em;
	text-shadow: 2px 2px 3px rgba(0,0,0,.9);
	white-space: nowrap;
	display: block;
	padding-bottom: 1.39vw;
}

.lower.design_build .mv_container .design_ttl strong em {
	font-style: normal;
	color: #e60012;
}

.lower.design_build .mv_container .design_ttl span {
	font-style: normal;
	font-size: 21px;
	font-weight: 700;
	color: #fff;
	line-height: 1.67em;
	letter-spacing: .1em;
	text-shadow: 2px 2px 1px rgba(0,0,0,1);
}

.lower.design_build .mv_container .design_ttl span sup {
	font-size: 14px;
}


/*sec01--------------------------------*/

.lower.design_build .sec01:before {
	content: '';
	display: block;
	width: 100%;
	height: 150px;
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
	position: absolute;
	top: 80px;
	left: 0;
	z-index: 0;
}

.lower.design_build .design_sec_ttl {
	text-align: center;
	padding-bottom: 60px;
	position: relative;
	z-index: 2;
}

.lower.design_build .design_sec_ttl span {
	display: block;
	font-size: 72px;
	font-weight: 700;
	color: #fff;
	text-shadow: 2px 2px 3px rgba(0,0,0,.9);
}

.lower.design_build .design_sec_ttl strong {
	display: block;
	font-size: 72px;
	font-weight: 700;
	color: #45972f;
	text-shadow: 2px 2px 3px rgba(0,0,0,.9);
}

.lower.design_build .design_container {
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto;
}

.lower.design_build .design_container + .design_container {
	padding-top: 60px;
}

.lower.design_build .design_container.flex_box {
	display: flex;
	justify-content: space-between;
}

.lower.design_build .design_container .txt_container {
	width: 62%;
}

.lower.design_build .design_container .img_container {
	width: 33.7%;
}

.lower.design_build .design_sub_ttl {
	font-size: 32px;
	font-weight: 700;
	color: #45972f;
	padding-bottom: 20px;
}

.lower.design_build .design_txt {
	font-size: 16px;
	font-weight: 500;
	line-height: 2em;
	letter-spacing: .015em;
	padding-bottom: 20px;
}

.lower.design_build .design_note {
	font-size: 12px;
	font-weight: 500;
	line-height: 2em;
	text-indent: -2em;
	padding: 0 0 20px 2em;
}

.lower.design_build .onestop_list_container {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.lower.design_build .onestop_list_container dt {
	width: 210px;
	height: 210px;
	border: 8px solid #45972f;
	border-radius: 100vh;
	background-color: #fff;
	font-size: 32px;
	font-weight: 700;
	color: #45972f;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.lower.design_build .onestop_list_container dd {
	width: 45%;
	padding: 12px;
	margin: 20px 0;
	background-color: #a4ce47;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}


/*sec02--------------------------------*/

.lower.design_build .sec02 {
	background-color: #fff;
	position: relative;
	width: 100%;
	padding-top: 550px;
}

.lower.design_build .sec02::before {
	content: '';
	display: block;
	width: 100%;
	height: 750px;
	background: #fff url('../img/construction/design_build/valueup_mv_obj.jpg') center top no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.lower.design_build .sec02::after {
	content: '';
	display: block;
	width: 100%;
	height: 150px;
	background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
	position: absolute;
	top: 600px;
	left: 0;
	z-index: 1;
}

.lower.design_build .sec02 .valueup_ttl {
	position: absolute;
	top: 90px;
	left: 10vw;
}

.lower.design_build .sec02 .valueup_ttl strong {
	font-size: 60px;
	font-weight: 900;
	color: #fff;
	line-height: 1.24em;
	letter-spacing: .1em;
	text-shadow: 2px 2px 3px rgba(0,0,0,.9);
	white-space: nowrap;
	display: block;
	padding-bottom: 30px;
}

.lower.design_build .sec02 .valueup_ttl strong em {
	font-style: normal;
	color: #e60012;
}

.lower.design_build .sec02 .valueup_ttl span {
	font-style: normal;
	font-size: 21px;
	font-weight: 700;
	color: #fff;
	line-height: 1.67em;
	letter-spacing: .1em;
	text-shadow: 2px 2px 1px rgba(0,0,0,1);
}


.lower.design_build .sec02 .valueup_wrap {
	width: 90vw;
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px 20px 20px;
	box-sizing: border-box;
	background-color: rgba(255,255,255,.7);
	position: relative;
	z-index: 2;
}

.lower.design_build .sec02 .valueup_trigger_list_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.lower.design_build .sec02 .valueup_trigger_list_item {
	width: 49%;
	padding: 10px 0 20px;
	position: relative;
}

.lower.design_build .sec02 .valueup_trigger_list_item a {
	display: block;
	height: 100%;
	position: relative;
	padding-left: 40px;
	box-sizing: border-box;
}

.lower.design_build .sec02 .valueup_trigger_list_item a span {
	font-size: 15px;
	font-weight: 500;
	line-height: 2em;
	letter-spacing: .015em;
	transition-duration: 0.3s;
}

.lower.design_build .sec02 .valueup_trigger_list_item a strong {
	display: block;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.2em;
	letter-spacing: .015em;
	transition-duration: 0.3s;
}

.lower.design_build .sec02 .valueup_trigger_list_item::before {
	content: '1';
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 60px;
	font-weight: 500;
	color: #45972f;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.lower.design_build .sec02 .valueup_trigger_list_item:nth-child(2):before {
	content: '2';
}

.lower.design_build .sec02 .valueup_trigger_list_item:nth-child(3):before {
	content: '3';
}

.lower.design_build .sec02 .valueup_trigger_list_item:nth-child(4):before {
	content: '4';
}

.lower.design_build .sec02 .valueup_trigger_list_item:nth-child(5):before {
	content: '5';
}

.lower.design_build .sec02 .valueup_trigger_list_item:nth-child(6):before {
	content: '6';
}

.lower.design_build .sec02 .valueup_trigger_list_item a::before {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background-color: #0066b2;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
	transition-duration: 0.3s;
}

.lower.design_build .sec02 .valueup_trigger_list_item a::after {
	content: '';
	display: block;
	width: 2px;
	height: 20px;
	background-color: #0066b2;
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotate(25deg);
	transition-duration: 0.3s;
}

.lower.design_build .sec02 .valueup_trigger_list_item a:hover strong,
.lower.design_build .sec02 .valueup_trigger_list_item a:hover span {
	color: #45972f;
	transition-duration: 0.3s;
}

.lower.design_build .sec02 .valueup_trigger_list_item a:hover::before {
	background-color: #45972f;
	top: calc(50% + 10px);
	transition-duration: 0.3s;
}

.lower.design_build .sec02 .valueup_trigger_list_item a:hover::after {
	background-color: #45972f;
	bottom: -10px;
	transition-duration: 0.3s;
}


/*sec03--------------------------------*/

.lower.design_build .sec03 .valueup_target_list_item {
	width: 90vw;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

.lower.design_build .sec03 .valueup_target_list_item + .valueup_target_list_item {
	padding-top: 80px;
}

.lower.design_build .sec03 .valueup_target_list_item .valueup_container {
	display: flex;
	align-items: stretch;
}

.lower.design_build .sec03 .img_container {
	width: 50%;
	padding-top: 110px;
	box-sizing: border-box;
	position: relative;
}

.lower.design_build .sec03 .txt_container {
	width: 50%;
	padding: 130px 30px 30px;
	box-sizing: border-box;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(even) .valueup_container {
	flex-direction: row-reverse;
}

.lower.design_build .sec03 .img_container .valueup_list_ttl {
	padding: 20px 0 20px 110px;
	white-space: nowrap;
	font-size: 48px;
	font-weight: 900;
	color: #45972f;
	letter-spacing: .1em;
	position: absolute;
	top: 0;
	left: 0;
}

.lower.design_build .sec03 .img_container .valueup_list_ttl sup {
	font-size: 24px;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(even) .img_container .valueup_list_ttl {
	padding: 20px 110px 20px 0;
	text-align: right;
	left: unset;
	right: 0;
}

.lower.design_build .sec03 .valueup_target_list_item .img_container .valueup_list_ttl::before {
	content: '1';
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 200px;
	font-weight: 500;
	line-height: 1em;
	color: #45972f;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(even) .img_container .valueup_list_ttl::before {
	left: unset;
	right: 0;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(2) .img_container .valueup_list_ttl::before {
	content: '2';
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(3) .img_container .valueup_list_ttl::before {
	content: '3';
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(4) .img_container .valueup_list_ttl::before {
	content: '4';
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(5) .img_container .valueup_list_ttl::before {
	content: '5';
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(6) .img_container .valueup_list_ttl::before {
	content: '6';
}

.lower.design_build .sec03 .valueup_target_list_item .img_container .valueup_obj {
	width: 100%;
	padding-bottom: 100%;
	background: url('../img/construction/design_build/value_obj01.jpg') center center no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(2) .img_container .valueup_obj {
	background: url('../img/construction/design_build/value_obj02.jpg') center center no-repeat;
	background-size: cover;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(3) .img_container .valueup_obj {
	background: url('../img/construction/design_build/value_obj03.jpg') center center no-repeat;
	background-size: cover;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(4) .img_container .valueup_obj {
	background: url('../img/construction/design_build/value_obj04.jpg') center center no-repeat;
	background-size: cover;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(5) .img_container .valueup_obj {
	background: url('../img/construction/design_build/value_obj05.jpg') center center no-repeat;
	background-size: cover;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(6) .img_container .valueup_obj {
	background: url('../img/construction/design_build/value_obj06.jpg') center center no-repeat;
	background-size: cover;
}

.lower.design_build .sec03 .valueup_target_list_item .img_container .valueup_obj::after {
	content: '1';
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 200px;
	font-weight: 500;
	line-height: 1em;
	color: rgba(255,255,255,.6);
	position: absolute;
	top: -110px;
	left: 0;
	z-index: 0;
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(2) .img_container .valueup_obj::after {
	content: '2';
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(3) .img_container .valueup_obj::after {
	content: '3';
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(4) .img_container .valueup_obj::after {
	content: '4';
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(5) .img_container .valueup_obj::after {
	content: '5';
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(6) .img_container .valueup_obj::after {
	content: '6';
}

.lower.design_build .sec03 .valueup_target_list_item:nth-child(even) .img_container .valueup_obj::after {
	left: unset;
	right: 5px;
}

.lower.design_build .sec03 .txt_container .valueup_list_subttl {
	font-size: 32px;
	font-weight: 900;
	line-height: 1.31em;
	padding-bottom: 20px;
}

.lower.design_build .sec03 .txt_container .valueup_list_subttl span {
	color: #e60012;
}

.lower.design_build .sec03 .txt_container .valueup_list_txt {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
	padding-bottom: 10px;
}

.lower.design_build .sec03 .txt_container .valueup_list_txt sup {
	font-size: 12px;
}

.lower.design_build .sec03 .txt_container .valueup_note_list_item {
	font-size: 12px;
	font-weight: 500;
	line-height: 1.33em;
	padding: 0 1em .5em 2em;
	text-indent: -2em;
}

.lower.design_build .sec03 .txt_container .valueup_accordion_list_container {
	padding-top: 40px;
}

.lower.design_build .sec03 .txt_container .accordion_trigger {
	cursor: pointer;
}

.lower.design_build .sec03 .txt_container .accordion_target {
	display: none
}

.lower.design_build .sec03 .txt_container .accordion_trigger {
	padding: 10px 1.5em 10px 0;
	font-size: 20px;
	font-weight: 500;
	color: #45972f;
	line-height: 1.25em;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.lower.design_build .sec03 .txt_container .accordion_trigger sup {
	font-size: 12px;
}

.lower.design_build .sec03 .txt_container .accordion_trigger::after {
	content: '＋';
	display: block;
	font-size: 24px;
	font-weight: 500;
	color: #0066b2;
	line-height: 1.25em;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.lower.design_build .sec03 .txt_container .accordion_trigger.current::after {
	content: '－';
}

.lower.design_build .sec03 .txt_container .accordion_target_container {
	padding: 30px 0;
}

.lower.design_build .sec03 .txt_container .problem_list_item {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5em;
	padding-left: 1.2em;
	position: relative;
}

.lower.design_build .sec03 .txt_container .problem_list_item + .problem_list_item {
	margin-top: .5em;
}

.lower.design_build .sec03 .txt_container .problem_list_item::before {
	content: '1.';
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #45972f;
	line-height: 1.5em;
	position: absolute;
	top: 0;
	left: 0;
}

.lower.design_build .sec03 .txt_container .problem_list_item:nth-child(2):before {
	content: '2.';
}

.lower.design_build .sec03 .txt_container .problem_list_item:nth-child(3):before {
	content: '3.';
}

.lower.design_build .sec03 .txt_container .solution_list_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}

.lower.design_build .sec03 .txt_container .solution_list_item {
	width: 49%;
	padding: 5px;
	margin: 5px 0;
	box-sizing: border-box;
	background-color: #45972f;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lower.design_build .sec03 .txt_container .planning_list_item {
	width: 100%;
	position: relative;
}

.lower.design_build .sec03 .txt_container .planning_list_item dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	padding: 20px;
}

.lower.design_build .sec03 .txt_container .planning_list_item:first-child {
	background-color: #389de8;
}

.lower.design_build .sec03 .txt_container .planning_list_item:last-child {
	background-color: #eaa85a;
	margin-top: 50px;
}

.lower.design_build .sec03 .txt_container .planning_list_item dl dt {
	width: 100%;
	display: block;
	padding-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.lower.design_build .sec03 .txt_container .planning_list_item dl dd {
	width: 48%;
	display: block;
	padding: 5px;
	margin: 5px 0;
	border: 2px solid #fff;
	box-sizing: border-box;
	background-color: #0066b2;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-align: center;
}

.lower.design_build .sec03 .txt_container .planning_list_item:last-child dl dd {
	background-color: #fa8a06;
}

.lower.design_build .sec03 .txt_container .planning_list_item:first-child::before {
	content: '';
	display: block;
	border-top: 30px solid #0066b2;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	position: absolute;
	bottom: -40px;
	left: 50%;
	transform: translateX(-50%);
}

.lower.design_build .sec03 .txt_container .solution_ba_list_container {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.lower.design_build .sec03 .txt_container .solution_ba_list_item {
	width: 45%;
}

.lower.design_build .sec03 .txt_container .solution_ba_list_item span {
	display: block;
	height: 1.5em;
	font-size: 24px;
	font-weight: 700;
	color: #389de8;
	letter-spacing: .05em;
	padding-bottom: 10px;
	box-sizing: border-box;
}

.lower.design_build .sec03 .txt_container .solution_ba_list_item strong {
	display: block;
	width: 100%;
	height: calc(100% - 1.5em);
	padding: 15px 12px 0 12px;
	box-sizing: border-box;
	background-color: #eee;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6em;
	letter-spacing: .05em;
	position: relative;
}

.lower.design_build .sec03 .txt_container .solution_ba_list_item:first-child strong::before {
	content: '';
	display: block;
	border-left: 20px solid #389de8;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	position: absolute;
	top: 50%;
	right: -15%;
	transform: translateY(-50%);
}

.lower.design_build .sec03 .txt_container .accordion_target_container .img_container {
	width: 100%;
	padding: 0;
	position: relative;
}

.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	letter-spacing: .1em;
	text-shadow: 0 0 5px rgba(0,0,0,1);
	position: absolute;
}

.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item:first-child {
	top: 22%;
	left: 42%;
}

.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item:nth-child(2) {
	top: 42%;
	left: 40%;
}

.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item:nth-child(3) {
	top: 48%;
	left: 50%;
}

.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item:nth-child(4) {
	top: 58%;
	left: 28%;
}

.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item:nth-child(5) {
	top: 64%;
	left: 50%;
}

.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item:nth-child(6) {
	top: 74%;
	left: 39%;
}

.lower.design_build .sec03 .txt_container .thj_obj {
	margin-top: 15px;
}


/*sec04--------------------------------*/

.lower.design_build .sec04 {
	background: #fff url('../img/construction/design_build/footer_obj.jpg') 10% center no-repeat;
	background-size: cover;
	width: 100%;
	padding-top: 500px;
	position: relative;
}

.lower.design_build .sec04::after {
	content: '';
	display: block;
	width: 100%;
	height: 150px;
	background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.lower.design_build section:last-of-type::before {
	display: none;
}

.lower.design_build .btn_list_container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.lower.design_build .btn_list_item + .btn_list_item {
	padding-top: 50px;
}

.lower.design_build .btn_list_item a {
	display: block;
	width: 500px;
	height: 80px;
	margin: 0 auto;
	box-sizing: border-box;
	background-color: #fff;
	border: 4px solid #0e4813;
	border-radius: 100vh;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 2;
	transition: .3s ease-out;
}

.lower.design_build .btn_list_item a span {
	font-size: 24px;
	font-weight: 900;
	color: #0e4813;
	line-height: 1.4em;
	letter-spacing: .05em;
	white-space: nowrap;
	position: relative;
	transition: .3s ease-out;
}

.lower.design_build .btn_list_item a:hover {
	background-color: #0e4813;
	transition: .3s ease-out;
}

.lower.design_build .btn_list_item a:hover span {
	color: #fff;
	transition: .3s ease-out;
}



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

/*tablet*/

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

@media screen and (min-width: 768px) and  (max-width: 1180px) {
	
	.lower.design_build .sec03 {
		padding-bottom: 0;
	}

	.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item {
		font-size: 1.19vw;
	}
	
	.lower.design_build .sec04 {
		padding-top: 42.37vw;
	}
	
	.lower.design_build .sec03 .img_container .valueup_list_ttl sup {
		font-size: 2.22vw;
	}

	.lower.design_build .sec04 {
		background: #fff url('../img/construction/design_build/footer_obj.jpg') 20% center no-repeat;
		background-size: cover;
		padding-top: 500px;
	}

	.lower.design_build .btn_list_container {
		transform: translateY(0);
	}
	
	.lower.design_build .btn_list_item + .btn_list_item {
		padding-top: 4.24vw;
	}
	
	.lower.design_build .btn_list_item a {
		width: 42.37vw;
		height: 6.78vw;
		border: .34vw solid #0e4813;
	}
	
	.lower.design_build .btn_list_item a span {
		font-size: 2.03vw;
	}
}

@media screen and (min-width: 768px) and  (max-width: 1080px) {

	.lower.design_build .design_sec_ttl span {
		font-size: 6.67vw;
	}
	
	.lower.design_build .design_sec_ttl strong {
		font-size: 6.67vw;
	}

	.lower.design_build .onestop_list_container dt {
		width: 19.44vw;
		height: 19.44vw;
		border: .74vw solid #45972f;
		font-size: 2.96vw;
	}
	
	.lower.design_build .onestop_list_container dd {
		padding: 1.11vw;
		margin: 1.85vw 0;
		font-size: 2.22vw;
	}

	.lower.design_build .sec02 .valueup_trigger_list_container {
		justify-content: center;
	}
	
	.lower.design_build .sec02 .valueup_trigger_list_item {
		width: 70%;
	}

	.lower.design_build .sec03 .img_container .valueup_list_ttl {
		font-size: 4.44vw;
	}

}




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

/*sp*/

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


@media screen and (max-width: 768px) {

	/*mv--------------------------------*/
	
	.lower.design_build .mv_container {
		height: 144.93vw;
	}
	
	.lower.design_build .mv_container .design_ttl {
		width: 92vw;
		top: 65.22vw;
		left: 5vw;
	}
	
	.lower.design_build .mv_container .design_ttl strong {
		font-size: 19.81vw;
		line-height: 1.2em;
		padding-bottom: 2vw;
	}
	
	.lower.design_build .mv_container .design_ttl span {
		font-size: 4.35vw;
	}

	.lower.design_build .mv_container .design_ttl span sup {
		font-size: 2.66vw;
	}
	
	
	/*sec01--------------------------------*/

	.lower.design_build .sec01:before {
		height: 36.23vw;
		top: 7.25vw;
	}
	
	.lower.design_build .design_sec_ttl {
		padding-bottom: 14.73vw;
	}
	
	.lower.design_build .design_sec_ttl span {
		font-size: 11.11vw;
	}
	
	.lower.design_build .design_sec_ttl strong {
		font-size: 11.11vw;
		line-height: 1.2em;
	}
	
	.lower.design_build .design_container + .design_container {
		padding-top: 14.73vw;
	}
	
	.lower.design_build .design_container.flex_box {
		display: block;
	}
	
	.lower.design_build .design_container .txt_container {
		width: 100%;
	}
	
	.lower.design_build .design_container .img_container {
		width: 70%;
		margin: 0 auto;
	}
	
	.lower.design_build .design_sub_ttl {
		font-size: 5.56vw;
		padding-bottom: 3.62vw;
	}
	
	.lower.design_build .design_txt {
		font-size: 3.86vw;
		line-height: 1.8em;
		padding-bottom: 3.62vw;
	}
	
	.lower.design_build .design_note {
		font-size: 2.9vw;
		padding: 0 0 3.62vw 2em;
	}
	
	.lower.design_build .onestop_list_container {
		width: 100vw;
		transform: translateX(-5vw);
	}
	
	.lower.design_build .onestop_list_container dt {
		width: 28.99vw;
		height: 28.99vw;
		border: 4px solid #45972f;
		font-size: 4.35vw;
	}
	
	.lower.design_build .onestop_list_container dd {
		height: 3em;
		padding: 2.42vw 1.21vw;
		margin: 1.21vw 0;
		font-size: 3.38vw;
		line-height: 1.15em;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
	}
	
	.lower.design_build .onestop_list_container dd:nth-last-child(2),
	.lower.design_build .onestop_list_container dd:nth-last-child(4) {
		padding-right: 2em;
	}
	
	.lower.design_build .onestop_list_container dd:last-child,
	.lower.design_build .onestop_list_container dd:nth-last-child(3) {
		padding-left: 2em;
	}
	
	
	/*sec02--------------------------------*/

	.lower.design_build .sec02 {
		padding: 101.45vw 0 0;
	}
	
	.lower.design_build .sec02::before {
		height: 132.85vw;
		background: #fff url('../img/construction/design_build/valueup_mv_obj.jpg') center top no-repeat;
		background-size: auto 100%;
	}
	
	.lower.design_build .sec02::after {
		height: 36.23vw;
		top: 96.62vw;
	}
	
	.lower.design_build .sec02 .valueup_ttl {
		top: 14.49vw;
		left: 5vw;
	}
	
	.lower.design_build .sec02 .valueup_ttl strong {
		font-size: 10.14vw;
		padding-bottom: 4.83vw;
	}
	
	.lower.design_build .sec02 .valueup_ttl span {
		font-size: 4.35vw;
	}
	
	
	.lower.design_build .sec02 .valueup_wrap {
		width: 94vw;
		padding: 7.25vw 2.42vw 4.83vw;
	}
	
	.lower.design_build .sec02 .valueup_trigger_list_container {
		display: block;
	}
	
	.lower.design_build .sec02 .valueup_trigger_list_item {
		width: 100%;
		padding: 0;
		margin-bottom: 7.25vw;
	}
	
	.lower.design_build .sec02 .valueup_trigger_list_item a {
		padding-left: 7.25vw;
	}
	
	.lower.design_build .sec02 .valueup_trigger_list_item a span {
		font-size: 12px;
		line-height: 1.5em;
		letter-spacing: 0;
	}
	
	.lower.design_build .sec02 .valueup_trigger_list_item a strong {
		font-size: 23px;
	}
	
	.lower.design_build .sec02 .valueup_trigger_list_item::before {
		font-size: 11.11vw;
	}
	
	
	/*sec03--------------------------------*/
	
	.lower.design_build .sec03 {
		padding-top: 7.25vw;
	}
	
	.lower.design_build .sec03 .valueup_target_list_item + .valueup_target_list_item {
		padding-top: 14.49vw;
	}
	
	.lower.design_build .sec03 .valueup_target_list_item .valueup_container {
		display: block;
	}
	
	.lower.design_build .sec03 .img_container {
		width: 100%;
		padding-top: 16.9vw;
	}
	
	.lower.design_build .sec03 .txt_container {
		width: 100%;
		padding: 4.83vw 0 0;
	}
	
	.lower.design_build .sec03 .img_container .valueup_list_ttl {
		width: 100%;
		box-sizing: border-box;
		padding: 4.83vw 0 4.83vw 14.49vw;
		white-space: wrap;
		font-size: 6.76vw;
	}
	
	.lower.design_build .sec03 .img_container .valueup_list_ttl span {
		width: 75vw;
		line-height: 1.15em;
		position: absolute;
		top: 0;
	}
	
	.lower.design_build .sec03 .valueup_target_list_item:last-child .img_container .valueup_list_ttl span {
		top: -.2em;
		left: 0;
	}
	
	.lower.design_build .sec03 .img_container .valueup_list_ttl sup {
		font-size: 14px;
	}
	
	.lower.design_build .sec03 .valueup_target_list_item:nth-child(even) .img_container .valueup_list_ttl {
		padding: 4.83vw 14.49vw 4.83vw 0;
	}
	
	.lower.design_build .sec03 .valueup_target_list_item .img_container .valueup_list_ttl::before {
		font-size: 24.15vw;
	}
	
	.lower.design_build .sec03 .valueup_target_list_item .img_container .valueup_obj {
		padding-bottom: 70%;
	}
	
	.lower.design_build .sec03 .valueup_target_list_item .img_container .valueup_obj::after {
		font-size: 24.15vw;
		top: -16.91vw;
	}
	
	.lower.design_build .sec03 .valueup_target_list_item:nth-child(even) .img_container .valueup_obj::after {
		left: unset;
		right: .97vw;
	}
	
	.lower.design_build .sec03 .txt_container .valueup_list_subttl {
		font-size: 6.28vw;
		padding-bottom: 3.62vw;
	}
	
	.lower.design_build .sec03 .txt_container .valueup_list_txt {
		font-size: 3.86vw;
		padding-bottom: 2.42vw;
	}
	
	.lower.design_build .sec03 .txt_container .valueup_list_txt sup {
		font-size: 2.9vw;
	}
	
	.lower.design_build .sec03 .txt_container .valueup_note_list_item {
		font-size: 2.9vw;
	}
	
	.lower.design_build .sec03 .txt_container .valueup_accordion_list_container {
		padding-top: 3.62vw;
	}
	
	.lower.design_build .sec03 .txt_container .accordion_trigger {
		padding: 2.42vw 1.5em 2.42vw 0;
		font-size: 4.83vw;
	}
	
	.lower.design_build .sec03 .txt_container .accordion_trigger sup {
		font-size: 2.9vw;
	}
	
	.lower.design_build .sec03 .txt_container .accordion_trigger::after {
		font-size: 5.8vw;
	}
	
	.lower.design_build .sec03 .txt_container .accordion_target_container {
		padding: 4.83vw 0;
	}
	
	.lower.design_build .sec03 .txt_container .problem_list_item {
		font-size: 4.35vw;
	}
	
	.lower.design_build .sec03 .txt_container .problem_list_item::before {
		font-size: 4.35vw;
	}
	
	.lower.design_build .sec03 .txt_container .solution_list_item {
		padding: 1.21vw 0;
		margin: .97vw 0;
		font-size: 3.86vw;
	}

	.lower.design_build .sec03 .txt_container .planning_list_item:last-child {
		margin-top: 9.88vw;
	}
	
	.lower.design_build .sec03 .txt_container .planning_list_item dl {
		padding: 3.62vw 2.42vw;
	}
	
	.lower.design_build .sec03 .txt_container .planning_list_item dl dt {
		padding-bottom: 2.42vw;
		font-size: 4.83vw;
	}
	
	.lower.design_build .sec03 .txt_container .planning_list_item dl dd {
		width: 48.5%;
		padding: 1.21vw 0 ;
		margin: 1.21vw 0;
		font-size: 3.86vw;
		font-weight: 400;
		letter-spacing: .05em;
	}
	
	.lower.design_build .sec03 .txt_container .planning_list_item:first-child::before {
		border-top: 4.83vw solid #0066b2;
		border-right: 4.83vw solid transparent;
		border-left: 4.83vw solid transparent;
		bottom: -7.25vw;
	}
	
	.lower.design_build .sec03 .txt_container .solution_ba_list_item span {
		font-size: 4.83vw;
		padding-bottom: 2.42vw;
	}
	
	.lower.design_build .sec03 .txt_container .solution_ba_list_item strong {
		padding: 2.42vw 1.21vw 0 2.42vw;
		font-size: 3.38vw;
		letter-spacing: 0;
	}
	
	.lower.design_build .sec03 .txt_container .solution_ba_list_item:first-child strong::before {
		border-left: 3.62vw solid #389de8;
		border-top: 3.62vw solid transparent;
		border-bottom: 3.62vw solid transparent;
	}
	
	.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item {
		font-size: 3.38vw;
		font-weight: 400;
		letter-spacing: 0;
	}
	
	.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item:first-child {
		top: 21%;
	}
	
	.lower.design_build .sec03 .txt_container .accordion_target_container .condition_list_item:nth-child(2) {
		top: 40%;
		left: 39%;
	}
	
	.lower.design_build .sec03 .txt_container .thj_obj {
		margin-top: 3.62vw;
	}
	
	
	/*sec04--------------------------------*/
	
	.lower.design_build .sec04 {
		background: #fff url('../img/construction/design_build/footer_obj.jpg') 15% bottom no-repeat;
		background-size: cover;
		padding-top: 84.54vw;
	}
	
	.lower.design_build .btn_list_container {
		top: 55%;
		transform: translate(-50%, 0);
	}
	
	.lower.design_build .btn_list_item + .btn_list_item {
		padding-top: 7.25vw;
	}
	
	.lower.design_build .btn_list_item a {
		width: 90vw;
		height: 14.49vw;
		border: 3px solid #0e4813;
	}
	
	.lower.design_build .btn_list_item a span {
		font-size: 4.83vw;
	}
}