/* application */

#application h2 {
	padding-left: 230px;
}

#application>h2:before {
	width: 205px;
	height: 25px;
	background-image: url(../img/guide/title01.png);
}


/* 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: #87784C;
	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 */

.costWrap.mb {
	margin-bottom: 55px;
}

.costWrap>.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.line9 {
	padding: 9em 0;
}

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

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


/* PC */

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


/* SP */

@media screen and (max-width: 980px) {
	/* topImg */
	.topImg {
		width: 100%;
		height: 20.9vw;
		background-image: url(../img/guide/sp_top.png);
		-webkit-background-size: contain;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 0;
	}
	/* contentsWrap */
	#access h2 {
		padding-left: 10em;
	}
	#access>h2:before {
		width: 8em;
		height: 2.5em;
	}
	/* conditionTable */
	.conditionTable {
		position: relative;
		width: 95%;
		margin: 0 auto;
	}
	.conditionTable>.bLeft>li,
	.conditionTable>.bRight>li {
		padding: .5em;
	}
	/* flow */
	#flow>dl {
		width: 95%;
		position: relative;
		margin: 0 auto;
		padding-bottom: 40px;
	}
	/* costWrap */
	.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: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 {
		width: 40%;
	}
	.conditionTable>.bLeft>li {
		width: 100%;
	}
	.conditionTable>.bRight {
		width: 60%;
		max-width: 60%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.conditionTable>.bRight>li {
		width: 240%;
	}
	/* 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: 18%;
	}
	.conditionTable>.bRight {
		width: 82%;
		max-width: 82%;
	}
	/* 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%;
	}
}