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

/*エントリーテンプレート用（本番）*/
div.benri_flow {
	clear: both;
}
div.benri_flow .w100 {
	width: 100%;
	clear: both;
}
div.benri_flow .w50l, div.benri_flow .w50r {
	width: 47%;
}
div.benri_flow .w50l {
	float: left;
}
div.benri_flow .w50r {
	float: right;
}
div.benri_flow .w100 img {
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
}
div.benri_flow p.img_left img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
p.img_l img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
div.benri_flow p.img_right img {
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
}
p.img_r img {
	float: right;
	margin-left: 8px;
	margin-bottom: 8px;
}
div.benri_flow ul {
	margin-bottom: 15px;
}
div.benri_flow ul li {
	background-image: url(../imgs/icon_arrow02-g.png);
	background-repeat: no-repeat;
	background-position: 0em 0.7em;
	padding-left: 10px;
	margin-left: 15px;
}
.teian div.benri_flow ul li {
	background-position: 0em 1.1em;
}
div.benri_flow p.img_center img {
	float: left;
	margin-right: 15%;
	margin-bottom: 8px;
	margin-left: 15%;
}
@media screen and (max-width: 767px) {
div.benri_flow .w50l, div.benri_flow .w50r {
	width: auto;
}
div.benri_flow .w50l,
div.benri_flow .w50r {
	float: none;
}
div.benri_flow .w100 img,
div.benri_flow p.img_left img,
p.img_l img,
div.benri_flow p.img_center img{
	float: none;
	margin-left: auto;
	margin-bottom: auto;
}

div.benri_flow p.img_center{
text-align:center;
}
}
div.benri_flow div {
	background:url(../../benri/imgs/arrow02.gif) no-repeat left bottom;
	padding-bottom:24px;
}

div.benri_flow div.arrow_none{
	background:none;
	}
	
		
div.benri_flow p,
div.benri_flow div.arrow_none div p{
	padding-left:45px;
	background:url(../../benri/imgs/arrow01.gif) repeat-y left;
	margin:0;
 	}
	
div.benri_flow div h4 {
	font-weight: bold;
	margin: 5px 0 10px;
	padding: 5px 20px 5px 25px;
	background: #B9D50E url(../imgs/icon_sa_w.gif)no-repeat 0.6em 0.8em;
}
div.benri_flow div.arrow_none {
	background: none;
}
div.benri_flow p, div.benri_flow div.arrow_none div p {
	padding-left: 45px;
	/*background:url(../imgs/icon_arrow02-g.png) repeat-y left;*/
	margin: 0;
}
div.benri_flow p:after, div.benri_flow div.arrow_none div p:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.benri_flow p, div.benri_flow div.arrow_none div p {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html div.benri_flow p, * html div.benri_flow div.arrow_none div p {
	height: 1%
}
div.benri_flow p, div.benri_flow div.arrow_none div p {
	display: block;
}
/* end MacIE5 */

	
div.benri_flow div.arrow_none p {
	padding-left: 10px;
	background: none;
}
.f60 {
	font-size: 60%;
	vertical-align: text-bottom;
}
div.benri_flow div.arrow_none {
	background: none;
}
div.benri_flow p, 
div.benri_flow div.arrow_none div p {
	padding-left: 45px;
	/*background: url(../imgs/icon_arrow02-g.png) repeat-y left;*/
	line-height:1.6em;
	margin: 0;
}
div.benri_flow p:after, div.benri_flow div.arrow_none div p:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div.benri_flow p, div.benri_flow div.arrow_none div p {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html div.benri_flow p, * html div.benri_flow div.arrow_none div p {
	height: 1%
}
div.benri_flow p, div.benri_flow div.arrow_none div p {
	display: block;
}
/* end MacIE5 */

	
div.benri_flow div.arrow_none p {
	padding-left: 10px;
	background: none;
}
.benri_flow table tbody tr td,
.benri_flow table tbody tr th,
.benri_flow table {
	padding: 5px;
	border: solid 1px #ccc!important;
}
/*-----tableを縦ならび-----*/

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

.arrow_none table {
margin-right: 16px;
width:auto;
border:none !important;
width: auto;
}
.arrow_none table td {
text-align: left;
}

.arrow_none table tbody tr td,
.arrow_none table tbody tr th,
.arrow_none table {
padding:10px;
border:none !important;
border-collapse: collapse;
}
.arrow_none table tbody tr td,
.arrow_none table tbody tr th{
border-top: solid 1px #ccc!important;
display: block;
}



/*-----以下、PCには不要かもですが一応-----*/


@media screen and (max-width: 560px) {
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
}