@media (min-width:751px){
/* CSS Document */

	#header_wrap{  }

/*mv*/
	#mv { background: url("../images/service/flow/mv.png") center center no-repeat; background-size: cover;
		 /*padding-top: 100px;*/ height: 430px; }
	#mv h2 { position: absolute; bottom :60px; right: 50%; margin-right: 40px; } 

	article { width: 100%; overflow: hidden;background-image:url(../images/service/bg_body_service_pc.png); }

/*p1*/
	#p1 { padding: 70px 0 30px; 
		/*background: url("../images/idea/bg_lead.png") right 60px top 90px no-repeat;*/text-align: center; margin: 0 auto; }

/*p2*/
	#p2 { padding: 65px 0 75px; }
	section h3 { text-align: center; margin-bottom:65px;}
	#p2 .mainw {position: relative;}
	.flow { padding: 15px 0 0 200px ; min-height: 240px; position: relative; }
	.flow.flow1 { background: url("../images/service/flow/flow1.svg") left top no-repeat; }
	.flow.flow2 { background: url("../images/service/flow/flow2.svg") left top no-repeat; }
	.flow.flow3 { background: url("../images/service/flow/flow3.svg") left top no-repeat; }
	.flow.flow4 { background: url("../images/service/flow/flow4.svg") left top no-repeat; }
	.flow.flow5 { background: url("../images/service/flow/flow5.svg") left top no-repeat; }
	.flow.flow6 { background: url("../images/service/flow/flow6.svg") left top no-repeat; }
	.flow.flow7 { background: url("../images/service/flow/flow7.svg") left top no-repeat; }
	.flow.flow8 { background: url("../images/service/flow/flow8.svg") left top no-repeat; }
	.flow h4 { height: 58px; line-height: 58px; background: url("../images/bg_body2.png") repeat; 
		color: #E47D31; font-size: 29px; padding-left: 23px; font-family: "marugame"; }
	.flow h4 img { padding-bottom: 15px; }
	.flow .detail { padding: 20px; font-size: 20px; line-height: 40px; }
	.flow .detail strong { color: #E47D31; }
	.flow .detail p span { color: #EA9F3B; }
	.flow:before { content: ""; width: 10px; height: 73px; position: absolute; left: 69px; top:158px;
		background: url("../images/service/flow/line.png") left top repeat-y; }

	.flow .offer { border: #EA9F3B 1px solid; border-collapse:separate; border-spacing: 15px; 
		color: #E47D31; margin: 15px 0; }
	.flow .offer th { font-weight: normal; }
	.flow.flow3:before { height: 306px; }
	.flow.flow7:before { height: 148px; }
	.flow.flow8:before { background: none; }
	/*.flow .offer th { padding: 20px 15px 0 15px; }
	.flow .offer td { padding: 20px 15px; }
*/
}/*End for pc*/


/*Start for SP*/
@media (max-width:750px){

	#mv { background: url("../images/service/flow/mv_sp.png") center center no-repeat; background-size: cover;
		 /*padding-top: 30vw;*/ }
	 /*#mv h2{ width: 71vw; margin-right: auto; margin-left: 6vw;  }
	 #mv h2 img { width: 100%;  }*/


/*p1*/
	#p1 { padding: 12vw 0 0; width: 88vw;
		background: url("../images/idea/bg_lead.png") right 4vw top 18vw no-repeat;
		background-size: 46vw auto; text-align: center; margin: 0 auto; }
	.cmenu li:nth-child(2) { border-bottom: none; }

		
/*p2*/
	#p2 { padding: 12vw 0 6vw; background: url("../images/idea/cb_g.jpg") repeat; }
	#p2 h3 { margin-bottom: 7.9vw; text-align: center; }
	#p2 h3 img { height: 13.7vw; }
	#p2 .mainw {position: relative;}
	.flow { padding: 0 0 0 14vw; min-height: 28vw; position: relative; }
	.flow.flow1 { background: url("../images/service/flow/flow1.svg") left top no-repeat; 
		background-size: 11vw auto; }
	.flow.flow2 { background: url("../images/service/flow/flow2.svg") left top no-repeat; 
		background-size: 11vw auto; }
	.flow.flow3 { background: url("../images/service/flow/flow3.svg") left 2vw no-repeat; 
		background-size: 11vw auto; }
	.flow.flow4 { background: url("../images/service/flow/flow4.svg") left 2vw no-repeat; 
		background-size: 11vw auto; }
	.flow.flow5 { background: url("../images/service/flow/flow5.svg") left 2vw no-repeat; 
		background-size: 11vw auto; }
	.flow.flow6 { background: url("../images/service/flow/flow6.svg") left 2vw no-repeat; 
		background-size: 11vw auto; }
	.flow.flow7 { background: url("../images/service/flow/flow7.svg") left 2vw no-repeat; 
		background-size: 11vw auto; }
	.flow.flow8 { background: url("../images/service/flow/flow8.svg") left 2vw no-repeat; 
		background-size: 11vw auto; }
	.flow h4 { height: 8vw; line-height: 8vw; background: url("../images/bg_body2.png") repeat; 
		color: #E47D31; font-size: 4.6vw; padding: 2vw; font-family: "marugame"; }
	.flow h4 img { height: 4vw; display: block; }
	.flow h4 img.for_pc { display: none; }
	.flow.flow4 h4,.flow.flow5 h4 { height: 14vw; }
	.flow.flow4 h4 img,.flow.flow5 h4 img { height: 10vw; }
	.flow .detail { padding: 4vw 1vw; font-size: 3.7vw; line-height: 5.3vw; }
	.flow .detail strong { color: #E47D31; }
	.flow .detail p span { color: #EA9F3B; }
	.flow:before { content: ""; width: 1vw; height: 16vw; position: absolute; left: 4.4vw; top:12vw;
		background: url("../images/service/flow/line.png") center top repeat-y; background-size: 1vw auto; }
	.flow .offer { border: #EA9F3B 1px solid; border-collapse:separate; border-spacing: 1vw; 
		color: #E47D31; margin: 4vw 0; }
	.flow .offer th { font-weight: normal; }
	.flow.flow3:before { height: 65vw; }
	.flow.flow4:before { height: 30vw; }
	.flow.flow5:before { height: 26vw; }
	.flow.flow6:before { height: 20vw; }
	.flow.flow7:before { height: 50vw; }
	.flow.flow8:before { background: none; }


}/*End for SP*/