@charset "utf-8";
/* CSS Document */

#flow .box01 {box-sizing: border-box; border: 1px dashed #808080; padding: 40px 19px 20px; font-weight: bold;}
#flow .box01 h2 {position: relative; font-size: 30px; font-weight: bold; margin-left: 150px; line-height: 1;}
#flow .box01 h2:before {position: absolute; content: ""; background: url(img/flow/box01_icon.png); width: 121px; height: 46px; bottom: 0; left: -150px;}
#flow .box01 .inner {display: flex; justify-content: space-between; align-items: flex-start; text-align: justify; line-height: 1.9; letter-spacing: 1px; margin-top: 30px;}
#flow .box01 .inner img {margin-right: 20px;}
#flow .box01 .bnr {margin-top: 30px; position: relative;}
#flow .box01 .bnr:before {
	position: absolute;
	content: "";
	background: url(img/flow/box01_zin.png);
	width: 126px;
	height: 218px;
	bottom: 0;
	left: -15px;
}
#flow .box01 .contact_area {display: flex; justify-content: space-between; background-color: #f9f6f3; padding: 20px 10px;}
#flow .box01 .tel {height: 61px;}
#flow .box01 .mail {height: 62px;}
/*box02*/
#flow .box02 {box-sizing: border-box; border: 1px dashed #808080; padding: 40px 19px 20px; font-weight: bold;position: relative; margin-top: 50px;}
#flow .box02 .allow {position: absolute; top: -70px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#flow .box02 h2 {position: relative; font-size: 30px; font-weight: bold; margin-left: 150px; line-height: 1;}
#flow .box02 h2:before {position: absolute; content: ""; background: url(img/flow/box02_icon.png); width: 131px; height: 46px; bottom: 0; left: -150px;}
#flow .box02 .inner {display: flex; justify-content: space-between; align-items: flex-start; text-align: justify; line-height: 1.9; letter-spacing: 1px; margin-top: 30px;}
#flow .box02 .inner img {margin-right: 20px;}
#flow .box02 .underarea {background: url(img/flow/box02_bg.jpg)top left repeat; box-sizing: border-box; border: 2px solid #000000; position: relative; font-weight: bold; display: flex; justify-content: space-between; margin-top: 50px; padding: 10px; align-items: center; letter-spacing: 1px;}
#flow .box02 .underarea .big {font-size: 21px; font-weight: bold; letter-spacing: 5px; margin-bottom: 10px;}
#flow .box02 .underarea .point {top: -45px; position: absolute; left: 25px;}
#flow .box02 .leftarea {margin-top: 10px; padding-right: 20px; padding-left: 10px;}

/*box03*/
#flow .box03 {box-sizing: border-box; border: 1px dashed #808080; padding: 40px 19px 20px; font-weight: bold;position: relative; margin-top: 50px;}
#flow .box03 .allow {position: absolute; top: -70px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#flow .box03 h2 {position: relative; font-size: 30px; font-weight: bold; margin-left: 150px; line-height: 1;}
#flow .box03 h2:before {position: absolute; content: ""; background: url(img/flow/box03_icon.png); width: 130px; height: 46px; bottom: 0; left: -150px;}
#flow .box03 .inner {display: flex; justify-content: space-between; align-items: flex-start; text-align: justify; line-height: 1.9; letter-spacing: 1px; margin-top: 30px;}
#flow .box03 .inner img {margin-right: 20px;}
#flow .box03 .underarea {background: url(img/flow/box02_bg.jpg)top left repeat; box-sizing: border-box; border: 2px solid #000000; position: relative; font-weight: bold; display: flex; justify-content: space-between; margin-top: 50px; padding: 10px; align-items: center;}
#flow .box03 .underarea .big {font-size: 21px; font-weight: bold; letter-spacing: 5px; margin-bottom: 10px;}
#flow .box03 .underarea .point {top: -45px; position: absolute; left: 25px;}
#flow .box03 .leftarea {margin-top: 10px; padding-right: 20px; padding-left: 10px;}

/*box04*/
#flow .box04 {box-sizing: border-box; border: 1px dashed #808080; padding: 40px 19px 20px; font-weight: bold;position: relative; margin-top: 50px;}
#flow .box04 .allow {position: absolute; top: -70px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#flow .box04 h2 {position: relative; font-size: 30px; font-weight: bold; margin-left: 150px; line-height: 1;}
#flow .box04 h2:before {position: absolute; content: ""; background: url(img/flow/box04_icon.png); width: 134px; height: 46px; bottom: 0; left: -150px;}
#flow .box04 .inner {display: flex; justify-content: space-between; align-items: flex-start; text-align: justify; line-height: 1.9; letter_spacing: 1px; margin-top: 30px;}
#flow .box04 .inner img {margin-right: 20px;}
#flow .box04 .underarea {background: url(img/flow/box02_bg.jpg)top left repeat; box-sizing: border-box; border: 2px solid #000000; position: relative; font-weight: bold; display: flex; justify-content: space-between; margin-top: 50px; padding: 10px; align-items: center; letter-spacing: 1px;}
#flow .box04 .underarea .big {font-size: 21px; font-weight: bold; letter-spacing: 5px; margin-bottom: 10px;}
#flow .box04 .underarea .point {top: -45px; position: absolute; left: 25px;}
#flow .box04 .leftarea {margin-top: 10px; padding-right: 20px; padding-left: 10px;}

/*box05*/
#flow .box05 {box-sizing: border-box; border: 1px dashed #808080; padding: 40px 19px 20px; font-weight: bold;position: relative; margin-top: 50px;}
#flow .box05 .allow {position: absolute; top: -70px; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#flow .box05 h2 {position: relative; font-size: 30px; font-weight: bold; margin-left: 150px; line-height: 1;}
#flow .box05 h2:before {position: absolute; content: ""; background: url(img/flow/box05_icon.png); width: 131px; height: 46px; bottom: 0; left: -150px;}
#flow .box05 .inner {display: flex; justify-content: space-between; align-items: flex-start; text-align: justify; line-height: 1.9; letter_spacing: 1px; margin-top: 30px;}
#flow .box05 .inner img {margin-right: 20px;}
#flow .box06 {position: relative; margin-top: 50px;}
#flow .box06 .box06_icon {
	position: absolute;
	right: -25px;
	bottom: -25px;
}