@charset "utf-8";
/** interview**/
li dl img{
	border: 1px solid #999;
}

li dl dd{
	margin-top: 10px;
}

	.flex-4 img{
		border: solid 1px #999;
	}

@media print, screen and (min-width: 1240px) {
	
	.flex-sp .flex-2{
		width: 49%;
	}
	
	.flex-159{
		width: 30%;
	}
	
	section{
		margin-bottom: 20px;
	}
	
	.menu {
		display: flex;
		list-style: none;
	}

	.menu li {
		padding: 2px 1px;
	}
	
	.menu li img {
		border: 1px #999 solid;
		width: 100%;
	}
	
	.flex-4_1_1 {
		width:230px;
		height: 230px;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-2_1_1 {
		width:230px;
		height: 230px;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_2_1 {
		width:350px;
		height: 230px;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-4_1_1_eigyo {
		width:230px;
		height: 230px;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	.flex-4_1_1_eigyo_1 {
		width:430px;
		min-height: 291px;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_2_eigyo {
		width:350px;
		height: 230px;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-4_1_1_design {
		width:230px;
		height: 230px;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	.flex-4_1_2_design {
		width:350px;
		height: 230px;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_engineering {
		width:230px;
		height: 230px;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_engineering {
		width:230px;
		height: 230px;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	.flex-4_1_2_engineering {
		width:350px;
		height: 230px;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_general {
		width:230px;
		height: 230px;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_2_general {
		width:350px;
		height: 230px;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_contract {
		width:230px;
		height: 230px;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_2_contract {
		width:350px;
		height: 230px;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_building {
		width:230px;
		height: 230px;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	.flex-4_1_2_building {
		width:350px;
		height: 230px;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-4_1_1_brokerage {
		width:230px;
		height: 230px;
		background-color: #6699ff;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_2_brokerage {
		width:350px;
		height: 230px;
		background-color: #ffdab9;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_five {
		width:230px;
		height: 230px;
		background-color:  #ccff33;
		text-align: center;
		color: #333;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_2_five {
		width:350px;
		height: 230px;
		background-color:  #f0641e;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1 {
		width:35%;
		height: 230px;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	
	.flex-2_2_1 {
		width:35%;
		height: 230px;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-2_1_1_eigyo {
		width:35%;
		height: 230px;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	.flex-2_1_1_eigyo_1 {
		width:430px;
		min-height: 291px;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_2_eigyo {
		width:35%;
		height: 230px;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-2_1_1_design {
		width:35%;
		height: 230px;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	.flex-2_1_2_design {
		width:35%;
		height: 230px;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_engineering {
		width:35%;
		height: 230px;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_2_engineering {
		width:35%;
		height: 230px;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_general {
		width:35%;
		height: 230px;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_2_general {
		width:35%;
		height: 230px;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_contract {
		width:35%;
		height: 230px;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_2_contract {
		width:35%;
		height: 230px;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_building {
		width:35%;
		height: 230px;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	.flex-2_1_2_building {
		width:35%;
		height: 230px;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-2_1_1_brokerage {
		width:35%;
		height: 230px;
		background-color: #6699ff;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_2_brokerage {
		width:35%;
		height: 230px;
		background-color: #ffdab9;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_five {
		width:35%;
		height: 230px;
		background-color:  #ccff33;
		text-align: center;
		color: #333;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_2_five {
		width:35%;
		height: 230px;
		background-color:  #ccff33;
		text-align: center;
		color: #333;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1 p,
	.flex-4_2_1 p,
	.flex-4_1_1_eigyo p,
	.flex-4_1_1_eigyo_1 p,
	.flex-4_1_2_eigyo p,
	.flex-4_1_1_design p,
	.flex-4_1_2_design p,
	.flex-4_1_1_engineering p,
	.flex-4_1_2_engineering p,
	.flex-2_1_1_engineering p,
	.flex-2_1_2_engineering p,
	.flex-4_1_1_general p,
	.flex-4_1_2_general p,
	.flex-4_1_1_contract p,
	.flex-4_1_2_contract p,
	.flex-4_1_1_building p,
	.flex-4_1_2_building p,
	.flex-4_1_1_brokerage p,
	.flex-4_1_2_brokerage p,
	.flex-4_1_1_five p,
	.flex-4_1_2_five p,
	.flex-2_1_1 p,
	.flex-2_2_1 p,
	.flex-2_1_1_eigyo p,
	.flex-2_1_1_eigyo_1 p,
	.flex-2_1_2_eigyo p,
	.flex-2_1_1_design p,
	.flex-2_1_2_design p,
	.flex-2_1_1_engineering p,
	.flex-2_1_2_engineering p,
	.flex-2_1_1_engineering p,
	.flex-2_1_2_engineering p,
	.flex-2_1_1_general p,
	.flex-2_1_2_general p,
	.flex-2_1_1_contract p,
	.flex-2_1_2_contract p,
	.flex-2_1_1_building p,
	.flex-2_1_2_building p,
	.flex-2_1_1_brokerage p,
	.flex-2_1_2_brokerage p,
	.flex-2_1_1_five p,
	.flex-2_1_2_five p{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		font-size: 24px;
		font-weight: 600;}

	.flex-4_1_2{
		width: 323px;
		height: 230px;
	}
	.flex-2_1_2{
		width: 35%;
		height: auto;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	.flex-4_1_2_2{
		width: calc(100% - 430px);
	}
	
	.flex-4_1_3{
		width: calc(100% - 350px);
		height: 230px;
	}

	.flex-4_1_2 img{
		border-bottom: solid 1px #999;
		border-top: solid 1px #999;
		width: 100%;
		height: 230px;
	}
	.flex-2_1_2 img{
		border: solid 1px #999;
		width: 100%;
		height: 230px;
	}
	
	.flex-4_1_3 img{
		border-top: solid 1px #999;
		border-right: solid 1px #999;
		border-bottom: solid 1px #999;
		width: 100%;
		height: 230px;
	}
	
	.flex-4_2 {
		width: calc(100% - 553px);
		background: #0070b8;
		border: solid #999 1px;
		color: #FFF;
		height: 320px;

	}
	.eigyou {
		height: 230px;
		background: url("../img/recruit/interview/common/eigyou.webp") center no-repeat;
		background-size: cover;
	}
	
	.design {
		height: 230px;
		background: url(../img/recruit/interview/common/design.webp) center no-repeat;
		background-size: cover;
	}
	
	.engineer {
		height: 230px;
		background: url(../img/recruit/interview/common/engineer.webp) center no-repeat;
		background-size: cover;
	}
	
	.engineer_1 {
		height: 230px;
		background: url(../img/recruit/interview/common/engineer_1.webp) center no-repeat;
		background-size: cover;
	}
	
	.engineer_2 {
		height: 230px;
		background: url(../img/recruit/interview/common/engineer_2.webp) center no-repeat;
		background-size: cover;
	}
	
	.engineer_3 {
		height: 230px;
		background: url("../img/recruit/interview/common/engineer_3.webp") center no-repeat;
		background-size: cover;
	}
	
	.general {
		height: 230px;
		background: url(../img/recruit/interview/common/general.webp) center no-repeat;
		background-size: cover;
	}
	
	.general_2 {
		height: 230px;
		background: url(../img/recruit/interview/common/general_2.webp) center no-repeat;
		background-size: cover;
	}
	.general_3 {
		height: 230px;
		background: url(../img/recruit/interview/common/general_3.webp) center no-repeat;
		background-size: cover;
	}
	
	.contract {
		height: 230px;
		background: url("../img/recruit/interview/common/contract.webp") center no-repeat;
		background-size: cover;
	}
	
	.building {
		height: 230px;
		background: url("../img/recruit/interview/common/building.webp") center no-repeat;
		background-size: cover;
	}
	
	.brokerage {
		height: 230px;
		background: url("../img/recruit/interview/common/brokerage.webp") center no-repeat;
		background-size: cover;
	}
	
	.salon {
		height: 230px;
		background: url("../img/recruit/interview/common/salon.webp") center no-repeat;
		background-size: cover;
	}
	
	.question{
		display: table;
		width: 100%;
		height: 60px;
		margin: 20px 0px 10px;
		padding: 10px;
		background: #0070b8;
		color: #fff;
		font-size: 24px;
		font-weight: 600;
	}

	.question1{
		display: table;
		margin: 10px 0px;
		height: 60px;
		text-align: center;
		padding: 10px;
		background: url("../img/recruit/interview/common/frame.webp");
		width: 100%;
		font-size: 24px;
		font-weight: 600;
		border: solid 1px #999;
	}

	.question2{
		display: table;
		margin: 10px 0;
		text-align: center;
		padding: 10px;
		background: url("../img/recruit/interview/common/frame_2.webp");
		border: solid 1px #999;
		width: 100%;
		font-size: 24px;
		font-weight: 600;
		height: 60px;
	}
	
	.question p, .question1 p, .question2 p{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
}

	.answer{
		max-width: 1400px;
		padding-left:20px;
		padding-right:20px;
		margin: 20px auto;
	}
	
	.flow04 {
		padding-left: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 60px;
	}
	

	.flow04 > li {
		list-style-type: none;
		  display: flex;
	}

	.flow04 > li:first-child{
		margin-left: 0px;
	}

	.flow04 > li .icon04 {
		font-size: 16px;
		line-height: 2;
		width: 6em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}
	.flow04 > li .icon04_2 {
		font-size: 16px;
		line-height: 2;
		width: 10em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}

	.flow04 > li .icon04::before {
		content: "";
		border: solid transparent;
		border-width: 10px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.flow04 > li .icon04_2::before {
		content: "";
		border: solid transparent;
		border-width: 10px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.flow04 > li dl {
		padding: 20px 20px;
		text-align: center;
		width: 200px;
		height: 250px;
		margin: 0;
		border: 3px solid rgb(107,144,219);
		position: relative;
		border-radius:30px;
	}

	.flow04 > li:not(:first-child) dl::before {
		content: "";
		width: 14px;
		height: 14px;
		margin-right: 10px;
		display: inline-block;
		border-top: 4px solid rgb(107,144,219);
		border-right: 4px solid rgb(107,144,219);
		position: absolute;
		top: calc(50% - 14px);
		left: -45px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.flow04 > li dl dt {
		font-size: 18px;
		font-weight: 600;
		color: rgb(107,144,219);
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		margin-bottom: 10px;
		text-align: center;
	}

	.flow04 > li dl dd {
		margin-left: 0;
		font-size: 14px;
	}

	.flow05 {
		padding-left: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 60px;

	}

	.flow05 > li {
		list-style-type: none;
		display: flex;
	}

	.flow05 > li:first-child{
		margin-left: 0px;
	}

	.flow05 > li .icon04 {
		font-size: 16px;
		line-height: 2;
		width: 6em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}
	.flow05 > li .icon04_2 {
		font-size: 16px;
		line-height: 2;
		width: 10em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}

	.flow05 > li .icon04::before {
		content: "";
		border: solid transparent;
		border-width: 10px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.flow05 > li .icon04_2::before {
		content: "";
		border: solid transparent;
		border-width: 10px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.flow05 > li dl {
		padding: 20px 20px;
		text-align: center;
		width: 200px;
		height: 250px;
		margin: 0;
		border: 3px solid rgb(107,144,219);
		position: relative;
		border-radius:30px;
	}

	.flow05 > li dl::before {
		content: "";
		width: 14px;
		height: 14px;
		margin-right: 10px;
		display: inline-block;
		border-top: 4px solid rgb(107,144,219);
		border-right: 4px solid rgb(107,144,219);
		position: absolute;
		top: calc(50% - 14px);
		left: -45px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.flow05 > li dl.none::before {
		content: "";
		width: 14px;
		height: 14px;
		margin-right: 10px;
		display: inline-block;
		border-top: 0px solid rgb(107,144,219);
		border-right: 0px solid rgb(107,144,219);
		position: absolute;
		top: calc(50% - 14px);
		left: -45px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.flow05 li dl.none{border: none;}

	.flow05 > li dl dt {
		font-size: 18px;
		font-weight: 600;
		color: rgb(107,144,219);
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		margin-bottom: 10px;
		text-align: center;
	}

	.flow05 > li dl dd {
		margin-left: 0;
		font-size: 14px;
	}
}

@media print, screen and (min-width: 640px) and (max-width: 1239px) {
	.menu {
		display: flex;
		list-style: none;
	}

	.menu li {
		padding: 8px 1px;
	}

	section{
		margin-bottom: 40px;
	}
	.flex-159{
		width: 0px;
	}
	.flex-4_1_1 {
		width:230px;
		height: 219px;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_eigyo {
		width:230px;
		height: 219px;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-4_1_1_design {
		width:230px;
		height: 219px;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_engineering {
		width:230px;
		height: 219px;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_general {
		width:230px;
		height: 219px;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_contract {
		width:230px;
		height: 219px;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_building {
		width:230px;
		height: 219px;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-4_1_1_brokerage {
		width:230px;
		height: 219px;
		background-color: #6699ff;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
		
	.flex-4_1_1_five {
		width:230px;
		height: 219px;
		background-color:  #ccff33;
		text-align: center;
		color: #333;
		border: 1px solid #999;
		display: table;
	}

	.flex-2_1_1 {
		width:230px;
		height: 187px;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_eigyo {
		width:230px;
		height: 187px;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-2_1_1_design {
		width:230px;
		height: 187px;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_engineering {
		width:230px;
		height: 187px;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_general {
		width:230px;
		height: 187px;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_contract {
		width:230px;
		height: 187px;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_building {
		width:230px;
		height: 187px;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_brokerage {
		width:230px;
		height: 187px;
		background-color: #6699ff;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_five {
		width:230px;
		height: 187px;
		background-color:  #ccff33;
		text-align: center;
		color: #333;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1 p,
	.flex-4_1_1_eigyo p,
	.flex-4_1_1_design p,
	.flex-4_1_1_engineering p,
	.flex-4_1_1_general p,
	.flex-4_1_1_contract p,
	.flex-4_1_1_building p,
	.flex-4_1_1_brokerage p,
	.flex-4_1_1_five p{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		font-size: 24px;
		font-weight: 600;}
	.flex-2_1_1 p,
	.flex-2_1_1_eigyo p,
	.flex-2_1_1_design p,
	.flex-2_1_1_engineering p,
	.flex-2_1_1_general p,
	.flex-2_1_1_contract p,
	.flex-2_1_1_building p,
	.flex-2_1_1_brokerage p,
	.flex-2_1_1_five p{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		font-size: 20px;
		font-weight: 600;
	}

	.flex-4_1_2{
		width: 323px;
		height: 218px;
	}
	.flex-2_1_2{
		width: 263px;
		height: 187px;
		margin-bottom: 20px;
	}

	.flex-4_1_2 img{
		border: solid 1px #999;
		width: 100%;
		height: 218px;
	}

	.flex-2_1_2 img{
		border: solid 1px #999;
		width: 100%;
		height: 187px;
	}
	
	.flex-4_2 {
		width: calc(100% - 553px);
		background: #0070b8;
		border: solid #999 1px;
		color: #FFF;
		height: 230px;
	}

	.eigyou {
		height: 218px;
		background: url(../img/recruit/interview/common/eigyou_tab.webp) center no-repeat;
		background-size: cover;
	}

	.design {
		height: 218px;
		background: url(../img/recruit/interview/common/design_tab.webp) center no-repeat;
		background-size: cover;
	}
	
	.engineer {
		height: 218px;
		background: url("../img/recruit/interview/common/engineer_tab.webp") center no-repeat;
		background-size: cover;
	}
	
	.engineer_1 {
		height: 218px;
		background: url("../img/recruit/interview/common/engineer_tab_1.webp") center no-repeat;
		background-size: cover;
	}
	
	.engineer_2 {
		height: 218px;
		background: url("../img/recruit/interview/common/engineer_tab_2.webp") center no-repeat;
		background-size: cover;
	}
	
	.engineer_3 {
		height: 219px;
		background: url("../img/recruit/interview/common/engineer_tab_3.webp") center no-repeat;
		background-size: cover;
	}
	
	.general {
		height: 218px;
		background: url("../img/recruit/interview/common/general_tab.webp") center no-repeat;
		background-size: cover;
	}
	
	.general_2 {
		height: 218px;
		background: url("../img/recruit/interview/common/general_tab_2.webp") center no-repeat;
		background-size: cover;
	}
	
	.general_3 {
		height: 218px;
		background: url("../img/recruit/interview/common/general_tab_3.webp") center no-repeat;
		background-size: cover;
	}
	
	.contract {
		height: 218px;
		background: url("../img/recruit/interview/common/contract_tab.webp") center no-repeat;
		background-size: cover;
	}

	.building {
		height: 218px;
		background: url("../img/recruit/interview/common/building_tab.webp") center no-repeat;
		background-size: cover;
	}

	.brokerage {
		height: 218px;
		background: url("../img/recruit/interview/common/brokerage_tab.webp") center no-repeat;
		background-size: cover;
	}

	.salon {
		height: 218px;
		background: url("../img/recruit/interview/common/salon_tab.webp") center no-repeat;
		background-size: cover;
	}

	
	.question{
		display: table;
		width: 100%;
		height: 60px;
		margin: 20px 0px 10px;
		padding: 10px;
		background: #0070b8;
		color: #fff;
		font-size: 24px;
		font-weight: 600;
	}

	.question1{
		display: table;
		margin: 10px 0px;
		height: 60px;
		text-align: center;
		padding: 10px;
		background: url("../img/recruit/interview/common/frame.webp");
		width: 100%;
		font-size: 24px;
		font-weight: 600;
		border: solid 1px #999;
	}

	.question2{
		display: table;
		margin: 10px 0;
		text-align: center;
		padding: 10px;
		background: url("../img/recruit/interview/common/frame_2.webp");
		border: solid 1px #999;
		width: 100%;
		font-size: 24px;
		font-weight: 600;
		height: 60px;
	}
	
	.question p, .question1 p, .question2 p{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
}

	.answer{
		padding: 10px;
		font-size: 16px;
	}
	
	.flow04 {
		padding-left: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 60px;
}

	.flow04 > li {
		list-style-type: none;
		display: flex;
	}
	.flow04 > li:first-child{
		margin-left: 0px;
	}
	
	.flow04 > li .icon04 {
		font-size: 16px;
		line-height: 2;
		width: 6em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}
	
	.flow04 > li .icon04_2 {
		font-size: 16px;
		line-height: 2;
		width: 12em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}

	.flow04 > li .icon04::before {
		content: "";
		border: solid transparent;
		border-width: 7px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.flow04 > li .icon04_2::before {
		content: "";
		border: solid transparent;
		border-width: 7px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.flow05 > li .icon04::before {
		content: "";
		border: solid transparent;
		border-width: 7px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.flow05 > li .icon04_2::before {
		content: "";
		border: solid transparent;
		border-width: 7px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.flow04 > li dl {
		padding: 20px 20px;
		text-align: center;
		width: 200px;
		height: 250px;
		margin: 0;
		border: 3px solid rgb(107,144,219);
		position: relative;
		border-radius:30px;

	}

	.flow04 > li:not(:first-child) dl::before {
		content: "";
		width: 14px;
		height: 14px;
		margin-right: 10px;
		display: inline-block;
		border-top: 4px solid rgb(107,144,219);
		border-right: 4px solid rgb(107,144,219);
		position: absolute;
		top: calc(50% - 14px);
		left: -45px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.flow04 > li dl dt {
		font-size: 18px;
		font-weight: 600;
		color: rgb(107,144,219);
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		margin-bottom: 10px;
		text-align: center;
	}

	.flow04 > li dl dd {
		margin-left: 0;
		font-size: 14px;
	}

	.flow05 {
		padding-left: 50px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 60px;
}

	.flow05 > li {
		list-style-type: none;
		display: flex;
	}

	.flow05 > li:first-child{

	}
	
	.flow05 > li .icon04 {
		font-size: 16px;
		line-height: 2;
		width: 6em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}
	
	.flow05 > li .icon04_2 {
		font-size: 16px;
		line-height: 2;
		width: 10em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}

	.flow05 > li .icon05::before {
		content: "";
		border: solid transparent;
		border-width: 7px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.flow05 > li dl {
		padding: 30px 20px;
		text-align: center;
		width: 200px;
		height: 250px;
		margin: 0;
		border: 3px solid rgb(107,144,219);
		position: relative;
		border-radius:30px;
	}

	.flow05 > li dl::before {
		content: "";
		width: 14px;
		height: 14px;
		margin-right: 10px;
		display: inline-block;
		border-top: 4px solid rgb(107,144,219);
		border-right: 4px solid rgb(107,144,219);
		position: absolute;
		top: calc(50% - 14px);
		left: -45px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.flow05 > li dl.none::before {
		content: "";
		width: 14px;
		height: 14px;
		margin-right: 10px;
		display: inline-block;
		border-top: 0px solid rgb(107,144,219);
		border-right: 0px solid rgb(107,144,219);
		position: absolute;
		top: calc(50% - 14px);
		left: -45px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.flow05 > li dl dt {
		font-size: 18px;
		font-weight: 600;
		color: rgb(107,144,219);
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		margin-bottom: 10px;
		text-align: center;
	}

	.flow05 > li dl dd {
		margin-left: 0;
		font-size: 14px;
	}
	.flow05 > li> dl.none{
		padding: 30px 20px;
		text-align: center;
		width: 200px;
		margin: 0;
		border: 3px solid #fff;
		position: relative;
	}
	
	.flex-sp .flex-2{
		width: 49%;
	}
	.flex-159{
		width: 0px;
	}

}

@media print, screen and (max-width: 639px) {
	section{
		margin-bottom: 40px;
	}

	.flex-4{
		margin-bottom: 10px;
	}
	
	.flex-4_1_1 {
		width:100%;
		padding: 10px 0;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_2_1 {
		width:100%;
		padding: 10px 0;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-4_1_1_eigyo {
		width:100%;
		padding: 10px 0;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-4_1_2_eigyo {
		width:100%;
		padding: 10px 0;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-4_1_1_design {
		width:100%;
		padding: 10px 0;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-4_1_2_design {
		width:100%;
		padding: 10px 0;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-4_1_1_engineering {
		width:100%;
		padding: 10px 0;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-4_1_2_engineering {
		width:100%;
		padding: 10px 0;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-4_1_1_general {
		width:100%;
		padding: 10px 0;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-4_1_2_general {
		width:100%;
		padding: 10px 0;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-4_1_1_contract {
		width:100%;
		padding: 10px 0;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-4_1_2_contract {
		width:100%;
		padding: 10px 0;
		margin-bottom: 10px;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1_building {
		width:100%;
		padding: 10px 0;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-4_1_2_building {
		width:100%;
		padding: 10px 0;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-4_1_1_brokerage {
		width:100%;
		padding: 10px 0;
		background-color: #6699ff;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_1_brokerage {
		width:100%;
		padding: 10px 0;
		background-color: #6699ff;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-4_1_1_five {
		width:100%;
		padding: 10px 0;
		background-color:  #ccff33;
		text-align: center;
		color: #333;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-4_1_2_five {
		width:100%;
		padding: 10px 0;
		background-color:  #ccff33;
		text-align: center;
		color: #333;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1 {
		width:100%;
		padding: 10px 0;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_2_1 {
		width:100%;
		padding: 10px 0;
		background-color: #0070b8;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}

	.flex-2_1_1_eigyo {
		width:100%;
		padding: 10px 0;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_2_eigyo {
		width:100%;
		padding: 10px 0;
		background-color: #87cefa;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-2_1_1_design {
		width:100%;
		padding: 10px 0;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-2_1_2_design {
		width:100%;
		padding: 10px 0;
		background-color: #da70d6;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_1_engineering {
		width:100%;
		padding: 10px 0;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-2_1_2_engineering {
		width:100%;
		padding: 10px 0;
		background-color: #008000;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_1_general {
		width:100%;
		padding: 10px 0;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_2_general {
		width:100%;
		padding: 10px 0;
		background-color: #ff6347;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_1_contract {
		width:100%;
		padding: 10px 0;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_2_contract {
		width:100%;
		padding: 10px 0;
		margin-bottom: 10px;
		background-color: #9acd32;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-2_1_1_building {
		width:100%;
		padding: 10px 0;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-2_1_2_building {
		width:100%;
		padding: 10px 0;
		background-color: #ffb6c1;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}

	.flex-2_1_1_brokerage {
		width:100%;
		padding: 10px 0;
		background-color: #6699ff;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_1_brokerage {
		width:100%;
		padding: 10px 0;
		background-color: #6699ff;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_1_five {
		width:100%;
		padding: 10px 0;
		background-color:  #ccff33;
		text-align: center;
		color: #333;
		border: 1px solid #999;
		display: table;
		margin-bottom: 10px;
	}
	
	.flex-2_1_2_five {
		width:100%;
		padding: 10px 0;
		background-color:  #f0641e;
		text-align: center;
		color: #FFF;
		border: 1px solid #999;
		display: table;
	}
	
	.flex-4_1_1 p,
	.flex-2_1_1 p,
	.flex-4_2_1 p,
	.flex-4_1_1_eigyo p,
	.flex-2_1_1_eigyo p,
	.flex-4_1_2_eigyo p,
	.flex-2_1_2_eigyo p,
	.flex-4_1_1_design p,
	.flex-2_1_1_design p,
	.flex-4_1_2_design p,
	.flex-2_1_2_design p,
	.flex-4_1_1_engineering p,
	.flex-2_1_1_engineering p,
	.flex-4_1_2_engineering p,
	.flex-2_1_2_engineering p,
	.flex-4_1_1_general p,
	.flex-2_1_1_general p,
	.flex-4_1_2_general p,
	.flex-2_1_2_general p,
	.flex-4_1_1_contract p,
	.flex-2_1_1_contract p,
	.flex-4_1_2_contract p,
	.flex-2_1_2_contract p,
	.flex-4_1_1_building p,
	.flex-2_1_1_building p,
	.flex-4_1_2_building p,
	.flex-2_1_2_building p,
	.flex-4_1_1_brokerage p,
	.flex-2_1_1_brokerage p,
	.flex-4_1_1_five p,
	.flex-2_1_1_five p,
	.flex-4_1_2_five p,
	.flex-2_1_2_five p{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		font-size: 20px;
		font-weight: 600;}


	.flex-4_1_2{
		width: 100%;
		margin-bottom: 10px;
	}
	.flex-2_1_2{
		width: 100%;
		margin-bottom: 20px;
	}
	
	.flex-4_1_2 img{
		border: solid 1px #999;
		width: 100%;
	}
	
	.flex-4_2 {
		width: 100%;
		background: #0070b8;
		border: solid #999 1px;
		color: #FFF;
		height: 230px;

	}
	.eigyou ,
	.design ,
	.engineer ,
	.engineer_1 ,
	.engineer_2 ,
	.engineer_3 ,
	.general,
	.general_2,
	.general_3,
	.contract,
	.building,
	.brokerage,
	.salon {
		display: none;
	}
	
	.question{
		display: table;
		width: 100%;
		height: 60px;
		margin: 20px 0px 10px;
		padding: 10px;
		background: #0070b8;
		color: #fff;
		font-size: 14px;
		font-weight: 600;
	}

	.question1{
		display: table;
		margin: 10px 0px;
		height: 60px;
		text-align: center;
		padding: 10px;
		background: url("../img/recruit/interview/common/frame.webp");
		width: 100%;
		font-size: 16px;
		font-weight: 600;
		border: solid 1px #999;
	}

	.question2{
		display: table;
		margin: 10px 0;
		text-align: center;
		padding: 10px;
		background: url("../img/recruit/interview/common/frame_2.webp");
		border: solid 1px #999;
		width: 100%;
		font-size: 16px;
		font-weight: 600;
		height: 60px;
	}
	
	.question p, .question1 p, .question2 p{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
}

	.answer{
		padding: 10px;
		font-size: 12px;
	}
	
	.flow04 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 60px;
}

	.flow04 > li {
		list-style-type: none;
		display: flex;
	}

	.flow04 > li:first-child{
		margin-left: 0px;
	}

	.flow04 > li:last-child{
		margin-left: 10px;
		margin-right: 10px;
	}

	.flow04 > li .icon04 {
		font-size: 16px;
		line-height: 2;
		width: 6em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}
	
	.flow04 > li .icon04_2 {
		font-size: 16px;
		line-height: 2;
		width: 12em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}

	.flow04 > li .icon04::before {
		content: "";
		border: solid transparent;
		border-width: 7px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.flow04 > li .icon04_2::before {
		content: "";
		border: solid transparent;
		border-width: 7px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.flow04 > li dl {
		padding: 10px 10px;
		text-align: center;
		width: 300px;
		height: 360px;
		margin: 0 auto;
		border: 3px solid rgb(107,144,219);
		position: relative;
		border-radius:30px;
	}

	.flow04 > li:not(:first-child) dl::after {
		content: "";
		width: 14px;
		height: 14px;
		margin-right: 10px;
		display: inline-block;
		border-top: 4px solid rgb(107,144,219);
		border-right: 4px solid rgb(107,144,219);
		position: absolute;
		top: calc(100% + 20px);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.flow04 > li dl dt {
		font-size: 20px;
		font-weight: 600;
		color: rgb(107,144,219);
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		margin-bottom: 10px;
		text-align: center;
	}

	.flow04 > li dl dd {
		margin-left: 0;
		font-size: 12px;
	}
	.flow05 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 60px;
}

	.flow05 > li {
		list-style-type: none;
		display: flex;
	}

	.flow05 > li:first-child{
		margin-left: 0px;
	}

	.flow05 > li:last-child{
		margin-left: 10px;
		margin-right: 10px;
	}

	.flow05 > li .icon04 {
		font-size: 16px;
		line-height: 2;
		width: 6em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}
	
	.flow05 > li .icon04_2 {
		font-size: 16px;
		line-height: 2;
		width: 12em;
		height: 2em;
		text-align: center;
		color: #fff;
		background: rgb(107,144,219);
		margin: 0 auto 10px;
		display: block;
		border-radius: 100vh;
		position: relative;
	}

	.flow05 > li .icon04::before {
		content: "";
		border: solid transparent;
		border-width: 7px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.flow05 > li .icon04_2::before {
		content: "";
		border: solid transparent;
		border-width: 7px;
		border-top-color: rgb(107,144,219);
		position: absolute;
		top: calc(100% - 2px);
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.flow05 > li dl {
		padding: 10px 10px;
		text-align: center;
		width: 300px;
		height: 360px;
		margin: 0 auto;
		border: 3px solid rgb(107,144,219);
		position: relative;
		border-radius:30px;

	}

	.flow05 > li:not(:first-child) dl::before {
		content: "";
		width: 14px;
		height: 14px;
		margin-right: 10px;
		display: inline-block;
		border-top: 4px solid rgb(107,144,219);
		border-right: 4px solid rgb(107,144,219);
		position: absolute;
		top: calc(0% - 45px);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	.flow05 > li dl dt {
		font-size: 20px;
		font-weight: 600;
		color: rgb(107,144,219);
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		margin-bottom: 10px;
		text-align: center;
	}

	.flow05 > li dl dd {
		margin-left: 0;
		font-size: 12px;
	}
	
	.flow05 > li> dl.none{
		display: none;
	}
	.menu img{
		border: solid 1px #999;
		width: 80%;
		margin-bottom: 10px;
	}
	
}