/* conditionTable */

.conditionTable {
	width: 100%;
	border: 1px solid #999;
}

.conditionTable>.bLeft {
	width: 20%;
	background: #E6E6E6;
}

.conditionTable>.bLeft>li {
	font-size: 14px;
	width: 100%;
	text-align: center;
	padding: 24px 0;
	border-top: 1px dotted #666;
}

.conditionTable>.bLeft>li:first-child {
	border-top: none;
}

.conditionTable>.bRight {
	width: 80%;
}

.conditionTable>.bRight>li {
	font-size: 14px;
	width: 100%;
	padding: 24px 40px;
	border-top: 1px dotted #666;
}

.conditionTable>.bRight>li:first-child {
	border-top: none;
}


/* flow */

#flow {
	margin-bottom: 45px;
}

#flow dl {
	width: 100%;
	margin-bottom: 10px;
}

#flow dl>dt {
	width: 33%;
	min-height: 95px;
	background-image: url(../img/guide/triangle.png);
	background-repeat: no-repeat;
	background-position: 50% 70%;
}

#flow dl:last-child>dt {
	background-image: none;
	min-height: 30px;
}

#flow dl>dd {
	width: 67%;
	font-size: 14px;
	padding: 0 1em;
}

#flow dl>dt>p {
	width: 100%;
	background: #14316A;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: .5em 1em;
	font-size: 14px;
}

#flow dl>dd>ul {
	list-style: inside disc;
}


/* costWrap */

#cost.mb {
	margin-bottom: 55px;
}

#cost .title {
	font-size: 18px;
}

.costTable {
	width: 100%;
	border: 1px solid #999;
}

.costTable>.bLeft {
	width: 25%;
	background: #E6E6E6;
}

.costTable>.bLeft>li {
	font-size: 14px;
	width: 100%;
	text-align: center;
	border-top: 1px dotted #666;
}

.costTable>.bLeft>li>p {
	padding: .5em 0;
}

.costTable>.bLeft>li:first-child {
	border-top: none;
}

.costTable>.bLeft>li>div {
	width: 50%;
}

.costTable>.bLeft>li>div:first-child {
	border-right: 1px dotted #666;
}

.costTable>.bLeft>li>div>ul>li {
	border-top: 1px dotted #666;
}

.costTable>.bLeft>li>div>ul>li>p {
	padding: .5em;
}

.costTable>.bLeft>li>div>ul>li:first-child {
	border-top: none;
}

.costTable>.bRight {
	width: 75%;
}

.costTable>.bRight>li {
	font-size: 14px;
	width: 100%;
	border-top: 1px dotted #666;
}

.costTable>.bRight>li>div:first-child {
	width: 33%;
	border-right: 1px dotted #666;
	text-align: center;
}

.costTable>.bRight>li>div>p {
	padding: .5em;
}

.costTable>.bRight>li>div>ul>li>p {
	border-top: 1px dotted #666;
	padding: .5em;
}

.costTable>.bRight>li>div>ul>li:first-child>p {
	border-top: none;
}

.costTable>.bRight>li>div:last-child {
	width: 67%;
}

.costTable>.bLeft p.line2 {
	padding: 1.3em 0;
}

.costTable>.bLeft p.line3 {
	padding: 2em 0;
}

.costTable>.bLeft p.line4 {
	padding: 3em 0;
}

.costTable>.bLeft p.line6 {
	padding: 6em 0;
}

.costTable>.bRight p.line2 {
	padding: 1.3em .5em;
}

.costTable>.bRight p.line3 {
	padding: 2em .5em;
}

.costTable>.bRight p.line4 {
	padding: 3em .5em;
}

.costTable>.bRight>li:first-child {
	border-top: none;
}


/* PC */

@media screen and (min-width: 980px) {
	/* topImg */
	.topImg {
		background-image: url(../img/guide/top.jpg);
	}
	.tableWrap {
		margin-bottom: 3em;
	}
	
	a[href^="tel:"] {color: #00f;}
}


/* SP */

@media screen and (max-width: 980px) {
	/* topImg */
	.topImg {
		background-image: url(../img/guide/sp_top.png);
	}
	#cost .title {
		font-size: 14px;
	}
	.tableWrap {
		margin-bottom: 2em;
	}
	.tableWrap>p {
		padding: 0 10px;
	}
	/* conditionTable */
	.conditionTable {
		position: relative;
		width: 95%;
		margin: 0 auto;
	}
	.conditionTable:after {
		position: absolute;
		font-family: 'FontAwesome';
		content: '\f054';
		width: 1em;
		height: 1.5em;
		font-size: 30px;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		color: rgba(51, 51, 51, .4);
	}
	.conditionTable>.bLeft>li {
		width: 100%;
	}
	.conditionTable>.bLeft>li,
	.conditionTable>.bRight>li {
		padding: .5em;
	}
	.conditionTable>.bRight {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	/* flow */
	#flow dl {
		width: 95%;
		position: relative;
		margin: 0 auto;
		padding-bottom: 40px;
	}
	/* costTable */
	.costTable {
		position: relative;
		width: 95%;
		margin: 0 auto;
	}
	.costTable:after {
		position: absolute;
		font-family: 'FontAwesome';
		content: '\f054';
		width: 1em;
		height: 1.5em;
		font-size: 30px;
		top: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		color: rgba(51, 51, 51, .4);
	}
	.costTable>.bRight {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}


/* 縦長の場合 */

@media only screen and (max-width: 980px) and (orientation: portrait) {
	/* conditionTable */
	.conditionTable>.bLeft {
		width: 40%;
	}
	.conditionTable>.bRight {
		width: 60%;
		max-width: 60%;
	}
	.conditionTable>.bRight>li {
		width: 270%;
	}
	/* flow */
	#flow dl:after {
		content: '';
		position: absolute;
		bottom: 5px;
		left: 0;
		right: 0;
		margin: auto;
		width: 88px;
		height: 28px;
		background-image: url(../img/guide/triangle.png);
		background-repeat: no-repeat;
		background-position: 50% 50%;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#flow dl:last-child:after {
		width: 0;
		height: 0;
	}
	#flow dl>dt {
		width: 100%;
		min-height: 3em;
		background-image: none;
	}
	#flow dl:last-child>dt {
		background-image: none;
		min-height: 30px;
	}
	#flow dl>dd {
		width: 100%;
		padding: 0 1em;
	}
	#flow dl>dt>p {
		padding: .5em 1em;
	}
	/* costWrap */
	.costWrap>.title {
		font-size: 14px;
		padding-left: 10px;
	}
	.costTable>.bLeft {
		width: 50%;
	}
	.costTable>.bRight {
		width: 50%;
		max-width: 50%;
	}
	.costTable.basic>.bRight>li {
		width: 350%;
	}
	.costTable.basic>.bRight>li>div:first-child {
		width: 20%;
	}
	.costTable.basic>.bRight>li>div:last-child {
		width: 80%;
	}
	.costTable.service>.bRight>li {
		width: 250%;
	}
	.costTable.service>.bRight>li>div:first-child {
		width: 30%;
	}
	.costTable.service>.bRight>li>div:last-child {
		width: 70%;
	}
	.costTable.special>.bRight>li {
		width: 400%;
	}
	.costTable.special>.bRight>li>div:first-child {
		width: 23%;
	}
	.costTable.special>.bRight>li>div:last-child {
		width: 77%;
	}
}


/* 横長の場合 */

@media only screen and (max-width: 980px) and (orientation: landscape) {
	/* conditionTable */
	.conditionTable>.bLeft {
		width: 25%;
	}
	.conditionTable>.bRight {
		width: 75%;
		max-width: 75%;
	}
	.conditionTable>.bRight>li {
		width: 130%;
	}
	/* costWrap */
	.costTable>.bLeft {
		width: 30%;
	}
	.costTable>.bRight {
		width: 70%;
		max-width: 70%;
	}
	.costTable.basic>.bRight>li {
		width: 150%;
	}
	.costTable.basic>.bRight>li>div:first-child {
		width: 25%;
	}
	.costTable.basic>.bRight>li>div:last-child {
		width: 75%;
	}
	.costTable.service>.bRight>li {
		width: 120%;
	}
	.costTable.service>.bRight>li>div:first-child {
		width: 30%;
	}
	.costTable.service>.bRight>li>div:last-child {
		width: 70%;
	}
	.costTable.special>.bRight>li {
		width: 180%;
	}
	.costTable.special>.bRight>li>div:first-child {
		width: 23%;
	}
	.costTable.special>.bRight>li>div:last-child {
		width: 77%;
	}
}