@charset "utf-8";
	/* section.planArea */
	body .section.planArea {
		margin-bottom: 120px;
	}

	body #planTtlArea {
		margin-bottom: 30px;
	}
	body .planTtl {
		-webkit-font-smoothing: antialiased;
		font-size: 26px;
		line-height: 34px;
		margin-bottom: 30px;
		text-align: center;
	}
	body .planComment {
		-webkit-font-smoothing: antialiased;
		font-size: 16px;
		line-height: 34px;
		margin-bottom: 30px;
		text-align: center;
	}
	body .planImage {
		text-align: center;
		margin-bottom: 30px;
	}
	body .planImage img {
		width: 100%;
	}
	body .planCap {
		color: #333;
		font-size: 14px;
		text-align: right;
	}

	body .section.planArea #planBlock .planNav {

	}
	body .section.planArea #planBlock .planNav ul { zoom: 1; margin-right: -5px; }
	body .section.planArea #planBlock .planNav ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body .section.planArea #planBlock .planNav ul li {
		float: left;
		width: 188px;
		margin-right: 5px;
		margin-bottom: 5px;
		text-align: center;
		border: 1px solid #ccc;
		padding: 2px;
		cursor: pointer;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
		/* transition */
		-webkit-transition: background .3s;
		transition: background .3s;
	}
	body .section.planArea #planBlock .planNav ul li .planTtl {
		font-size: 20px;
		line-height: 20px;
		padding: 15px 0;
	}
	body .section.planArea #planBlock .planNav ul li .iconArea p {
		display: block;
		width: 100%;
		font-size: 10px;
		line-height: 10px;
		letter-spacing: 0;
		color: #fff;
		vertical-align: top;
		text-align: center;
		padding: 6px 0;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .section.planArea #planBlock .planNav ul li .iconArea p span {
		position: relative;
		padding-left: 20px;
	}
	body .section.planArea #planBlock .planNav ul li .iconArea p span:before {
		font-size: 20px;
		position: absolute;
		top: -4px;
		left: 0;
	}
	body .section.planArea #planBlock .planNav ul li .iconArea p.icon_bunjyo {
		background-color: #0086a5;
	}
	body .section.planArea #planBlock .planNav ul li .iconArea p.icon_takuchi {
		background-color: #678c1e;
	}

	body .section.planArea #planBlock .planNav ul li.current,
	body .section.planArea #planBlock .planNav ul li:hover {
		background-color: #333;
		color: #fff;
	}


	body .section.planArea .planBox  {
		border: 1px solid #ccc;
		text-align: center;
		padding: 20px 0;
	}

	body .section.planArea .planBox .sttl {
		margin-bottom: 60px;
	}
	body .section.planArea .planBox .madori {
		margin-bottom: 20px;
	}

	/*body .section.planArea .planBox .specArea {
		padding: 0 60px;
	}
	body .section.planArea .planBox .specArea ul {
		float: right;
	}
	body .section.planArea .planBox .specArea ul li {
		float: left;
		font-size: 14px;
		line-height: 28px;
		margin-left: 20px;
	}
	body .section.planArea .planBox .specArea ul li strong {
		font-size: 20px;
	}*/
	
	body .section.planArea .planBox .specArea {
		padding: 0 60px;
	}
	body .section.planArea .planBox .specArea dl { zoom: 1; text-align: left; }
	body .section.planArea .planBox .specArea dl:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body .section.planArea .planBox .specArea dl dt {
		float: left;
		width: 30%;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .section.planArea .planBox .specArea dl dd {
		float: right;
		width: 70%;
		padding-left: 25px;
		border-left: 2px solid #e6e6e6;
		box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .section.planArea .planBox .specArea dl dd ul li {
		width: 50%;
		float: left;
		font-size: 12px;
		line-height: 24px;
	}
	body .section.planArea .planBox .specArea dl strong span {
		font-size: 24px;
	}
	body .section.planArea .planBox .specArea dl strong.gTxt {
		color: #00a7a7;
	}
	body .section.planArea .planBox .specArea span.sinchiku_caption {
		color: #A0A0A0;
		font-size: 0.8em;
		float: right;
		padding-top: 5px;
	}
	body .section.planArea .planBox .txtsTtl {
		float: left;
		font-weight: bold;
		padding-left: 25px;
		width: 75%;
    	text-align: left;
    }


	/* section.kugaArea */
	body .section.kugaArea {
		
	}
	body .section.kugaArea #kugaBox  {
		border: 1px solid #ccc;
		text-align: center;
		padding: 100px 20px;
	}

/* @media 960 START */
@media only screen and (max-width:960px) {

	/* section.planArea */
	body .section.planArea .planBox {
		padding: 20px;
		zoom: 1;
	}
	body .section.planArea .planBox:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body .section.planArea .planBox .sttl {
		text-align: left;
	}
	body .section.planArea #planBlock .planNav ul { margin-right: 0; }
	body .section.planArea #planBlock .planNav ul li {
		width: 24%;
		margin-right: 0.5%;
		margin-left: 0.5%;
	}

	body .section.planArea .planBox .specArea {
		padding: 0;
		clear: both;
	}
	body .section.planArea .planBox .specArea ul {
		zoom: 1;
	}
	body .section.planArea .planBox .specArea ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	body .section.planArea .planBox .specArea dl dt {
		float: none;
		width: 100%;
		clear: both;
	}
	body .section.planArea .planBox .specArea dl dd {
		float: none;
		width: 100%;
		clear: both;
		padding-top: 25px;
		padding-left: 0;
		border-top: 2px solid #e6e6e6;
		border-left: 0;
	}
	body .section.planArea .planBox .specArea dl dd ul li {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 5px;
	}
	body .section.planArea .planBox .txtsTtl {
		padding-left: 0px;
	}	
}

/* @media 667 START */
@media only screen and (max-width:667px) {

	/* section.planArea */
	body .section.planArea #planBlock .planNav ul li {
		width: 49%;
	}

	body .planTtl {
		-webkit-font-smoothing: antialiased;
		font-size: 20px;
		line-height: 34px;
		margin-bottom: 30px;
		text-align: center;
	}
	body .planComment {
		-webkit-font-smoothing: antialiased;
		font-size: 12px;
		line-height: 34px;
		margin-bottom: 30px;
		text-align: center;
	}
	
}