@charset "utf-8";

#content-area .in-box .att{
	width:100%;
	max-width: 976px;
	color:#333;
	padding:15px 0 0 0;
	font-size:0.688em !important;
	line-height:1.4 !important;
}
#content-area .in-box .att-r{
	width:100%;
	color:#333;
	padding:5px 0 0 0;
	text-align:right;
	font-size:0.688em !important;
	line-height:1.4 !important;
}

#content-area .in-box h2 {
	padding:40px 0 25px 0;
}

#content-area .in-box h2 span,
#content-area .in-box h3 span{
	display:none;
}
@media only screen and (max-width: 768px) {

	#content-area .in-box .att{
		padding:10px 0 0 0;
		font-size:0.613em !important;
	}
	#content-area .in-box .att-r{
		padding:5px 0 0 0;
		font-size:0.613em !important;
	}
	#content-area .in-box h2 {
		padding:20px 0 15px 0;
	}
	#content-area .in-box h2 img{
		display:none;
	}
	#content-area .in-box h2 span{
		display:block;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size:4.25vw;
		font-weight:400;
		line-height:1.5;
		color:#000000;
		padding:20px 0 10px 0;
	}
}
@media only screen and (max-width: 480px) {
	#content-area .in-box h2{
		padding:10px 0 5px 0;
	}
}

/*--------------------------
      concept settign
--------------------------*/
.concept#content-area{
	margin:0 auto 0 auto;
}
.concept#content-area .in-box figure{
	line-height: 0;
}
.concept#content-area #main-vis{
	width: 100%;
	padding:0 0 0 0;
	text-align: center;
	background: url(../../concept/img/main_vis.jpg) top center no-repeat;
	position: relative;
}

.concept#content-area #main-vis .in-box{
	width: 1000px;
	height: 100%;
	text-align: center;
	padding: 0 0 0 0;
	position: absolute;
	top:0;
	left:50%;
	margin: 0 0 0 -500px;
}

.concept#content-area #main-vis h3.copy{
	text-align: center;
	padding: 100px 0 60px 0;
	margin: 0 auto;
}
.concept#content-area #main-vis .txt{
	padding:0 0 40px 0;
	text-align: center;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size: 0.938em;
	color:#FFF;
	line-height: 2.0;
	text-shadow: 1px 1px 3px rgba(0,76,153,1.00),
				 -1px -1px 3px rgba(0,76,153,1.00),
				 0 0 4px rgba(0,76,153,1.00),
				 0 0 4px rgba(0,76,153,1.00);
}
.concept#content-area #main-vis .caption {
	width:auto;
	text-align: right;
	font-size: 0.750em;
	padding: 0 0 0 0;
	position:absolute;
	bottom:5px;
	right:5px;
	color:rgba(255,255,255,1.00);
	text-shadow: 0 0 3px rgba(0,0,0,0.50);
}


@media only screen and (max-width: 999px) {
	.concept#content-area #main-vis {
		background: none;
	}
	.concept#content-area #main-vis figure img{
		width: 100%;
	}
	.concept#content-area #main-vis .in-box{
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		margin: 0 0 0 0;
	}
	.concept#content-area #main-vis h3.copy {
		width:49.9%;
		padding: 10% 0 4% 0;
	}
	.concept#content-area #main-vis h3.copy img{
		width:100%;
	}

	.concept#content-area #main-vis .txt{
		padding:0 0 3% 0;
	}


}

@media only screen and (max-width: 760px) {
	.concept#content-area #main-vis .txt{
		padding:0 0 3% 0;
		font-size: 1.8;
		font-size: 2.3vw;
		line-height: 2.0;
	}
	.concept#content-area #main-vis .caption{
		width:auto;
		font-size:0.625rem;

	}
}

@media only screen and (max-width: 480px) {

}


/*--------------------------
      development settign
--------------------------*/

.development#content-area .in-box-wide{
	width:100%;
	margin:0 auto;
	padding:0;
}
.development#content-area .in-box-wide .header-image {
	overflow: hidden;
}
.development#content-area .in-box-wide .header-image img{
	width:100%;
}
.development#content-area .in-box-wide .header-image p.caption {
	width:auto;
	text-align: right;
	font-size: 0.750em;
	padding: 0 0 0 0;
	position:absolute;
	bottom:5px;
	right:5px;
	color:rgba(0,0,0,0.1.00);
	text-shadow: 0 0 3px rgba(255,255,255,50);
}
.development#content-area h3.copy {
	padding:50px 0 40px 0;
	text-align:center;
}

.development#content-area p.bcopy span {
	display:none;
}


.development#content-area .billImage {
	width:700px;
	margin:70px auto;
}
.development#content-area .billImage h4.copy {
	padding:0 0 20px 0;
	text-align:center;
}
.development#content-area .billImage figure {
	line-height:0;
	padding-bottom:2px;
}

.development#content-area .billOutline {
	width:100%;
	margin:50px 0 0 0;
	padding:20px;
	border:#C9C9C9 1px solid;
	box-sizing:border-box;
}
.development#content-area .billOutline h4.outline_copy {
	width:100%;
	padding-bottom:15px;
	border-bottom:#C9C9C9 1px solid;
}
.development#content-area .billOutline .dev-wrapper {
	margin:20px 0 15px 0;
}
.development#content-area .billOutline .dev-wrapper .deve_contentL {
	width:182px;
	float:left;
}
.development#content-area .billOutline  .dev-wrapper .deve_contentR {
	width:428px;
	float:right;
}

.development#content-area .topic {
	width:100%;
	padding:0 0 10px 0;
	background:#fcf5f3;
}
.development#content-area .topic_head {
	width:100%;
	padding:35px 0 26px 0;
	background:url(../../access/img/topic_head_bg.png) no-repeat;
}
.development#content-area .topic_head h3 {
	width:57.3%;
	margin:0 auto;
}
.development#content-area .topic_head h3 img {
	width:100%;
}
.development#content-area .topic_content_wrapper {
	width:91%;
	margin:0 auto 15px auto;
	padding:0 0 15px 0;
	border-bottom:#C9C9C9 1px solid;
	box-sizing:border-box;
}
.development#content-area .topic_content_wrapper_under {
	width:91%;
	margin:0 auto 15px auto;
	padding:0 0 15px 0;
	box-sizing:border-box;
}
.development#content-area .topic_contentL {
	width:48.571428571%;
	float:left;
	margin:0 0 0 0;
	box-sizing:border-box;
}
.development#content-area .topic_contentR {
	width:49.34065934%;
	float:right;
	margin:0 0 0 0;
	box-sizing:border-box;
}
.development#content-area .topic_contentR h5 {
	text-align:left;
	padding:15px 0 20px 0;
}
.development#content-area .topic_contentR h5 img {
	width:100%;
	max-width:403px;
}
.development#content-area .topic_contentR p {
	text-align:left;
	padding:0;
}
.development#content-area .topic_contentR p img {
	width:100%;
	max-width:449px;
}




@media only screen and (max-width: 999px) {
.development#content-area .topic_contentL img {
	width:100%;
}

}

@media only screen and (max-width: 860px) {
.development#content-area .topic {
	margin-top:50px;
}

}

@media only screen and (max-width: 760px) {
.development#content-area h3.copy {
	width:94.868421052%;
	padding:40px 0 30px 0;
	margin:0 auto;
}
.development#content-area h3 img {
	width:100%;
}

.development#content-area p.bcopy {
	width:98%;
	margin:0 auto;
	text-align:left;
}
.development#content-area p.bcopy img {
	display:none;
}
.development#content-area p.bcopy span{
	display:inline;
	font-size: 0.938em;
	line-height: 1.75;
	letter-spacing: 0.04em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.development#content-area .billImage {
	width:100%;
	max-width:700px;
	margin:50px auto;
}
.development#content-area .billImage h4.copy {
	padding:0 0 20px 0;
	text-align:center;
}
.development#content-area .billImage figure img {
	width:100%;
}

.development#content-area .billOutline {
	width:98%;
	margin:40px auto 0 auto;
}
.development#content-area .billOutline h4.outline_copy {
	padding-bottom:15px;
}
.development#content-area .billOutline .dev-wrapper {
	margin:20px 0 15px 0;
}
.development#content-area .billOutline .dev-wrapper .deve_contentL {
	width:100%;
	padding-bottom:15px;
	float:none;
	text-align:left;
}
.development#content-area .billOutline  .dev-wrapper .deve_contentR {
	width:100%;
	float:none;
	text-align:left;
}
.development#content-area .billOutline  .dev-wrapper .deve_contentR img {
	width:100%;
	max-width:428px;
}

.development#content-area .topic_head h3 {
	width:75.394736842%;
	margin:0 auto;
}
.development#content-area .topic_head h3 img {
	width:100%;
}
.development#content-area .topic_contentL {
	width:100%;
	max-width:442px;
	float:none;
	margin:0 auto;
	box-sizing:border-box;
}
.development#content-area .topic_contentL img{
	width:100%;
}
.development#content-area .topic_contentR {
	width:100%;
	max-width:449px;
	float:none;
	margin:0 auto;
	box-sizing:border-box;
}
.development#content-area .topic_contentR h5 {
	text-align:left;
	padding:15px 0 20px 0;
}
.development#content-area .topic_contentR p {
	text-align:left;
	padding:0;
}

}

@media only screen and (max-width: 480px) {
.development#content-area h3.copy {
	padding:30px 0 20px 0;
}

.development#content-area .topic_head h3 {
	width:80%;
	margin:0 auto;
}

}


/*--------------------------
      kamikumamoto settign
--------------------------*/

.kamikumamoto#content-area .in-box-wide{
	width:100%;
	margin:0 auto;
	padding:0;
}
.kamikumamoto#content-area .in-box-wide .header-image {
	overflow: hidden;
}
.kamikumamoto#content-area .in-box-wide .header-image img{
	width:100%;
}
.kamikumamoto#content-area .in-box-wide .header-image p.caption {
	width:auto;
	text-align: right;
	font-size: 0.750em;
	padding: 0 0 0 0;
	position:absolute;
	bottom:5px;
	right:5px;
	color:rgba(255,255,255,1.00);
	text-shadow: 0 0 3px rgba(0,0,0,0.50);
}
.kamikumamoto#content-area h3.copy {
	padding:50px 0 40px 0;
	text-align:center;
}

.kamikumamoto#content-area p.bcopy span {
	display:none;
}

.kamikumamoto#content-area .diagram {
	width:691px;
	margin:0 auto;
	padding:45px 0 50px 0;
}
.kamikumamoto#content-area .diagram img {
	width:100%;
}

.kamikumamoto#content-area .road {
	width:691px;
	margin:0 auto;
	padding:45px 0 50px 0;
}
.kamikumamoto#content-area .road img {
	width:100%;
}

.kamikumamoto#content-area .image-pics {
	width:100%;
	margin:0 auto;
	padding:45px 0 0 0;
}
.kamikumamoto#content-area .image-pics img {
	width:100%;
}
/*topics*/
.kamikumamoto#content-area .topic {
	width:100%;
	margin-top:70px;
	padding:0 0 10px 0;
	background:#fcf5f3;
}
.kamikumamoto#content-area .topic_head {
	width:100%;
	padding:35px 0 26px 0;
	background:url(../../access/img/topic_head_bg.png) no-repeat;
}
.kamikumamoto#content-area .topic_head h3 {
	width:45.6%;
	margin:0 auto;
}
.kamikumamoto#content-area .topic_head_second {
	width:92%;
	margin:0 auto;
	padding:5px 0;
	border-bottom:#1e7940 1px solid;
	border-top:#1e7940 1px solid;
}
.kamikumamoto#content-area .topic_head_second h4 {
	width:17.191%;
	margin:0 auto;
}
.kamikumamoto#content-area .topic_head h3 img,
.kamikumamoto#content-area .topic_head_second h4 img {
	width:100%;
}
.kamikumamoto#content-area .topic_content_wrapper {
	width:100%;
	padding:24px 0 0 0;
	box-sizing:border-box;
}
.kamikumamoto#content-area .topic_contentL {
	width:33.4%;
	float:left;
	margin:0 0 0 4%;
	box-sizing:border-box;
}
.kamikumamoto#content-area .topic_contentR {
	width:56%;
	float:right;
	margin:0 4% 0 0;
	box-sizing:border-box;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper {
	width:100%;
	margin-bottom:10px;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper ul li {
	width:32%;
	margin-right:2%;
	margin-bottom:2%;
	line-height:0;
	display: inline-block;
	float:left;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper ul li:last-child {
	margin-right:0;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper h4 {
	padding:9px 0;
	line-height:0;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper figure,
.kamikumamoto#content-area .topic_contentR .shops-wrapper p {
	padding:0;
	line-height:0;
}
.kamikumamoto#content-area .topic_contentR .other_shops {
}
.kamikumamoto#content-area .topic_contentR .other_shops .shop_ttl {
	width:20.178571428%;
	float:left;
}
.kamikumamoto#content-area .topic_contentR .other_shops .shops {
	width:77.857142857%;
	float:right;
}

.kamikumamoto#content-area .topic_contentL img,
.kamikumamoto#content-area .topic_contentR img {
	width:100%;
}

.kamikumamoto#content-area .pc {
	display:block;
}
.kamikumamoto#content-area .sp {
	display:none;
}


@media only screen and (max-width: 999px) {


}

@media only screen and (max-width: 760px) {
.kamikumamoto#content-area h3.copy {
	width:85.131578947%;
	padding:40px 0 30px 0;
	margin:0 auto;
}
.kamikumamoto#content-area h3 img {
	width:100%;
}
.kamikumamoto#content-area p.bcopy {
	width:98%;
	margin:0 auto;
	text-align:left;
}
.kamikumamoto#content-area p.bcopy img {
	display:none;
}
.kamikumamoto#content-area p.bcopy span{
	display:inline;
	font-size: 0.938em;
	line-height: 1.75;
	letter-spacing: 0.04em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.kamikumamoto#content-area .diagram {
	width:100%;
	margin:0 auto;
	padding:30px 1% 35px 1%;
	box-sizing:border-box;
}

.kamikumamoto#content-area .road {
	width:100%;
	margin:0 auto;
	padding:30px 1% 35px 1%;
	box-sizing:border-box;
}
/*topics*/
.kamikumamoto#content-area .topic {
	margin-top:70px;
	padding:0 0 10px 0;
}
.kamikumamoto#content-area .topic_head {
	padding:35px 0 26px 0;
}
.kamikumamoto#content-area .topic_head h3 {
	width:60.210526315%;
	margin:0 auto;
}

.kamikumamoto#content-area .topic_head_second h4 {
	width:22.619736842%;
	margin:0 auto;
}
.kamikumamoto#content-area .topic_content_wrapper {
	padding:24px 0 0 0;
}
.kamikumamoto#content-area .topic_contentL {
	width:92%;
	margin:0 auto;
	padding-bottom:30px;
	float:none;
}
.kamikumamoto#content-area .topic_contentR {
	width:92%;
	margin:0 auto;
	float:none;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper {
	width:100%;
	margin-bottom:10px;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper ul li {
	width:100%;
	margin-right:0;
	margin-bottom:30px;
	line-height:0;
	display: inline-block;
	float:none;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper ul li:last-child {
	margin-right:0;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper h4 {
	padding:9px 0;
	line-height:0;
}
.kamikumamoto#content-area .topic_contentR .shops-wrapper figure,
.kamikumamoto#content-area .topic_contentR .shops-wrapper p {
	padding:0;
	line-height:0;
}
.kamikumamoto#content-area .topic_contentR .other_shops {
}
.kamikumamoto#content-area .topic_contentR .other_shops .shop_ttl {
	width:20.178571428%;
	float:left;
}
.kamikumamoto#content-area .topic_contentR .other_shops .shops {
	width:77.857142857%;
	float:right;
}

.kamikumamoto#content-area .pc {
	display:none;
}
.kamikumamoto#content-area .sp {
	display:block;
}


}

@media only screen and (max-width: 480px) {
.kamikumamoto#content-area .topic_head h3 {
	width:60.210526315%;
	margin:0 auto;
}

.kamikumamoto#content-area .topic_head_second h4 {
	width:37.37173913%;
	margin:0 auto;
}
}

/*--------------------------
      access settign
--------------------------*/

.access#content-area .in-box-wide{
	width:100%;
	margin:0 auto;
	padding:0;
}
.access#content-area .in-box-wide .header-image {
	overflow: hidden;
}
.access#content-area .in-box-wide .header-image img{
	width:100%;
}
.access#content-area .in-box-wide .header-image p.caption {
	width:auto;
	text-align: right;
	font-size: 0.750em;
	padding: 0 0 0 0;
	position:absolute;
	bottom:5px;
	right:5px;
	color:rgba(255,255,255,1.00);
	text-shadow: 0 0 3px rgba(0,0,0,0.50);
}
.access#content-area h3.copy {
	padding:50px 0 40px 0;
	text-align:center;
}


.access#content-area p.bcopy span {
	display:none;
}

.access#content-area .route {
	width:920px;
	margin:0 auto;
	padding:45px 0 50px 0;
}
.access#content-area .route img {
	width:100%;
}
.access#content-area .image-pics {
	width:100%;
	margin:0 auto;
	padding:45px 0 0 0;
}
.access#content-area .image-pics img {
	width:100%;
}

.access#content-area .pc {
	display:block;
}
.access#content-area .sp {
	display:none;
}

.access#content-area .topic {
	width:100%;
	margin-top:70px;
	padding:0 0 10px 0;
	background:#fcf5f3;
}
.access#content-area .topic_head {
	width:100%;
	padding:35px 0 26px 0;
	background:url(../../access/img/topic_head_bg.png) no-repeat;
}
.access#content-area .topic_head h3 {
	width:61.22%;
	margin:0 auto;
}
.access#content-area .topic_head h3 img {
	width:100%;
}
.access#content-area .topic_copy {
	width:92.3%;
	margin:0 auto;
	padding:0 0 20px 0;
}
.access#content-area .topic_copy img {
	width:100%;
}
.access#content-area .topic_content_wrapper {
	width:100%;
	padding:0;
	box-sizing:border-box;
}
.access#content-area .topic_contentL {
	width:43.4%;
	float:left;
	margin:0 0 0 4%;
	box-sizing:border-box;
}
.access#content-area .topic_contentR {
	width:45.4%;
	float:right;
	margin:0 4% 0 0;
	box-sizing:border-box;
}
.access#content-area .topic_contentR .pics-wrapper {
	width:100%;
	margin:7px 0 0 0;
	box-sizing:border-box;
}
.access#content-area .topic_contentR .pics-wrapper ul {

}
.access#content-area .topic_contentR .pics-wrapper ul li {
	width:31%;
	margin-right:2%;
	margin-bottom:2%;
	line-height:0;
	display: inline-block;
}
.access#content-area .topic_contentR .pics-wrapper ul li:nth-child(3n) {
	margin-right:0;
}

.access#content-area .topic_contentL img,
.access#content-area .topic_contentR img {
	width:100%;
}


.access#content-area .dmy {
	width:100%;
	padding:70px 0 0 0;
}
.access#content-area .dmy img {
	width:100%;
}


.access#content-area .clm2wrap{
	overflow: hidden;
	margin-top: 60px;
	padding: 60px 85px 15px;
	border-top: 1px solid #555;
}
.access#content-area .clm2wrap img{
	width: auto;
}
.access#content-area .clm2wrap .clm-txt{
	float: left;
	width: calc(100% - 410px);
	text-align: left;
}
.access#content-area .clm2wrap .clm-txt h4{
	margin: 10px 0 40px;
}
.access#content-area .clm2wrap .clm-img{
	float: right;
	width: 410px;
}

.access#content-area .concept-wrap{
	margin: 100px 50px 0;
	padding: 50px 35px;
	background: url(/mjr/kamikumamoto/access/img/cont_bg_01.png) #fcfaf6 no-repeat left top;
	background-size: 100% auto;
}
.access#content-area .concept-wrap .concept-wrap-in{
	display: flex;
	align-items: center;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #555;
}
.access#content-area .concept-wrap .concept-wrap-in:first-of-type{
	border-top: 0;
}
.access#content-area .concept-wrap .concept-wrap-in .img img{
	width: 100%;
}
.access#content-area .concept-wrap .concept-wrap-in .txt{
	padding-left: 20px;
}
.access#content-area .concept-wrap .concept-wrap-in .txt img{
	width: 100%;
}


@media only screen and (max-width: 1120px) {
	.access#content-area .clm2wrap{
		padding: 60px 7% 15px;
	}
	.access#content-area .clm2wrap img{
		width: 100%;
	}
	.access#content-area .clm2wrap .clm-txt{
		width: 53%;
	}
	.access#content-area .clm2wrap .clm-img{
		width: 43%;
	}
}


@media only screen and (max-width: 959px) {
.access#content-area .route {
	width:100%;
	margin:0 auto;
	padding:30px 1% 35px 1%;
	box-sizing:border-box;
}
}

@media only screen and (max-width: 860px) {
.access#content-area .topic {
	margin-top:50px;
}
.access#content-area .topic_head h3 {
	width:71.22%;
	margin:0 auto;
}
.access#content-area .topic_copy {
	width:85%;
}
.access#content-area .topic_content_wrapper {
	width:85%;
	margin:0 auto;
}
.access#content-area .topic_contentL {
	width:100%;
	float:none;
	margin:0 0 0 0;
}
.access#content-area .topic_contentR {
	width:100%;
	float:none;
	margin:10px 0 0 0;
}
.access#content-area .topic_contentR .pics-wrapper {
	width:100%;
	margin:7px 0 0 0;
	box-sizing:border-box;
}

.access#content-area .topic_contentR .pics-wrapper ul li {
	width:31%;
	margin-right:2%;
	margin-bottom:2%;
	line-height:0;
	display: inline-block;
}
.access#content-area .topic_contentR .pics-wrapper ul li:nth-child(3n) {
	margin-right:0;
}

.access#content-area .pc {
	display:none;
}
.access#content-area .sp {
	display:block;
}

}

@media only screen and (max-width: 760px) {
.access#content-area h3.copy {
	width:94.868421052%;
	padding:40px 0 30px 0;
	margin:0 auto;
}
.access#content-area h3 img {
	width:100%;
}

.access#content-area p.bcopy {
	width:98%;
	margin:0 auto;
	text-align:left;
}
.access#content-area p.bcopy img {
	display:none;
}
.access#content-area p.bcopy span{
	display:inline;
	font-size: 0.938em;
	line-height: 1.75;
	letter-spacing: 0.04em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.access#content-area .topic_contentR .pics-wrapper ul li {
	width:100%;
	margin-right:0;
	margin-bottom:10px;
}

.access#content-area .dmy {
	width:100%;
	padding:40px 0 0 0;
}


.access#content-area .clm2wrap{
	margin-top: 40px;
	padding: 40px 3% 15px;
}
.access#content-area .clm2wrap .clm-txt{
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
.access#content-area .clm2wrap .clm-txt h4{
	margin: 0 0 30px;
}
.access#content-area .clm2wrap .clm-img{
	float: none;
	width: 100%;
}
.access#content-area .outline-img{
	padding: 0 3%;
}
.access#content-area .outline-img img{
	width: 100%;
}

.access#content-area .concept-wrap{
	margin: 50px 3% 0;
	padding: 6%;
}
.access#content-area .concept-wrap h4 img{
	width: 100%;
}
.access#content-area .concept-wrap .concept-wrap-in{
	display: block;
}
.access#content-area .concept-wrap .concept-wrap-in .txt{
	margin-top: 15px;
	padding-left: 0;
}

}

@media only screen and (max-width: 480px) {
.access#content-area h3.copy {
	padding:30px 0;
}
}


/*--------------------------
      sss settign
--------------------------*/

.sss#content-area .in-box-wide{
	width:100%;
	margin:0 auto;
	padding:0;
}
.sss#content-area .in-box-wide .header-image {
	overflow: hidden;
}
.sss#content-area .in-box-wide .header-image img{
	width:100%;
}
.sss#content-area .in-box-wide .header-image p.caption {
	width:auto;
	text-align: right;
	font-size: 0.750em;
	padding: 0 0 0 0;
	position:absolute;
	bottom:5px;
	right:5px;
	color:rgba(0,0,0,0.1.00);
	text-shadow: 0 0 3px rgba(255,255,255,50);
}

.sss#content-area h3.copy {
	padding:50px 0 40px 0;
	text-align:center;
}

.sss#content-area p.bcopy span {
	display:none;
}

/*sss image set*/
.sss#content-area .sss-images{
	width: 100%;
	padding: 70px 0 50px 0;
}
.sss#content-area .sss-images li{
	width: auto;
	padding: 0 1px 1px 0;
	line-height: 0;
	float: left;
	position: relative;
}
.sss#content-area .sss-images li p.att{
	width:auto;
	text-align: right;
	padding: 0 0 0 0;
	position:absolute;
	bottom:5px;
	right:5px;
	color:rgba(255,255,255,1.00);
	text-shadow: 0 0 3px rgba(0,0,0,0.50);
}
.sss#content-area .sss-images li:nth-child(2){
	padding: 0 0 1px 0;
}
.sss#content-area .sss-images li:nth-child(5){
	padding: 0 0 1px 0;
}
/*sss image set*/

/*sss style*/
.sss#content-area .select,
.sss#content-area .original {
	padding-bottom:50px;
}
.sss#content-area .select h3,
.sss#content-area .original h3 {
	width:100%;
	padding-bottom:5px;
	margin-bottom:30px;
	border-bottom:1px #006833 solid;
	text-align:left;
}
.sss#content-area .select .selectL {
	width:48.4%;
	border-right:1px #CCC solid;
	box-sizing:border-box;
	float:left;
}
.sss#content-area .select .selectR {
	width:51.5%;
	box-sizing:border-box;
	float:right;
}
.sss#content-area .select .selectL h4 {
	padding:0 0 15px 0;
	text-align:left;
}
.sss#content-area .select .selectR h4 {
	padding:0 0 15px 8.54368932%;
	text-align:left;
}
.sss#content-area .select .selectL ul {
	width:97.520661157%;
}
.sss#content-area .select .selectL ul li {
	width: 42.3553719%;
	padding: 0 6.404958677% 20px 0;
	line-height: 0;
	float: left;
}
.sss#content-area .select .selectR ul {
	width:91.456310679%;
	padding:0 0 0 8.54368932%;
}
.sss#content-area .select .selectR ul li {
	width: 100%;
	line-height: 0;
}
.sss#content-area .select .selectL ul li img,
.sss#content-area .select .selectR ul li img {
	width: 100%;
}

.sss#content-area .original p.copy {
	text-align:left;
	padding-bottom:15px;
}
.sss#content-area .original figure.jp,
.sss#content-area .original figure.we {
	width:46%;
	float:left;
}
.sss#content-area .original figure.jp img,
.sss#content-area .original figure.we img {
	width:100%;
}
.sss#content-area .original .arrow {
	width:8%;
	height:205px;
	position: relative;
	float:left;
}
.sss#content-area .original .arrow img {
 	position: absolute;
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
 	margin: auto;
}

.sss#content-area .original .arrow img.sp {
	display:none;
}
/*sss style*/

@media only screen and (max-width: 999px) {
	.sss#content-area  p.bcopy {
		width:92.192192192%;
		margin:0 auto;
	}
	.sss#content-area  p.bcopy img {
		width:100%;
	}

/*sss image set*/
	.sss#content-area .sss-images{
		width: 100%;
	}
	.sss#content-area .sss-images li{
		width: 100%;
		padding: 0 0.1% 1px 0;
		box-sizing: border-box;
	}
	.sss#content-area .sss-images li img{
		width: 100%;
	}
	.sss#content-area .sss-images li:nth-child(1){
		width: 48.5%;
	}
	.sss#content-area .sss-images li:nth-child(2){
		width: 51.4%;
		padding: 0 0 1px 0;
	}
	.sss#content-area .sss-images li:nth-child(3){
		width: 33.2%;
	}
	.sss#content-area .sss-images li:nth-child(4){
		width: 33.3%;
	}
	.sss#content-area .sss-images li:nth-child(5){
		width: 33.3%;
		padding: 0 0 1px 0;
	}
/*sss image set*/

}

@media only screen and (max-width: 760px) {
	.sss#content-area h3.copy {
		padding:40px 0 30px 0;
		margin:0 auto;
	}
	.sss#content-area p.bcopy{
		width:98%;
		margin:0 auto;
		text-align:left;
	}
	.sss#content-area p.bcopy img {
		display:none;
}
	.sss#content-area p.bcopy span{
		display:inline;
		font-size: 0.938em;
		line-height: 1.75;
		letter-spacing: 0.04em;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

	.sss#content-area .original .arrow {
		height:160px;
	}


}

@media only screen and (max-width: 510px) {
	.sss#content-area h3.copy {
		width:98%;
	}
	.sss#content-area h3.copy img {
		width:100%;
	}

	/*sss style*/
	.sss#content-area .select,
	.sss#content-area .original {
		padding-bottom:30px;
	}
	.sss#content-area .select h3,
	.sss#content-area .original h3 {
		padding-bottom:5px;
		margin-bottom:15px;
	}
	.sss#content-area .select .selectL {
		width:100%;
		border-right:none;
		float:none;
	}
	.sss#content-area .select .selectR {
		width:100%;
		float:none;
	}
	.sss#content-area .select .selectL h4,
	.sss#content-area .select .selectR h4 {
		padding:0 0 15px 0;
		text-align:left;
	}
	.sss#content-area .select .selectL ul {
		width:100%;
	}
	.sss#content-area .select .selectL ul li {
		width: 48%;
		padding: 0 4% 20px 0;
		line-height: 0;
		float: left;
	}
	.sss#content-area .select .selectL ul li:nth-child(2n) {
		padding: 0 0 20px 0;
	}
	.sss#content-area .select .selectR ul {
		width:100%;
		padding:0 0 0 0;
	}

	.sss#content-area .original p.copy {
		text-align:left;
		padding-bottom:15px;
	}

	.sss#content-area .original figure.jp {
		width:100%;
		padding-bottom:15px;
		float:none;
	}
	.sss#content-area .original figure.we {
		width:100%;
		padding-top:25px;
		float:none;
	}
	.sss#content-area .original .arrow {
		width:100%;
		height:auto;
		float:none;
	}
	.sss#content-area .original .arrow img.pc {
	display:none;
	}
	.sss#content-area .original .arrow img.sp {
	display:block;
	}
	/*sss style*/

}

@media only screen and (max-width: 480px) {
	.sss#content-area h3.copy {
		padding:30px 0 20px 0;
	}

/*sss image set*/
	.sss#content-area .sss-images{
		width: 100%;
		padding: 30px 0 30px 0;
	}
	.sss#content-area .sss-images li{
		width: 100%;
		padding: 0 0 1px 0;
	}
	.sss#content-area .sss-images li img{
		width: 100%;
	}
	.sss#content-area .sss-images li:nth-child(1),
	.sss#content-area .sss-images li:nth-child(2),
	.sss#content-area .sss-images li:nth-child(3),
	.sss#content-area .sss-images li:nth-child(4){
		width: 100%;
		padding: 0 0 1px 0;
	}
	.sss#content-area .sss-images li:nth-child(5){
		width: 100%;
		padding: 0;
	}
	.sss#content-area .original h3 img {
		width: 100%;
	}
	.sss#content-area .original p.copy img {
			width: 100%;
	}
/*sss image set*/

}




/*--------------------------
      location settign
--------------------------*/
.location#content-area #map{
	width:100%;
	padding:0 0 50px 0;
}
.location#content-area h3.copy{
	padding:0 0 45px 0;
	text-align:center;
}
.location#content-area h3.pic-ttl{
	width:100%;
	margin:0 auto 15px 0;
	text-align: center;
	padding:8px 0 8px 0;
	background:#006339;
}
.location#content-area .boxL{
	width:490px;
	float:left;
}
.location#content-area .boxR{
	width:490px;
	float:right;
}
.location#content-area ul.ph-unit{
	width:100%;
	margin:0 auto;
	padding:0 0 40px 0;
}
.location#content-area ul.ph-unit li{
	width:235px;
	float:left;
	padding:0 20px 0 0;
	position:relative;
}
.location#content-area ul.ph-unit li img{
	width:100%;
}
.location#content-area ul.ph-unit li.fix{
	padding:0 0 0 0;
}
.location#content-area ul.ph-unit li figure{
	padding:0 0 6px 0;
}
.location#content-area ul.ph-unit li figcaption{
	text-align:left;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:0.75em;
	line-height: 1.4;
}

.location#content-area #lifeinfo{
	width:100%;
	margin:0 auto;
	padding:0 0 0 0;
	text-align:left;
}
.location#content-area #lifeinfo div.unitW{
	float:left;
}
.location#content-area #lifeinfo div.unitWR{
	float:right;
}
.location#content-area #lifeinfo div.unit{
	width:475px;
	padding:0 0 25px 0;
}
.location#content-area #lifeinfo div.unit h5{
	font-size:0.875em;
	font-weight:bold;
	padding:0 0 10px 0;
	margin: 0 0 10px 0;
	color:#333333 ;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	border-bottom: #006339 1px solid;
}
.location#content-area #lifeinfo div.unit dl{
	width:100%;
}
.location#content-area #lifeinfo div.unit dl dt{
	width:auto;
	float:left;
	font-size:0.813em;
	padding:8px 0;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.location#content-area #lifeinfo div.unit dl p{
	font-size:10px;
	line-height:1.2;
}
.location#content-area #lifeinfo div.unit dl dd{
	padding:8px 0 8px 120px;
	font-size:0.813em;
	text-align:right;
	border-bottom:#E8E7E7 1px solid;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.location#content-area #att-area .att {
	color:#262626;
}
@media only screen and (max-width: 999px) {
	.location#content-area #map{
		width:100%;
		padding:0 0 40px 0;
	}
	.location#content-area #map img{
		width:100%;
	}
	.location#content-area ul.ph-unit{
		width:100%;
		margin:0 auto;
		padding:0 0 30px 0;
	}
	.location#content-area ul.ph-unit li{
		width:23.5%;
		float:left;
		padding:0 2% 15px 0;
		position:relative;
	}
	.location#content-area ul.ph-unit li figure{
		width:100%;
		padding:0 0 6px 0;
	}
	.location#content-area ul.ph-unit li figure img{
		width:100%;
	}
	.location#content-area ul.ph-unit li{
		width:23.5%;
		float:left;
		padding:0 2% 15px 0;
		position:relative;
	}
	.location#content-area ul.ph-unit li figure{
		width:100%;
		padding:0 0 6px 0;
	}
	.location#content-area ul.ph-unit li figure img{
		width:100%;
	}
	.location#content-area .boxL{
		width: 49%;
	}
	.location#content-area .boxR{
		width: 49%;
	}
	.location#content-area .boxL ul.ph-unit li,
	.location#content-area .boxR ul.ph-unit li{
		width:47.959183673%;
		margin:0 auto;
		padding:0 4.081632653% 30px 0;
	}
	.location#content-area .boxL ul.ph-unit li.fix,
	.location#content-area .boxR ul.ph-unit li.fix{
		padding:0 0 30px 0;
	}
	.location#content-area #lifeinfo div.unitW,
	.location#content-area #lifeinfo div.unitWR{
		width:48%;
	}
	.location#content-area #lifeinfo div.unit{
		width:100%;
		padding:0 0 25px 0;

	}
	.location#content-area #lifeinfo div.unit dl dd{
		padding:8px 0 8px 140px;
	}
}
@media only screen and (max-width: 760px) {
	.location#content-area h3.copy {
		width:98%;
		margin:0 auto;
	}
	.location#content-area h3.copy img{
		width:100%;
	}
	.location#content-area .boxL{
		width: auto;
		float: none;
	}
	.location#content-area .boxR{
		width: auto;
		float: none;
	}
	.location#content-area ul.ph-unit{
		width:100%;
		margin:0 auto;
		padding:0 0 30px 0;
	}
	.location#content-area ul.ph-unit li,
	.location#content-area .boxL ul.ph-unit li,
	.location#content-area .boxR ul.ph-unit li{
		width:49%;
		float:left;
		padding:0 2% 20px 0;
		position:relative;
	}
	.location#content-area ul.ph-unit li:nth-child(2n+2){
		padding:0 0 20px 0;
	}
	.location#content-area ul.ph-unit li:nth-child(3n+3){
		padding:0 2% 20px 0 !important;
	}
	.location#content-area ul.ph-unit li.fix{
		padding:0 0 20px 0;
	}
	.location#content-area ul.ph-unit li figcaption{
		font-size:0.75rem;
	}
	.location#content-area #lifeinfo div.unitW,
	.location#content-area #lifeinfo div.unitWR{
		width:100%;
		float:none;
	}
	.location#content-area #lifeinfo div.unit{
		width:100%;
		padding:0 0 25px 0;
	}
	.location#content-area #lifeinfo div.unit h5{
		font-size:0.875rem;
	}
	.location#content-area #lifeinfo div.unit dl{
		width:100%;
	}
	.location#content-area #lifeinfo div.unit dl dt{
		width:auto;
		float:left;
		font-size:0.813em;
		padding:8px 0;
	}
	.location#content-area #lifeinfo div.unit dl p{
		font-size:10px;
		line-height:1.2;
	}
	.location#content-area #lifeinfo div.unit dl dd{
		padding:8px 0 8px 120px;
		font-size:0.813em;
		text-align:right;
		border-bottom:#C0C0C0 1px solid;
	}
	.location#content-area #att-area .att {
		color:#262626;
	}

}
@media only screen and (max-width: 480px) {
	.location#content-area h3{
		width:100%;
		margin:0 auto;
		text-align: left;
		padding:0 0 20px 0;
	}

	.location#content-area #att-area .att {
		color:#262626;
	}

}

/*--------------------------
      design settign
--------------------------*/

.design#content-area{
}

.design#content-area #mainImage{
	width: auto;
	max-width: 1400px;
	margin: 0 auto;
}

.design#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	margin: 0 10px 0 0;
}
.design#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	width: 190px;
}


@media only screen and (max-width: 1400px) {

	.design#content-area #mainImage img{
		width: 100%;
	}

}
@media only screen and (max-width: 999px) {

	.design#content-area #mainImage{
		margin: 0 auto;
	}
	.design#content-area #mainImage img{
		width: 100%;
	}
	.design#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
		width: 20.00% !important;
		margin: 0 0.5% 0 0.5%;
		box-sizing: border-box;
	}
	.design#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled a:last-child{
		margin: 0 0.5% 0 0.5%;
	}

}


/*--------------------------
      public settign
--------------------------*/

.public#content-area{
}
.public#content-area h3.copy {
	padding:20px 0 40px 0;
	text-align:center;
}
.public#content-area p.bcopy {
	padding:0 0 60px 0;
}
.public#content-area p.bcopy span {
	display:none;
}

.public#content-area #landplan_diagram {
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:1140px;
	line-height:0;
}
.public#content-area #landplan_diagram img {
	width:100%;
}
.public#content-area #landplan_diagram img.pc {
	display:block;
}
.public#content-area #landplan_diagram img.sp {
	display:none;
}

.public#content-area .landplan_txt {
	padding:0 0 60px 0;
}
.public#content-area .landplan_txt .txtbox {
	width:22%;
	float:left;
	margin:0 4% 0 0;
	box-sizing:border-box;
}
.public#content-area .landplan_txt .txtbox_end {
	width:22%;
	float:left;
	margin:0 0 0 0;
	box-sizing:border-box;
}
.public#content-area .landplan_txt p {
	padding: 10px 0 0 0;
}
.public#content-area .landplan_txt h4 span,
.public#content-area .landplan_txt p span {
	display:none;
}
.public#content-area .landplan_txt h4 img,
.public#content-area .landplan_txt p img {
	width:100%;
}

.public#content-area #mainImage{
	width: auto;
	max-width: 1400px;
	margin: 0 auto;
}

.public#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	margin: 0 10px 0 0;
}
.public#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	width: 190px;
}


@media only screen and (max-width: 1400px) {

	.public#content-area #mainImage img{
		width: 100%;
	}

}
@media only screen and (max-width: 999px) {

	.public#content-area #mainImage{
		margin: 0 auto;
	}
	.public#content-area #mainImage img{
		width: 100%;
	}
	.public#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
		width: 20.00% !important;
		margin: 0 0.5% 0 0.5%;
		box-sizing: border-box;
	}
	.public#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled a:last-child{
		margin: 0 0.5% 0 0.5%;
	}

}

@media only screen and (max-width: 760px) {
	.public#content-area h3.copy {
		width:63.421052631%;
		padding:10px 0 20px 0;
		margin:0 auto;
	}
	.public#content-area h3 img {
		width:100%;
	}
	.public#content-area p.bcopy {
		width:98%;
		margin:0 auto;
		padding:0 0 30px 0;
		text-align:left;
	}
	.public#content-area p.bcopy img {
		display:none;
	}
	.public#content-area p.bcopy span{
		display:inline;
		font-size: 0.938em;
		line-height: 1.75;
		letter-spacing: 0.04em;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}

	.public#content-area .landplan_txt {
		padding:0 0 40px 0;
	}
	.public#content-area .landplan_txt .txtbox {
		width:23.5%;
		float:left;
		margin:0 1.5% 0 0;
		box-sizing:border-box;
	}
	.public#content-area .landplan_txt .txtbox_end {
		width:24%;
		float:left;
		margin:0 0 0 0;
		box-sizing:border-box;
}

}

@media only screen and (max-width: 480px) {
	.public#content-area h3.copy {
		width:70%;
	}
	.public#content-area #landplan_diagram img.pc {
		display:none;
	}
	.public#content-area #landplan_diagram img.sp {
		display:block;
	}
	.public#content-area .landplan_txt {
		padding:5px 0 30px 0;
	}
	.public#content-area .landplan_txt .txtbox,
	.public#content-area .landplan_txt .txtbox_end {
		width:90%;
		margin:0 auto;
		padding:15px 0 0 0;
		float:none;
	}
	.public#content-area .landplan_txt h4 {
		background:#060;
		padding:10px auto;
		color:#fff;
		line-height: 1.75;
		letter-spacing: 0.04em;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	.public#content-area .landplan_txt p {
		text-align:left;
	}
	.public#content-area .landplan_txt h4 span,
	.public#content-area .landplan_txt p span {
		display:block;
	}
	.public#content-area .landplan_txt h4 img,
	.public#content-area .landplan_txt p img {
		display:none;
	}

}



/*--------------------------
      residence settign
--------------------------*/

.residence#content-area{
}
.residence#content-area .in-box{
	padding:0 0 0 0;
}
.residence#content-area #mainImage{
	width: auto;
	max-width: 1400px;
	margin: 60px auto 0 auto;
}

.residence#content-area .att{
	padding: 30px 0 0 0;
	color: #252525;
}

@media only screen and (max-width: 1400px) {

	.residence#content-area img{
		width: 100%;
	}

}
@media only screen and (max-width: 999px) {

	.residence#content-area #mainImage{
		margin: 40px auto 0 auto;
	}
	.residence#content-area img{
		width: 100%;
	}

}


/*--------------------------
      landplan settign
--------------------------*/
.landplan#content-area h3.copy {
	padding:30px 0;
	text-align:center;
}

.landplant#content-area .landscapeImage {
	width:100%;
	margin:0 auto;
}
.landplan#content-area .landscapeImage figure {
	line-height:0;
}
.landplan#content-area .landscapeImage figure img {
	width:100%;
}

.landplan#content-area .text-unit {
	width:100%;
	margin:50px 0 0 0;
	padding:0;
	box-sizing:border-box;
}
.landplan#content-area .texts-wrapper {
	margin:0 0 45px 0;
	text-align:left;
}
.landplan#content-area .texts-wrapper .text_contentL {
	width:47.5%;
	float:left;
	box-sizing:border-box;
}

.landplan#content-area .texts-wrapper .text_contentR {
	width:47.5%;
	float:right;
	box-sizing:border-box;
}
.landplan#content-area .texts-wrapper h4 {
	padding:0 0 20px 0;
}

.landplan#content-area .texts-wrapper .text_contentL img,
.landplan#content-area .texts-wrapper .text_contentR img {
	width:100%;
}
.landplan#content-area .texts-wrapper h4.wide {
	width:47.5%;
}
.landplan#content-area .texts-wrapper h4.wide img {
	width:100%;
}
.landplan#content-area .texts-wrapper p.wide img {
	width:100%;
}
.landplan#content-area .texts-wrapper .pc{
	display:block;
}
.landplan#content-area .texts-wrapper .sp{
	display:none;
}

.landplan#content-area .plant-pics {
	width:100%;
}
.landplan#content-area .plant-pics ul {
	width:100%;
}
.landplan#content-area .plant-pics ul li {
	width:19.2%;
	float:left;
	padding:0 1% 1% 0;
	line-height:0;
}
.landplan#content-area .plant-pics ul li img {
	width:100%;
}
.landplan#content-area .plant-pics ul li:nth-child(5n) {
	padding:0 0 10px 0;
}


@media only screen and (max-width: 760px) {
.landplan#content-area h3.copy {
	padding:0 0 20px 0;
}

.landplan#content-area .text-unit {
	width:475px;
	margin:50px auto;
	padding:0;
	box-sizing:border-box;
}
.landplan#content-area .texts-wrapper .text_contentL {
	width:100%;
	float:none;
	box-sizing:border-box;
}

.landplan#content-area .texts-wrapper .text_contentR {
	width:100%;
	float:none;
	box-sizing:border-box;
}
.landplan#content-area .texts-wrapper h4 {
	padding:0 0 20px 0;
}

.landplan#content-area .texts-wrapper .text_contentL img,
.landplan#content-area .texts-wrapper .text_contentR img {
	width:100%;
}
.landplan#content-area .texts-wrapper h4.wide {
	width:100%;
}
.landplan#content-area .texts-wrapper h4.wide img {
	width:100%;
}
.landplan#content-area .texts-wrapper p.wide img {
	width:100%;
}
.landplan#content-area .texts-wrapper .pc{
	display:none;
}
.landplan#content-area .texts-wrapper .sp{
	display:block;
}

.landplan#content-area .plant-pics ul li {
	width:24.210526315%;
	float:left;
	padding:0 1% 1% 0;
	line-height:0;
}
.landplan#content-area .plant-pics ul li img {
	width:100%;
}
.landplan#content-area .plant-pics ul li:nth-child(5n) {
	padding:0 1% 1% 0;
}

.landplan#content-area .plant-pics ul li:nth-child(4n) {
	padding:0 0 1% 0;
}

}

@media only screen and (max-width: 480px) {
.landplan#content-area h3.copy {
	width:95%;
	padding:0 0 20px 0;
	margin:0 auto;
}
.landplan#content-area h3 img {
	width:100%;
}

.landplan#content-area .plant-pics ul li {
	width:49%;
	float:left;
	padding:0 1% 1% 0;
	line-height:0;
}
.landplan#content-area .plant-pics ul li img {
	width:100%;
}
.landplan#content-area .plant-pics ul li:nth-child(5n),
.landplan#content-area .plant-pics ul li:nth-child(4n) {
	padding:0 1% 1% 0;
}

.landplan#content-area .plant-pics ul li:nth-child(2n) {
	padding:0 0 1% 0;
}


}

@media only screen and (max-width: 475px) {
.landplan#content-area .text-unit {
	width:98%;
}

}


/*--------------------------
      value settign
--------------------------*/

.value#content-area{
}

.value#content-area h2{
	padding:0 0 25px 0;
	margin: 0 0 45px 0;
	text-align: left;
	border-bottom: #D3D1D0 1px solid;
}
.value#content-area h3{
	padding:0 0 45px 0;
	text-align: center;
}

.value#content-area .txt{
	padding:0 0 45px 0;
	text-align: center;
	font-size: 1.00em;
}


.value#content-area p{
	padding:0 0 45px 0;
	text-align: left;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size: 0.875em;
	line-height: 2.0;
}

.value#content-area #tyoukan{
	width: 100%;
	padding:0 0 0 0;
	text-align: center;
	background: url(../../value/img/tori.jpg) top center no-repeat;
	position: relative;
}

.value#content-area #tyoukan .in-box{
	width: 1000px;
	height: 100%;
	text-align: center;
	padding: 0 0 0 0;
	position: absolute;
	top:0;
	left:50%;
	margin: 0 0 0 -500px;
}
.value#content-area #tyoukan .logo{
	text-align: center;
	padding: 132px 0 73px 0;
	margin: 0 auto;
}
.value#content-area #tyoukan .txt{
	padding:0 0 0 0;
	margin: 0 auto;
}

.value#content-area #tyoukan .pc{
}
.value#content-area #tyoukan .sp{
	display: none;
}
.value#content-area p.att-t{
	padding:10px 0 80px 0;
	color:#000000;
	font-size:10px;
	text-align:left;
	width: 1000px;
	margin: 0 auto;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.4;
}
.value#content-area p.att{
	color:#000000;
	padding:50px 0 0 0;
	font-size:10px !important;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}


.value#content-area .access{
	padding: 45px 0 40px 0;
}
.value#content-area #photo-area{
	padding: 0 0 15px 0;
}
.value#content-area #photo-area .left-l{
	padding: 0 0 0 0;
	float:left;
}
.value#content-area #photo-area .right-l{
	padding: 0 0 0 0;
	float:right;
}
.value#content-area #photo-area .left-s{
	padding: 0 0 0 0;
	float:left;
	clear: left;
}
.value#content-area #photo-area .right-s{
	padding: 0 0 0 0;
	float:right;
}
.value#content-area #photo-area figure{
	padding: 0 0 5px 0;
	line-height: 0;
}

.value#content-area #zenkoku{
	padding:90px 0 0 0;
}

.value#content-area #zenkoku .unit{
	width: 33.33%;
	min-height: 590px;
	text-align: left;
	float: left;
}
.value#content-area #zenkoku #access{
	background: #435E85;
}
.value#content-area #zenkoku #natural{
	background: #91BEA7;
}
.value#content-area #zenkoku #education{
	background: #CDC090;
}

.value#content-area #zenkoku .unit figure{
	width: 100%;
	padding: 0 0 30px 0;
}
.value#content-area #zenkoku .unit figure img{
	width: 100%;
}
.value#content-area #zenkoku .unit .in{
	width:auto;
	padding:0 20px;
}
.value#content-area #zenkoku .unit h4{
	width: 100%;
	text-align: left;
	padding: 0 0 28px 0;
}
.value#content-area #zenkoku .unit h5{
	width: 100%;
	text-align: left;
	padding: 0 0 14px 0;
	margin: 0 0 14px 0;
	border-bottom: #FFF 1px solid;
}

.value#content-area #zenkoku .unit h4 span,
.value#content-area #zenkoku .unit h5 span{
	display: none;
}

.value#content-area #zenkoku .unit p{
	padding:0 0 0 0;
	text-align: left;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size: 0.813em !important;
	line-height: 1.7;
	color: #FFFFFF;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.25);
}
.value#content-area #zenkoku .unit small{
	font-size:0.769em;
	line-height: 1.4;
	display: block;
}
.value#content-area #zenkoku .unit sup{
	font-size:0.625em;
}

.value#content-area .pc{
	display: block;
	margin: 0 auto;
}
.value#content-area .sp{
	display: none;
}

@media only screen and (max-width: 999px) {

	.value#content-area .pc{
		display: none;
	}
	.value#content-area .sp{
		display: block;
	}

	.value#content-area h3{
		padding:0 0 25px 0;
	}

	.value#content-area p{
		padding:0 0 45px 0;
		font-size: 0.875em;
		line-height: 2.0;
	}

	.value#content-area #tyoukan{
		background: none;
	}

	.value#content-area #tyoukan .in-box{
		width: 100%;
		height: 100%;
		top:0;
		left:0;
		margin: 0 0 0 0;
	}
	.value#content-area #tyoukan .logo{
		width: 22%;
		margin: 0 auto;
		text-align: center;
		padding: 10% 0 3% 0;
	}
	.value#content-area #tyoukan .logo img{
		width: 100%;
	}
	.value#content-area #tyoukan .txt{
		font-size: 1.8;
		font-size: 2.3vw;
		padding:0 0 0 0;
		margin: 0 auto;
	}

	.value#content-area #tyoukan img{
		width: 100%;
	}
	.value#content-area #tyoukan .pc{
		display: none;
	}
	.value#content-area #tyoukan .sp{
		display: block;
	}
	.value#content-area p.att-t{
		padding:10px 0 70px 0;
		width: 96%;
		margin: 0 auto;
	}
	.value#content-area p.att{
		padding:10px 0 0 0;

	}


	.value#content-area .access{
	}
	.value#content-area .access img{
		width: 100%;
	}
	.value#content-area #photo-area{
		width: 100%;
		padding: 0 0 15px 0;
	}
	.value#content-area #photo-area .left-l{
		width: 66.5%;
		padding: 0 0 0 0;
		float:left;
	}
	.value#content-area #photo-area .right-l{
		width: 66.5%;
		padding: 0 0 0 0;
		float:right;
	}
	.value#content-area #photo-area .left-s{
		width: 33%;
		padding: 0 0 0 0;
		float:left;
		clear: left;
	}
	.value#content-area #photo-area .right-s{
		width: 33%;
		padding: 0 0 0 0;
		float:right;
	}

	.value#content-area #photo-area .left-l img,
	.value#content-area #photo-area .right-l img,
	.value#content-area #photo-area .left-s img,
	.value#content-area #photo-area .right-s img{
		width: 100%;
	}

	.value#content-area #photo-area figure{
		padding: 0 0 5px 0;
		line-height: 0;
	}

	.value#content-area #zenkoku{
		padding:80px 0 0 0;
	}

	.value#content-area #zenkoku .unit{
	}

	.value#content-area #zenkoku .unit figure{
		width: 100%;
		padding: 0 0 25px 0;
	}
	.value#content-area #zenkoku .unit .in{
		width:auto;
		padding:0 20px;
	}
	.value#content-area #zenkoku .unit h4{
		width: 100%;
		text-align: left;
		padding: 0 0 25px 0;
	}
	.value#content-area #zenkoku .unit h5{
		width: 100%;
	}

	.value#content-area #zenkoku .unit h4 span,
	.value#content-area #zenkoku .unit h5 span{
		display: block;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-weight: bold;
	}

	.value#content-area #zenkoku .unit h4 span{
		font-size: 1.5em;
		line-height: 1.0;
		color: #FFFFFF;
		text-shadow: 0px 0px 2px rgba(0,0,0,0.25);
	}
	.value#content-area #zenkoku .unit h5 span{
		font-size: 1.0em;
		line-height: 1.0;
		color: #FFFFFF;
		text-shadow: 0px 0px 2px rgba(0,0,0,0.25);
	}
	.value#content-area #zenkoku .unit h4 img,
	.value#content-area #zenkoku .unit h5 img{
		display: none;
	}
}

@media only screen and (max-width: 760px) {

	.value#content-area h3{
		padding:0 0 20px 0;
	}
	.value#content-area h3 img{
		display: none;
	}
	.value#content-area h3 span{
		display: block;
		font-size:1.600em;
		color: #000000;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		line-height: 1.5;
		position: relative;
	}
	.value#content-area h3 span strong{
		font-size:1.600em;
		color: #D2B025;
		font-weight: normal;
	}
	.value#content-area h3 span sup{
		font-size: 0.3em;
		position: absolute;
		top:2.0em;
 	}

	.value#content-area p{
		padding:0 0 45px 0;
		font-size: 0.875em;
		line-height: 2.0;
	}

	.value#content-area #tyoukan{
		background: none;
	}
	.value#content-area #tyoukan img{
		width: 100%;
	}
	.value#content-area #tyoukan .pc{
		display: none;
	}
	.value#content-area #tyoukan .sp{
		display: block;
	}
	.value#content-area p.att-t{
		padding:10px 0 70px 0;
		width: 96%;
		margin: 0 auto;
	}
	.value#content-area p.att{
		padding:10px 0 0 0;
		font-size:0.625em;
	}



	.value#content-area #photo-area figure{
		padding: 0 0 5px 0;
		line-height: 0;
	}

	.value#content-area #zenkoku{
		padding:60px 0 0 0;
	}

	.value#content-area #zenkoku .unit{
		width: 100%;
		min-height: auto !important;
		text-align: left;
		float: none;
	}

	.value#content-area #zenkoku .unit figure{
		width: 55%;
		padding: 0 0 0 0;
		float: left;
		line-height: 0;
	}
	.value#content-area #zenkoku .unit .in{
		width:45%;
		padding:15px;
		float: right;
		box-sizing: border-box;
	}
	.value#content-area #zenkoku .unit h4{
		width: 100%;
		text-align: left;
		padding: 0 0 20px 0;
	}
	.value#content-area #zenkoku .unit h5{
		width: 100%;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}

	.value#content-area #zenkoku .unit p{
		font-size: 0.75rem !important;
		line-height: 1.4;
	}

}

@media only screen and (max-width: 575px) {

	.value#content-area #zenkoku .unit{
		width: 100%;
		min-height: auto !important;
	}

	.value#content-area #zenkoku .unit figure{
		width: 100%;
		float: none;
	}
	.value#content-area #zenkoku .unit .in{
		width:100%;
		padding:15px;
		float: none;
	}
	.value#content-area #zenkoku .unit h4{
		width: 100%;
		text-align: left;
		padding: 0 0 20px 0;
	}
	.value#content-area #zenkoku .unit h5{
		width: 100%;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
	}

	.value#content-area #zenkoku .unit p{
		font-size: 0.813rem !important;
		line-height: 1.7;
	}

}

@media only screen and (max-width: 480px) {

	.value#content-area h3{
		padding:0 0 20px 0;
	}
	.value#content-area h3 span{
		font-size:1.150rem;
	}

	.value#content-area p{
		padding:0 0 45px 0;
		font-size: 0.875rem;
		line-height: 2.0;
	}

	.value#content-area p.att-t{
		padding:10px 0 60px 0;
		width: 96%;
		margin: 0 auto;
	}
	.value#content-area p.att{
		padding:10px 0 0 0;
		font-size:0.625em;
	}

	.value#content-area #photo-area{
		width: 100%;
		padding: 0 0 15px 0;
	}
	.value#content-area #photo-area .left-l{
		width: 100%;
		padding: 0 0 0 0;
		float:none;
	}
	.value#content-area #photo-area .right-l{
		width: 100%;
		padding: 0 0 0 0;
		float:none;
	}
	.value#content-area #photo-area .left-s{
		width: 100%;
		padding: 0 0 0 0;
		float:none;
		clear:none;
	}
	.value#content-area #photo-area .right-s{
		width: 100%;
		padding: 0 0 0 0;
		float:none;
	}
	.value#content-area #photo-area .left-s figure,
	.value#content-area #photo-area .right-s figure{
		width: 49.5% !important;
		float: left;
	}
	.value#content-area #photo-area .left-s figure:nth-child(2),
	.value#content-area #photo-area .right-s figure:nth-child(2){
		float: right;
	}

	.value#content-area #photo-area figure{
		padding: 0 0 5px 0;
		line-height: 0;
	}

	.value#content-area #zenkoku{
		padding:50px 0 0 0;
	}

	.value#content-area #zenkoku .unit{
		width: 100%;
		min-height: auto !important;
		height: auto !important;
	}
}



/*--------------------------
      modelroom settign
--------------------------*/
.modelroom#content-area{
}

.modelroom#content-area #mainImage{
	width: auto;
	max-width: 1400px;
	margin: 0 auto;
}

.modelroom#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	margin: 0 10px 0 0;
}
.modelroom#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	width: 91px;
}


@media only screen and (max-width: 1400px) {

	.modelroom#content-area #mainImage img{
		width: 100%;
	}

}
@media only screen and (max-width: 999px) {

	.modelroom#content-area #mainImage{
		margin: 0 auto;
	}
	.modelroom#content-area #mainImage img{
		width: 100%;
	}
	.modelroom#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled a {
		width: 9.00% !important;
		margin: 0 0.5% 0 0;
		box-sizing: border-box;
	}
	.modelroom#content-area .theme-default .nivo-controlNav.nivo-thumbs-enabled a:last-child{
		margin: 0 0 0 0;
	}

}



/*--------------------------
      quality settign
--------------------------*/
/*sub-nav*/
.quality#content-area{
	margin:0 auto 0 auto;
}

.quality#content-area nav.sub{
	margin:0 auto;
	padding: 40px 0 40px 0;
}
.quality#content-area nav.sub ul{
	width: 1000px;
	margin: 0 auto;
}
.quality#content-area nav.sub ul li{
	width: 308px;
	height: 61px;
	float: left;
	padding: 0 38px 0 0;
}
.quality#content-area nav.sub ul li:last-child{
	padding: 0 0 0 0;
}
.quality#content-area nav.sub ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.quality#content-area nav.sub ul li a span{
	display: none;
}
.quality#content-area nav.sub ul li a.kitchen{
	background: url(../../quality/img/s_nav01_off.png) no-repeat;
	background-size: contain;
}
.quality#content-area nav.sub ul li a.sanitary{
	background: url(../../quality/img/s_nav02_off.png) no-repeat;
	background-size: contain;
}
.quality#content-area nav.sub ul li a.security{
	background: url(../../quality/img/s_nav03_off.png) no-repeat;
	background-size: contain;
}

.quality#content-area nav.sub ul li a.kitchen:hover,
.quality#content-area nav.sub ul li a.kitchen.current{
	background: url(../../quality/img/s_nav01_on.png) no-repeat;
	background-size: contain;
}
.quality#content-area nav.sub ul li a.sanitary:hover,
.quality#content-area nav.sub ul li a.sanitary.current{
	background: url(../../quality/img/s_nav02_on.png) no-repeat;
	background-size: contain;
}
.quality#content-area nav.sub ul li a.security:hover,
.quality#content-area nav.sub ul li a.security.current{
	background: url(../../quality/img/s_nav03_on.png) no-repeat;
	background-size: contain;
}
/*/sub-nav*/

.quality#content-area .in-box{
	padding:40px 0 0 0;
}

.quality#content-area .in-box h2{
	padding:0 0 30px 0;
}
.quality#content-area .in-box h2.copy{
	padding:0 0 50px 0;
}
.quality#content-area .in-box h3{
	padding:30px 0 50px 0;
}
.quality#content-area p.bcopy {
	padding:0 0 50px 0;
}
.quality#content-area p.bcopy span {
	display:none;
}
.quality#content-area .in-box p.txt{
	padding:0 0 50px 0;
}
.quality#content-area .in-box p.txt span{
	font-size:0.936em;
	line-height:1.8;
	text-align:center;
	display:none;
}
.quality#content-area .in-box h4{
	font-size:0.936em;
	line-height:1.1;
	text-align:left;
	padding:0 0 7px 0;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:bold;
	border-bottom: #535353 1px solid;
}
.quality#content-area .in-box p.txt-u{
	padding: 8px 0 0 0;
	text-align:left;
	font-size:0.813em;
	line-height:1.6;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.quality#content-area .in-box .noline {
	border:none;
}

.quality#content-area .in-box .unit-w{
	width:100%;
	padding:0 0 30px 0;
}
.quality#content-area .in-box .unit-w-line{
	width:100%;
	margin:0 0 30px 0;
	padding:0 0 15px 0;
	border-bottom:#c9c9c0 1px solid;
}

.quality#content-area .in-box .unit1{
	width:100%;
	margin:0 0 50px 0;
}
.quality#content-area .in-box .unit2-1{
	width:490px;
	float:left;
}
.quality#content-area .in-box .unit2-2{
	width:490px;
	float:right;
}
.quality#content-area .in-box .unit3-1{
	width:320px;
	margin:0 20px 0 0;
	float:left;
}
.quality#content-area .in-box .unit3-2{
	width:660px;
	margin:0 20px 0 0;
	float:left;
}
.quality#content-area .in-box .unit3-set{
	width:660px;
	margin:0 0 0 0;
	float:right;
}
.quality#content-area .in-box .unit4-1{
	width:235px;
	margin:0 20px 0 0;
	float:left;
}
.quality#content-area .in-box .unit4-2{
	width:490px;
	margin:0 20px 0 0;
	float:left;
}
.quality#content-area .in-box .unit4-3{
	width:746px;
	margin:30px 0 30px 0;
	float:right;
}
.quality#content-area .in-box .fix{
	margin:0 0 0 0;
}

/* kitchen */
.quality#content-area .in-box h4.f1{
	font-size:1.15em;
	line-height:1.2;
	padding:0 0 90px 0;
	text-align:center;
}

/* restroom */
.quality#content-area .in-box .unit3-1-line{
	width:320px;
	margin:0 0 0 0;
	padding:0 0 0 9px;
	float:right;
	border-left:#C9C9C9 1px solid;
}

/* security */
.quality#content-area .in-box .tebra{
	width:100%;
	margin:0 0 50px 0;
	padding:0 0 15px 0;
	background:#f3f4f4;
}
.quality#content-area .in-box .tebra h3.secttl{
	width:100%;
	margin:0 0 15px 0;
	padding:5px 15px;
	background: url(../../quality/img03/ttl_bg.png);
	font-size:1.40em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight:bold;
	box-sizing:border-box;
	text-align:left;
}
.quality#content-area .in-box .tebra .box-left{
	width:270px;
	padding:0 0 0 15px;
	float:left;
}
.quality#content-area .in-box .tebra .box-left .txt-u1{
	width:196px;
	float:left;
	text-align:left;
	font-size:0.813em;
	line-height:1.8;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.quality#content-area .in-box .tebra .box-right{
	width:680px;
	padding:0 15px 0 0;
	float:right;
}
.quality#content-area .in-box .tebra .box-right .floatR{
	padding:19px 0 0 0;
}

/* service */
.quality#content-area .in-box .unit-w-10{
	width:100%;
	padding:0 0 30px 0;
}
.quality#content-area .in-box .unit-w-10 .txt-area{
	width:870px;
	padding:0 0 30px 0;
	float:left;
}
.quality#content-area .in-box .unit-w-10 .img-area{
	width:123px;
	float:right;
}
.quality#content-area .in-box h4.ttl{
	padding:0 0 7px 0;
	margin:0 0 15px 0;
	border-bottom:#C9C9C9 1px solid;
}


.quality#content-area .in-box .system-area{
	width:100%;
	margin:0 0 30px 0;
	padding:29px 29px 9px 29px;
	border:#c9c9c0 1px solid;
	box-sizing: border-box;
}
.quality#content-area .in-box .system-area h3{
	width:100%;
	margin:0 0 15px 0;
	padding:5px 0;
	box-sizing:border-box;
	text-align:left;
	border-bottom: #c9c9c0 1px solid;
}
.quality#content-area .in-box .system-area p{
	text-align:left;
	padding:0 0 25px 0;
}
.quality#content-area .in-box .system-area figure{
	padding: 0 0 20px 0;
}
.quality#content-area .in-box .system-area .floatL{
	width:700px;
}
.quality#content-area .in-box .system-area .floatR{
	width:220px;
}


.quality#content-area .in-box .security{
	width:100%;
	margin:110px 0 30px 0;
	padding:65px 0 0 0;
	border-top:#c9c9c0 1px solid;
}
.quality#content-area .in-box .security .unit1-b{
	width:840px;
	margin:30px auto 30px auto;
}
.quality#content-area .in-box .security .unit1-b p.txt-u{
	padding: 8px 0 20px 0;
}
.quality#content-area .in-box .security .unit4-1b{
	width:300px;
	margin:0 20px 0 0;
	float:left;
}
.quality#content-area .in-box .security .unit4-1c{
	width:165px;
	margin:0 0 0 0;
	float:left;
}

@media only screen and (max-width: 999px) {

	.quality#content-area .in-box{
		width: 94%;
		position: relative;
		padding:0 0 0 0;
	}
/*sub-nav*/
	.quality#content-area nav.sub ul{
		width: 94%;
		margin: 0 auto;
	}
	.quality#content-area nav.sub ul li{
		width: 32.5%;
		height: auto;
		padding: 0 1% 0 0;
		position:relative;
	}
	.quality#content-area nav.sub ul li:before {
		content:"";
		display: block;
		padding-top: 19.80519480519481%;
	}
	.quality#content-area nav.sub ul li a{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
	}
/*/sub-nav*/


	.quality#content-area .in-box h2{
		padding:0 0 25px 0;
	}
	.quality#content-area .in-box h2.copy{
		padding:0 0 40px 0;
	}
	.quality#content-area .in-box h3{
		padding:0 0 25px 0;
	}
	.quality#content-area .in-box p.txt{
		padding:0 0 40px 0;
	}
	.quality#content-area .in-box h2 span,
	.quality#content-area .in-box h3 span,
	.quality#content-area .in-box p.txt span{
		display:none;
	}
	.quality#content-area .in-box h2 img,
	.quality#content-area .in-box h3 img,
	.quality#content-area .in-box p.txt img{
		display:inline;
	}
	.quality#content-area .in-box figure img{
		width:100%;
	}


	.quality#content-area .in-box .unit-w{
		width:100%;
		padding:0 0 30px 0;
	}
	.quality#content-area .in-box .unit-w-line{
		width:100%;
	}
	.quality#content-area .in-box .unit1{
		width:100%;
		margin:0 0 40px 0;
	}
	.quality#content-area .in-box .unit2-1{
		width:49%;
		float:left;
	}
	.quality#content-area .in-box .unit2-2{
		width:49%;
		float:right;
	}
	.quality#content-area .in-box .unit3-1{
		width:32%;
		margin:0 2% 0 0;
		float:left;
	}
	.quality#content-area .in-box .unit3-2{
		width:66%;
		margin:0 2% 0 0;
		float:left;
	}
	.quality#content-area .in-box .unit3-set{
		width:66%;
		margin:0 0 0 0;
		float:right;
	}
	.quality#content-area .in-box .unit3-set .unit3-1{
		width:49%;
		margin:0 2% 0 0;
	}

	.quality#content-area .in-box .unit4-1{
		width:23.5%;
		margin:0 2% 0 0;
		float:left;
	}
	.quality#content-area .in-box .fix{
		margin:0 0 0 0 !important;
	}


	/* kitchen */
	.quality#content-area .in-box h4.f1{
		padding:0 0 60px 0;
	}
	.quality#content-area .in-box .unit4-2{
		width:72.5%;
		margin:0 0 0 0;
		float:left;
	}
	.quality#content-area .in-box .unit4-3{
		width:100%;
		margin:30px 0 30px 0;
		float:right;
	}

	/* restroom */
	.quality#content-area .in-box .unit3-1-line{
		width:32%;
		padding:0 0 0 0.9%;
		float:right;
		border-left:#C9C9C9 1px solid;
	}

	/* security */
	.quality#content-area .in-box .tebra{
		margin:0 0 40px 0;
	}
	.quality#content-area .in-box .tebra h3.secttl{
		width:100%;
		margin:0 0 15px 0;
		padding:5px 15px;
	}
	.quality#content-area .in-box .tebra .box-left{
		width:27%;
		padding:0 0 0 1.5%;
		float:left;
	}
	.quality#content-area .in-box .tebra .box-left .txt-u1{
		width:70%;
		float:left;
	}
	.quality#content-area .in-box .tebra .box-left .floatR{
		width:25%;
	}
	.quality#content-area .in-box .tebra .box-right{
		width:68%;
		padding:0 1.5% 0 0;
		float:right;
	}
	.quality#content-area .in-box .tebra .box-right .floatL{
		width:49%;
	}
	.quality#content-area .in-box .tebra .box-right .floatR{
		width:49%;
	}

	/* service */
	.quality#content-area .in-box .unit-w-10{
		width:100%;
		padding:0 0 30px 0;
	}
	.quality#content-area .in-box .unit-w-10 .txt-area{
		width:87%;
		padding:0 0 30px 0;
		float:left;
	}
	.quality#content-area .in-box .unit-w-10 .img-area{
		width:12.3%;
		float:right;
	}

	.quality#content-area .in-box .unit-w-10 .floatR,
	.quality#content-area .in-box .unit-w-10 .floatL{
		width:49%;
	}

	.quality#content-area .in-box .system-area{
		padding:25px 25px 5px 25px;
	}
	.quality#content-area .in-box .system-area h3{
		margin:0 0 15px 0;
	}
	.quality#content-area .in-box .system-area p{
		text-align:left;
		padding:0 0 25px 0;
	}
	.quality#content-area .in-box .system-area figure{
		padding: 0 0 20px 0;
	}
	.quality#content-area .in-box .system-area figure img{
		width: 100%;
	}
	.quality#content-area .in-box .system-area .floatL{
		width:75%;
	}
	.quality#content-area .in-box .system-area .floatR{
		width:23%;
	}


	.quality#content-area .in-box .security{
		margin:100px 0 30px 0;
		padding:55px 0 0 0;
	}
	.quality#content-area .in-box .security .unit1-b{
		width:85%;
		margin:25px auto 25px auto;
	}
	.quality#content-area .in-box .security .unit1-b p.txt-u{
		padding: 8px 0 20px 0;
	}
	.quality#content-area .in-box .security .unit4-1b{
		width:23.5%;
		margin:0 2% 0 0;
		float:left;
	}
	.quality#content-area .in-box .security .unit4-1c{
		width:23.5%;
		margin:0 2% 0 0;
		float:left;
	}

}

@media only screen and (max-width: 768px) {
	.quality#content-area .in-box{
		width: 94%;
		position: relative;
		padding:0 0 0 0;
	}
/*sub-nav*/
	.quality#content-area nav.sub ul{
		width: 94%;
		margin: 0 auto;
	}
	.quality#content-area nav.sub ul li{
		width: 32.5%;
		height: auto;
		padding: 0 1% 0 0;
		position:relative;
	}
	.quality#content-area nav.sub ul li:before {
		content:"";
		display: block;
		padding-top: 19.80519480519481%;
	}
	.quality#content-area nav.sub ul li a{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
	}
/*/sub-nav*/

	.quality#content-area .in-box h2{
		padding:0 0 0 0;
	}
	.quality#content-area .in-box h2.copy {
		padding:0 0 0 0;
	}
	.quality#content-area .in-box h3{
	padding:0 0 0 0;
}
	.quality#content-area p.bcopy {
		text-align:left;
	}
	.quality#content-area .in-box h2 span,
	.quality#content-area .in-box h3 span,
	.quality#content-area p.bcopy span,
	.quality#content-area .in-box p.txt span{
		display:block;
	}

	.quality#content-area .in-box h3 span{
		font-size:1.15em;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	.quality#content-area .in-box h2 img,
	.quality#content-area .in-box h3 img,
	.quality#content-area p.bcopy img,
	.quality#content-area .in-box p.txt img{
		display:none;
	}

	/* security */
	.quality#content-area .in-box .tebra{
		margin:0 0 40px 0;
	}
	.quality#content-area .in-box .tebra .box-left{
		width:100%;
		padding:0 1.5% 20px 1.5%;
		box-sizing:border-box;
		float:none;
	}
	.quality#content-area .in-box .tebra .box-left .txt-u1{
		width:calc(100%-70px);
		float:left;
	}
	.quality#content-area .in-box .tebra .box-left .floatR{
		width:auto;
	}
	.quality#content-area .in-box .tebra .box-right{
		width:100%;
		padding:0 1.5% 0 1.5%;
		float:none;
		box-sizing:border-box;
	}
	.quality#content-area .in-box .tebra .box-right .floatL{
		width:49%;
	}
	.quality#content-area .in-box .tebra .box-right .floatR{
		width:49%;
	}


	.quality#content-area .in-box .system-area{
		padding:20px 20px 0px 20px;
	}
	.quality#content-area .in-box .system-area .floatL{
		width:75%;
	}
	.quality#content-area .in-box .system-area .floatR{
		width:23%;
	}
	.quality#content-area .in-box .system-area p br{
		display: none;
	}


	.quality#content-area .in-box .security{
		margin:80px 0 30px 0;
		padding:40px 0 0 0;
	}
	.quality#content-area .in-box .security .unit1-b{
		width:95%;
		margin:20px auto 20px auto;
	}

	.quality#content-area .in-box .security .unit4-1b{
		width:23.5%;
		margin:0 2% 0 0;
		float:left;
	}
	.quality#content-area .in-box .security .unit4-1c{
		width:23.5%;
		margin:0 2% 0 0;
		float:left;
	}


}
@media only screen and (max-width: 600px) {
	.quality#content-area .in-box .unit4-1{
		width:49%;
		margin:0 2% 20px 0;
	}
	.quality#content-area .in-box .unit4-1:nth-child(2n+2){
		margin:0 0 20px 0;
	}

	.quality#content-area .in-box .unit4-2{
		width:49%;
		margin:0 0 0 0;
		float:left;
	}

	.quality#content-area .in-box .unit4-3{
		width:100%;
		margin:30px 0 30px 0;
		float:right;
	}

	.quality#content-area .in-box .security .unit4-1b{
		width:49%;
		margin:0 2% 0 0;
		float:left;
	}
	.quality#content-area .in-box .security .unit4-1c{
		width:49%;
		margin:0 2% 0 0;
		float:left;
	}
}
@media only screen and (max-width: 480px) {
	.quality#content-area nav.sub ul li{
		width: 80%;
		height: auto;
		padding: 0 0 0 0;
		margin: 0 auto 1px auto;
		position:relative;
		float: none;
	}

	.quality#content-area .in-box .unit-w{
		padding:0 0 30px 0;
	}
	.quality#content-area .in-box .unit-w-line{
		width:100%;
	}
	.quality#content-area .in-box .unit1{
		width:100%;
		margin:0 0 40px 0;
	}
	.quality#content-area .in-box .unit2-1{
		width:100%;
		float:none;
		padding:0 0 20px 0;
	}
	.quality#content-area .in-box .unit2-2{
		width:100%;
		float:none;
	}
	.quality#content-area .in-box .unit3-1{
		width:100%;
		margin:0 0 20px 0;
		float:none;
	}
	.quality#content-area .in-box .unit3-2{
		width:100%;
		margin:0 0 20px 0;
		float:none;
	}
	.quality#content-area .in-box .unit3-set{
		width:100%;
		margin:0 0 0 0;
		float:none;
	}
	.quality#content-area .in-box .unit3-set .unit3-1{
		width:100%;
		margin:0 0 20px 0;
	}

	.quality#content-area .in-box .fix{
		margin:0 0 20px 0 !important;
	}

	/* kitchen */
	.quality#content-area .in-box h4.f1{
		padding:0 0 40px 0;
	}
	.quality#content-area .in-box .unit4-2{
		width:49%;
		margin:0 0 0 0;
		float:left;
	}

	/* restroom */
	.quality#content-area .in-box .unit3-1-line{
		width:100%;
		padding:15px 0 0 0;
		float:none;
		border-left:none;
		border-top:#C9C9C9 1px solid;
	}

	/* security */
	.quality#content-area .in-box .tebra{
		margin:0 0 40px 0;
	}


	.quality#content-area .in-box .tebra .box-right .floatL{
		width:80%;
		float:none;
		text-align:center;
		margin:0 auto;
	}
	.quality#content-area .in-box .tebra .box-right .floatR{
		width:80%;
		float:none;
		text-align:center;
		margin:0 auto;
	}

	/* service */
	.quality#content-area .in-box .unit-w-10{
		width:100%;
		padding:0 0 30px 0;
	}
	.quality#content-area .in-box .unit-w-10 .txt-area{
		width:100%;
		padding:0 0 15px 0;
		float:none;
	}
	.quality#content-area .in-box .unit-w-10 .img-area{
		width:100%;
		float:none;
		padding:0 0 30px 0;
	}
	.quality#content-area .in-box .unit-w-10 .img-area img{
		width:100px;
	}

	.quality#content-area .in-box .unit-w-10 .floatR,
	.quality#content-area .in-box .unit-w-10 .floatL{
		width:100%;
		float:none;
	}
	.quality#content-area .in-box .unit-w-10 .floatL{
		padding:0 0 15px 0;
	}


	.quality#content-area .in-box .system-area{
		padding:15px 15px 0px 15px;
	}
	.quality#content-area .in-box .system-area .floatL{
		width:100%;
	}
	.quality#content-area .in-box .system-area .floatR{
		width:100%;
	}
	.quality#content-area .in-box .system-area .floatR figure{
		width:49%;
		margin: 0 2% 0 0;
		float: left;
	}
	.quality#content-area .in-box .system-area .floatR figure:nth-child(2){
		width:49%;
		margin: 0 0 0 0;
	}

}

@media only screen and (max-width: 768px) {
	.quality#content-area .in-box{
		width: 94%;
		position: relative;
		padding:0 0 0 0;
	}

	.quality#content-area nav.sub ul{
		width: 94%;
		margin: 0 auto;
	}
	.quality#content-area nav.sub ul li{
		width: 32.5%;
		height: auto;
		padding: 0 1% 0 0;
		position:relative;
	}
	.quality#content-area nav.sub ul li:before {
		content:"";
		display: block;
		padding-top: 19.80519480519481%;
	}
	.quality#content-area nav.sub ul li a{
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
	}

	.quality#content-area h2{
		margin:0 0 20px 0;
	}
	.quality#content-area h3{
		margin:0 0 20px 0;
	}
	.quality#content-area h4.logo{
		margin:0 0 25px 0;
	}
	.quality#content-area h4.logo img{
		height: 15px;
	}
	.quality#content-area p.txt{
		margin:0 0 20px 0;
	}

	.quality#content-area .center{
		text-align: left !important;
	}

	.quality#content-area h2 span{
		font-size: 1.250em;
	}
	.quality#content-area h3 span{
		font-size: 1.115em;
	}


	.quality#content-area #kitchen .top-image{
		padding: 0 0 60px 0;
	}

	.quality#content-area #kitchen .unit-w{
		padding: 0 0 0 0;
	}
	.quality#content-area #kitchen .unit-w .unit{
		width: 49%;
		padding: 0 2% 20px 0;
	}
	.quality#content-area #kitchen .unit-w .unit:nth-child(2n+2){
		padding: 0 0 20px 0;
	}
	.quality#content-area #kitchen .unit-w .unit:nth-child(4n+4){
		padding: 0 0 20px 0;
	}

	.quality#content-area #sanitary .eq-area .floatL{
		width:100%;
		float: none;
		padding: 0 0 30px 0 ;
	}
	.quality#content-area #sanitary .eq-area .floatR{
		width:100%;
		float: none;
	}
	.quality#content-area #sanitary .eq-area .floatL .height-lin,
	.quality#content-area #sanitary .eq-area .floatR .height-lin{
		min-height: auto;
	}

	.quality#content-area #sanitary .unit-w{
		padding: 0 0 20px 0;
	}
	.quality#content-area #sanitary .unit-w .unit{
		width: 49%;
		padding: 0 2% 0 0;
	}


	.quality#content-area #sanitary .eco{
		padding: 0 0 50px 0;
	}
	.quality#content-area #sanitary .eco .floatL{
		width:100%;
		float: none;
		padding: 0 0 30px 0;
	}
	.quality#content-area #sanitary .eco .floatL .txt-area{
		width:50%;
		padding: 10px 0 0 0;
	}

	.quality#content-area #sanitary .eco .unit{
		width: 49%;
		padding: 0 2% 0 0;
	}
	.quality#content-area #sanitary .eco .unit:nth-child(2n+2){
		padding: 0 0 0 0;
	}

	.quality#content-area #security{
		padding: 35px 0 0 0;
	}


	.quality#content-area #sanitary .ene{
		padding: 0 0 0 0;
	}
	.quality#content-area #sanitary .ene .floatL{
		width:100%;
		padding: 0 0 20px 0;
		float: none;
	}
	.quality#content-area #sanitary .ene .floatR{
		width:auto;
		float: none;
		padding: 0 0 20px 0;
	}
	.quality#content-area #sanitary .ene .floatR img{
		width:auto;
	}

	.quality#content-area #sanitary .ene .under{
		padding:10px 10px 10px 10px;
		margin: 40px 0 0 0;
	}

	.quality#content-area #sanitary .ene .under .floatL{
		width:100%;
		position: relative;
		float: none;
	}
	.quality#content-area #sanitary .ene .under .floatL .txt-area{
		width:100%;
		position: relative;
		top:auto;
		left:auto;
		z-index: 2;
	}
	.quality#content-area #sanitary .ene .under .floatL figure {
		padding: 0 0 0 0;
	}
	.quality#content-area #sanitary .ene .under .floatR{
		width:100%;
		float: none;
	}
	.quality#content-area #sanitary .ene .under .floatR .txt-area{
		width:100%;
		float: none;
		padding: 0 0 20px 0;
	}
	.quality#content-area #sanitary .ene .under .floatR figure{
		width:100%;
		float: none;
	}



	.quality#content-area #security{
		padding: 35px 0 50px 0;
	}


	.quality#content-area #security .box1 .floatL{
		width: 100%;
		float: none;
		padding: 0 0 30px 0;
	}
	.quality#content-area #security .box1 .floatL .unit{
		width: 100%;
		float: none;
		padding: 0 0 20px 0;
	}
	.quality#content-area #security .box1 .floatL .unit figure img{
		width: auto;
	}
	.quality#content-area #security .box1 .floatL .img{
		width: 100%;
		float: none;
	}
	.quality#content-area #security .box1 .floatL .img img{
		width: 100%;
	}
	.quality#content-area #security .box1 .floatR{
		width: 100%;
	}
	.quality#content-area #security .box1 .floatR img{
		width: auto;
	}


	.quality#content-area #security .box2 .floatL{
		width: 100%;
		float: none;
	}
	.quality#content-area #security .box2 .floatR{
		width: 100%;
		float: none;
	}


	.quality#content-area #security .box3 .floatL{
		width: 100%;
		float: none;
		padding: 0 0 30px 0;
		border-right:none;
		border-bottom: #E6E9EA 1px solid;
	}
	.quality#content-area #security .box3 .floatL p{
		width: 100%;
	}
	.quality#content-area #security .box3 .floatR{
		width: 100%;
		float: none;
		padding: 30px 0 0 0;
	}

	.quality#content-area #security .box3 .floatL figure,
	.quality#content-area #security .box3 .floatR figure{
		width: 100%;
		text-align: center;
	}
	.quality#content-area #security .box3 .floatL figure img,
	.quality#content-area #security .box3 .floatR figure img{
		width: auto;
	}

	.quality#content-area #structure .unit-w{
		padding: 35px 0 35px 0;
	}
	.quality#content-area #structure .unit-w .unit{
		width: 49%;
		padding: 0 2% 20px 0;
		min-height: auto;
	}
	.quality#content-area #structure .unit-w .unit:nth-child(2n+2){
		padding: 0 0 20px 0;
	}
	.quality#content-area #structure .unit-w .unit:nth-child(4n+4){
		padding: 0 0 20px 0;
	}
	.quality#content-area #structure .unit-w .unit figure{
		width: 100%;
		padding:15px 0 0 0;
	}
}

@media only screen and (max-width: 480px) {
	.quality#content-area nav.sub ul li{
		width: 80%;
		height: auto;
		padding: 0 0 0 0;
		margin: 0 auto 1px auto;
		position:relative;
		float: none;
	}
	.quality#content-area #security .box3 .floatL figure img,
	.quality#content-area #security .box3 .floatR figure img{
		width: 100%;
	}
}



/*--------------------------
      plan settign
--------------------------*/
.plan#content-area h3.copy {
	max-width: 976px;
	margin: 0 auto 55px;
	padding: 30px 0;
	border-top: #6F6F6F 1px solid;
	border-bottom: #6F6F6F 1px solid;
}

.plan#content-area h4 {
	margin:20px 0 40px 0;
	position: relative;
	border-bottom: #6F6F6F 1px solid;
}
.plan#content-area h4 img,
.plan#content-area h4 span{
	display: block;
	padding:0 10px 0 10px;
	margin:0 auto -10px auto;
	background: #FFFFFF;
}
.plan#content-area h4 span{
	display: none;
	font-size: 1.00em;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

/*----- 鳥かご -----*/
.plan#content-area #top-area #tori{
	width:890px;
	margin:0 auto;
	padding:0 0 40px 0;
	position:relative;

}
.plan#content-area #top-area #tori #t-a{
	position:absolute;
	top:0;
	left:82px;
}
.plan#content-area #top-area #tori #t-b{
	position:absolute;
	top:0;
	left:136px;
}
.plan#content-area #top-area #tori #t-bg{
	position:absolute;
	top:455px;
	left:136px;
}
.plan#content-area #top-area #tori #t-c{
	position:absolute;
	top:0;
	left:190px;
}
.plan#content-area #top-area #tori #t-cg{
	position:absolute;
	top:455px;
	left:190px;
}
.plan#content-area #top-area #tori #t-d{
	position:absolute;
	top:0;
	left:244px;
}
.plan#content-area #top-area #tori #t-dg{
	position:absolute;
	top:455px;
	left:244px;
}
.plan#content-area #top-area #tori #t-e{
	position:absolute;
	top:0;
	left:298px;
}
.plan#content-area #top-area #tori #t-f{
	position:absolute;
	top:0;
	left:352px;
}
.plan#content-area #top-area #tori #t-g{
	position:absolute;
	top:0;
	left:406px;
}
.plan#content-area #top-area #tori #t-h{
	position:absolute;
	top:0;
	left:460px;
}
.plan#content-area #top-area #tori #t-i{
	position:absolute;
	top:0;
	left:514px;
}
.plan#content-area #top-area #tori #t-j{
	position:absolute;
	top:0;
	left:568px;
}
.plan#content-area #top-area #tori #t-k{
	position:absolute;
	top:0;
	left:673px;
}
.plan#content-area #top-area #tori #t-kg{
	position:absolute;
	top:455px;
	left:673px;
}
.plan#content-area #top-area #tori #t-l{
	position:absolute;
	top:0;
	left:727px;
}
.plan#content-area #top-area #tori #t-lg{
	position:absolute;
	top:455px;
	left:727px;
}
.plan#content-area #top-area #tori #t-m{
	position:absolute;
	top:0;
	left:781px;
}
.plan#content-area #top-area #tori #t-mg{
	position:absolute;
	top:455px;
	left:781px;
}
.plan#content-area #top-area #tori #t-n{
	position:absolute;
	top:0;
	left:835px;
}

/*----- リンクボタン -----*/
.plan#content-area #btn-area {
	width:auto;
	position: relative;
	overflow: hidden;
}
.plan#content-area #btn-area ul{
	width:auto;
	max-width: 976px;
	position:relative;
	margin:0 auto;
	display: inline-block;
}
.plan#content-area #btn-area li{
	padding:0 5px 10px 4px;
	position:relative;
	float:left;
}

/*----- 間取り詳細 -----*/
header.plan-head {
	border-bottom:#DCE0E2 1px solid;
}
.plan .plan-deteil{
	width:100%;
	margin: 30px auto 0 auto;
}
.plan .plan-deteil p.att{
		padding:10px 0 0 0;
		font-size:0.688em !important;
		line-height:1.6;
	}
.plan .plan-info{
	padding:0 0 40px 0;
}
.plan .plan-info-w{
	margin:0 auto 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 1255px;
}
.plan .plan-info-w .planL{
	padding:0 0 0 0;
	flex-basis: 551px;
}
.plan .plan-info-w .planR{
	padding:0 0 0 0;
	flex-basis: 551px;
}
.plan .plan-info-w .menu_box {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-basis: 150px;
}
.plan .plan-info-w .menu_box p.plan_arrow {
	padding-bottom: 30px;
}
.plan p.spec {
	padding:0 0 30px 0;
}
.plan .plan-deteil img{
	width:auto;
}

/* loan */
.loan_box{
	margin: 60px 10px 0;
}
.loan_box .att{
	max-width: 800px;
	margin: 20px auto 0;
	text-align: left;
}
.loan_box + .att{
	max-width: 800px;
	margin: 30px auto 0;
	padding: 0 10px 0 !important;
	text-align: left !important;
}

.plan .btn-deteil{
	width:411px;
	padding:25px 0 25px 0;
	margin: 0 auto 0 auto;
}
.plan .btn-deteil li{
	float:left;
}
.plan .btn-deteil li:nth-child(2){
	float:right;
}

footer.plan {
	margin:30px 0 0 0;
		border-top:1px solid #DCE0E2;
		padding-bottom: 0;

}
footer.plan #company-area {
	width:100%;
}
footer.plan #company-area address.left {
	width:50%;
	padding:0 3%;
	float: left;
	box-sizing:border-box;
}
footer.plan #company-area address.right {
	width:50%;
	padding:0 3%;
	float: right;
	box-sizing:border-box;
}
footer.plan #company-area address.left img,
footer.plan #company-area address.right img {
	width:100%;
}



@media only screen and (max-width: 999px) {
	.plan#content-area .in-box {
		width:100%;
	}
	.plan#content-area #top-area #tori{
		width:96%;
	}
	.plan#content-area #top-area #tori img{
		width:100%;
	}
	.plan#content-area #top-area #tori p{
		display: none;
	}
	/*.plan#content-area #btn-area ul{
		width:96%;
	}*/
	.plan#content-area #btn-area li{
		/*width:24%;*/
		padding:0 0.5% 10px 0.5%;
	}
	.plan#content-area #btn-area li a{
		position: relative;
	}
	.plan#content-area #btn-area li img{
		width:100%;
	}


}
@media only screen and (max-width: 899px) {
	.plan#content-area h4 {
		margin:20px 0 40px 0;
		position: relative;
		border-bottom: #6F6F6F 1px solid;
	}
	.plan#content-area h4 img,
	.plan#content-area h4 span{
		display: block;
		padding:0 10px 0 10px;
		margin:0 auto -10px auto;
		background: #FFFFFF;
	}
	.plan#content-area h4 span{
		display: none;
		font-size: 1.00em;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}



	header.plan {
	width:94% ;
	margin: 0 auto 5% auto;
	padding:0 3% 10px 3%;
	border-bottom:1px solid #DCE0E2;
	}
	header.plan .in-box {
		width:100%;
	}
	header.plan h1 { top:10px; left:0; width:30%; position: absolute; text-align: center; margin: 0 auto 0 auto;}
	header.plan ul {
		display:block;
	}
	header.plan ul { top:0px; right:0px; width:auto;}
	.plan .plan-deteil{
		width:100%;
		margin: 0 auto 0 auto;
	}
	.plan .btn-deteil li{
		width:45%;
		float:left;
	}
	.plan .plan-deteil img{
		width:100%;
	}
	.plan .btn-deteil li img{
		width:100%;
	}
	.plan .btn-deteil li:nth-child(2){
		float:right;
	}
	.plan .plan-info{
		width:46%;
		padding:30px 8% 30px 8%;
		margin:0 auto;
	}

	.plan .plan-info-w{
		width:100%;
		margin:30px auto;
	}
	.plan .plan-info-w .planL{
		width:46%;
		padding:0 2%;
		float:left;
	}
	.plan .plan-info-w .planR{
		width:46%;
		padding:0 2%;
		float:right;
	}
	.plan .plan-info-w .menu_box{
		width: 15%;
	}
	.plan .plan-info-w .menu_box p.plan_arrow{
		width: 50%;
	}
}

@media only screen and (max-width: 768px) {
	.plan#content-area .btn{
		width:49%;
		height:auto;
		position:relative;
	}
	.plan#content-area h3.copy {
		width:90%;
		margin:0 auto;
		padding:0 0 40px 0;
		border: 0;
	}
	.plan#content-area h3.copy img{
		width:100%;
	}

	.plan#content-area h4 {
		margin:0 0 10px 0;
		position: relative;
	}
	.plan#content-area h4 img{
		display: none;
	}
	.plan#content-area h4 span{
		display: inline-block;
		font-size: 1.00em;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}

}

@media only screen and (max-width: 600px) {
	.plan .plan-info{
		width:86%;
		margin:0 auto;
	}
	.plan .plan-info-w{
		width:86%;
		margin:40px auto;
		flex-direction: column;
		align-items: center;
	}
	.plan .plan-info-w .planL{
		width:100%;
		padding:0;
		float:none;
	}
	.plan .plan-info-w .planR{
		width:100%;
		padding:50px 0 0 0;
		float:none;
	}
	.plan .plan-info-w .menu_box {
		flex-direction: row;
		padding: 5% 0 5% 3%;
		width: auto;
	}
	.plan .plan-info-w .menu_box p.plan_arrow {
		transform: rotate(90deg);
		margin-right: 70px;
		width: auto;
	}
	.plan .btn-deteil{
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.plan#content-area #btn-area li{
		/*width:49%;*/
		padding:0 0.5% 10px 0.5%;
	}
	.plan#content-area #btn-area {
		width: 59%;
		margin: 0 auto;
	}
	.plan#content-area #btn-area ul {
		width: 99%;
	}
	.plan#content-area h3.copy {
		width: 100%;
	}
	

	footer.plan #company-area {
		width:100%;
		text-align:center;
	}
	footer.plan #company-area address.left {
		width:330px;
		padding:0 0 8px 0;
		margin:0 auto;
		float: none;
	}
	footer.plan #company-area address.right {
		width:314px;
		padding:0;
		margin:0 auto;
		float: none;
	}

}


/*--------------------------
      brand settign
--------------------------*/

.brand#content-area .logo{
	text-align: center;
	padding: 40px 0;
}

.brand#content-area h3.copy01,
.brand#content-area h3.copy02{
	padding:0 0 40px 0;
	text-align: center;
}

.brand#content-area .bcopy01,
.brand#content-area .bcopy02{
	padding:0 0 40px 0;
}
.brand#content-area .bcopy01 span,
.brand#content-area .bcopy02 span{
	display:none;
}

.brand#content-area .mjrunit {
	width:100%;
	padding:0 0 60px 0;
	display:inline-block;
}
.brand#content-area .mjrunit li {
	width: auto;
	padding: 0 0 1px 0;
	line-height: 0;
	float: left;
	position: relative;
}
.brand#content-area .mjrunit img {
	width:100%;
}
.brand#content-area .mjrunit li p.caption {
	width:auto;
	text-align: right;
	font-size: 0.750em;
	padding: 0 0 0 0;
	position:absolute;
	bottom:5px;
	right:5px;
	color:rgba(255,255,255,1.00);
	text-shadow: 0 0 3px rgba(0,0,0,0.50);
}

.brand#content-area .jrunit {
	width:100%;
	padding:0 0 40px 0;
	display:inline-block;
}
.brand#content-area .jrunit li {
	width: auto;
	padding: 0 1px 1px 0;
	line-height: 0;
	float: left;
	position: relative;
}

.brand#content-area .jrunit li p.caption {
	width:auto;
	text-align: right;
	font-size: 0.750em;
	padding: 0 0 0 0;
	position:absolute;
	bottom:5px;
	right:5px;
	color:rgba(255,255,255,1.00);
	text-shadow: 0 0 3px rgba(0,0,0,0.50);
}
.brand#content-area .jrunit li:nth-child(1){
	padding: 0 0 1px 0;
}
.brand#content-area .jrunit li:nth-child(3){
	padding: 0 0 1px 0;
}
.brand#content-area .jrunit li:nth-child(5){
	padding: 0 0 1px 0;
}

@media only screen and (max-width: 999px) {
.brand#content-area .bcopy01{
	width:84.6%;
	margin:0 auto;
}
.brand#content-area .bcopy02{
	width:80.7%;
	margin:0 auto;
}
.brand#content-area .bcopy01 img,
.brand#content-area .bcopy02 img {
	width:100%;
}

.brand#content-area .jrunit {
	width:100%;
	padding:0 0 40px 0;
	display:inline-block;
}
.brand#content-area .jrunit li {
	width: 100%;
	box-sizing:border-box;
}
.brand#content-area .jrunit li img {
	width: 100%;
}
.brand#content-area .jrunit li:nth-child(1){
		width: 100%;
		padding: 0 0 1px 0;
	}
.brand#content-area .jrunit li:nth-child(2){
		width: 55%;
		padding: 0 0.1% 1px 0;
	}
.brand#content-area .jrunit li:nth-child(3){
		width: 44.9%;
		padding: 0 0 1px 0;
	}
.brand#content-area .jrunit li:nth-child(4){
		width: 37%;
		padding: 0 0.1% 1px 0;
	}
.brand#content-area .jrunit li:nth-child(5){
		width: 62.9%;
		padding: 0 0 1px 0;
	}
}

@media only screen and (max-width: 760px) {
	.brand#content-area .logo{
		padding: 25px 0;
	}

	.brand#content-area h3.copy{
		padding:0 0 25px 0;
	}
	.brand#content-area p.bcopy01,
	.brand#content-area p.bcopy02 {
		width:98%;
		margin:0 auto;
		text-align:left;
	}
	.brand#content-area p.bcopy01 img,
	.brand#content-area p.bcopy02 img {
		display:none;
	}
	.brand#content-area p.bcopy01 span,
	.brand#content-area p.bcopy02 span{
		display:inline;
		font-size: 0.938em;
		line-height: 1.75;
		letter-spacing: -0.04em;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	.brand#content-area h3{
		padding:0 0 60px 0;
		text-align: center;
	}
	.brand#content-area h2 img{
		display: none;
	}
	.brand#content-area h2 span{
		display: block;
	}

	.brand#content-area h3 span{
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size:0.875em;
		line-height:1.6;
		text-align: left;
	}

}

@media only screen and (max-width: 480px) {
	.brand#content-area .logo{
		text-align: center;
		padding: 0 0 20px 0;
	}

	.brand#content-area h3.copy01,
	.brand#content-area h3.copy02{
		padding:0 0 20px 0;
	}

	.brand#content-area h3.copy01{
		width:92.0833333333%;
		margin:0 auto;
	}
	.brand#content-area h3.copy02{
		width:78.333333333%;
		margin:0 auto;
	}
	.brand#content-area h3.copy01 img,
	.brand#content-area h3.copy02 img{
		width:100%;
	}

	.brand#content-area .jrunit {
		width:100%;
		padding:0 0 30px 0;
	}
	.brand#content-area .jrunit li {
		width: 100%;
		padding: 0 0 1px 0;
		box-sizing:border-box;
	}
	.brand#content-area .jrunit li:nth-child(1){
			width: 100%;
	}
	.brand#content-area .jrunit li:nth-child(2){
		width: 100%;
	}
	.brand#content-area .jrunit li:nth-child(3){
		width: 100%;
	}
	.brand#content-area .jrunit li:nth-child(4){
		width: 100%;
		padding: 0 0.1% 1px 0;
	}
	.brand#content-area .jrunit li:nth-child(5){
		width: 100%;
	}


}



/*--------------------------
      outline settign
--------------------------*/
.outline#content-area h3 {
	text-align:left;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:1.063em;
	font-weight:600;
}
.outline#content-area dl {
	width:100%;
	margin:20px auto 50px auto;
	padding:0 0 0 0;
	text-align:left;
	border-bottom: rgba(34,24,21,0.1) 1px solid;
	background:#F0F0F0;
}

.outline#content-area dl dt{
	width:285px;
	margin:0 auto;
	padding:19px 0 15px 15px;
	text-align:left;
	float:left;
	color: #000000;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:0.938em;
	line-height:1.8;
	letter-spacing:-0.05em;
	background:#F0F0F0;
	border-top:1px solid #DBDADA;
	position: relative;
}
.outline#content-area dl dd{
	width:auto;
	margin:0 auto 0 300px;
	padding:19px 0 15px 30px;
	text-align:left;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size:0.938em;
	line-height:1.8;
	border-top: #E8E7E7 1px solid;
	background:#FFF;
}
.outline#content-area #att-area .att {
	color:#262626;
}

@media only screen and (max-width: 999px) {
	.outline#content-area{
	width:100%;
	margin:0 auto;
	}
	.outline#content-area dl {
		width:95%;
		margin:20px auto 50px auto;
		padding:0 0 0 0;
		text-align:left;
	}
}


@media only screen and (max-width: 760px) {
	.outline#content-area dl {
		width:95%;
		margin:5% auto;
		padding:0 0 0 0;
		text-align:left;
		background:#FFF;
	}

	.outline#content-area dl dt{
		width:100%;
		padding:3% 0 3% 2%;
		float:none;
		font-size:0.875rem;
		line-height: 1;
		border-top:1px solid #DBDADA;
	}
	.outline#content-area dl dd{
		padding: 3% 0 3% 2%;
		margin: 0 0 2% 0;
		font-size:0.875rem;
		line-height: 1.5;
		border-top: none;
		border-top: #E8E7E7 1px solid;
	}
}


/*--------------------------
      gallery settign
--------------------------*/
header.gallery-head {
	border-bottom:#DCE0E2 1px solid;
}
.gallery#content-area .in-box {
		width:100%;
	}
.gallery .map{
	margin:20px auto;
}
.gallery .add-wrapper {
	width:700px;
	margin:0 auto 15px auto;
	padding:10px;
	background:#095d33;
	box-sizing:border-box;
}
.gallery .add-wrapper .map2 {
	width: 57.352941176%;
	float: left;
	box-sizing:border-box;
}
.gallery .add-wrapper .map-info {
	width: 37.714285714%;
	margin:15px 8px 0 0;
	float:right;
	box-sizing:border-box;
}
.gallery .add-wrapper .map2 img,
.gallery .add-wrapper .map-info img {
	width:100%;
}
.gallery .tel-wrapper {
	width:700px;
	margin:0 auto 15px auto;
	padding:20px;
	background:#095d33;
	box-sizing:border-box;
}
.gallery .tel-wrapper p.contact {
	text-align:left;
	padding:0 0 10px 0;
}
.gallery .tel-wrapper .tel {
	width:52.7272727272%;
	float: left;
}
.gallery .tel-wrapper p.time {
	width:45.181818%;
	float: right;
}
.gallery .tel-wrapper .tel img,
.gallery .tel-wrapper p.time img {
	width:100%;
}
.gallery .btn-deteil{
	width:411px;
	padding:25px 0 25px 0;
	margin: 0 auto 0 auto;
}
.gallery .btn-deteil li{
	float:left;
}
.gallery .btn-deteil li:nth-child(2){
	float:right;
}
footer.gallery {
	margin:30px 0 0 0;
		border-top:1px solid #DCE0E2;
		padding-bottom: 0;

}
footer.gallery #company-area {
	width:100%;
}
footer.gallery #company-area address.left {
	width:50%;
	padding:0 3%;
	float: left;
	box-sizing:border-box;
}
footer.gallery #company-area address.right {
	width:50%;
	padding:0 3%;
	float: right;
	box-sizing:border-box;
}
footer.gallery #company-area address.left img,
footer.gallery #company-area address.right img {
	width:100%;
}
.pc {
	display:block;
}
.sp {
	display: none;
}

@media only screen and (max-width: 700px) {
	.gallery .map,
	.gallery .add-wrapper,
	.gallery .tel-wrapper {
		width:100%;
	}
	.gallery .map img {
		width:100%;
	}
}
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

@media only screen and (max-width: 480px) {
	.gallery .add-wrapper .map2,
	.gallery .add-wrapper .map-info {
		width:100%;
		float:none;
	}
	.gallery .tel-wrapper .tel,
	.gallery .tel-wrapper p.time {
		width:100%;
		float:none;
	}
	.gallery .tel-wrapper p.time {
		padding:15px 0 0 0;
	}
	.gallery .btn-deteil{
		width:90%;
	}
	.gallery .btn-deteil li{
		width:48%;
		float:left;
	}
	.gallery .btn-deteil li:nth-child(2){
		float:right;
	}
	.gallery .btn-deteil li img{
		width:100%;
	}

	footer.gallery #company-area {
		width:100%;
		text-align:center;
	}
	footer.gallery #company-area address.left {
		width:330px;
		padding:0 0 8px 0;
		margin:0 auto;
		float: none;
	}
	footer.gallery #company-area address.right {
		width:314px;
		padding:0;
		margin:0 auto;
		float: none;
	}
	.pc {
		display:none;
	}
	.sp {
		display: block;
	}

}

/*--------------------------
      tax settign
--------------------------*/
.tax#content-area {
}
.tax#content-area figure{
	line-height: 0;
}
.tax#content-area img{
	width: 100%;
	line-height: 0;
}
.tax#content-area .in-box{
	padding: 65px 0 65px 0;
	margin: 30px auto 0 auto;
	background-image:url(../../tax/img/tax_bg.png);
}
.tax#content-area h2.copy{
	width: 746px;
	margin: 0 auto;
}
.tax#content-area p.bcopy{
	width: 586px;
	margin: 0 auto;
	padding: 0 0 70px 0;
}
.tax#content-area p.bcopy span{
	margin: 0 auto;
	display: none;
}

.tax#content-area h3.point{
	width: 540px;
	margin: 0 auto;
}
.tax#content-area ul.point{
	margin: 0 auto;
	width: 1000px;
	padding: 35px 0 90px 0;
}
.tax#content-area ul.point li{
	margin: 0 auto;
	width: 310px;
	padding: 0 35px 0 0;
	float: left;
}
.tax#content-area ul.point li:nth-child(3){
	padding: 0 0 0 0;
}

.tax#content-area .unit{
	width: 1000px;
	margin: 0 auto 85px auto;
	padding: 0 0;
	position: relative;
}
.tax#content-area .unit .header{
	width: 100%;
	margin: 0 auto;
	border-left: #6ab3d6 1px solid;
	border-right: #6ab3d6 1px solid;
	border-bottom: #6ab3d6 1px solid;
	position: relative;
	box-sizing: border-box;
	background: rgba(255,255,255,1.00);
	padding: 5px 0 0 0;
}
.tax#content-area .unit .header h3{
	margin: 0 auto;
}
.tax#content-area .unit .header h3.point1{
	width: 521px;
}
.tax#content-area .unit .header h3.point2{
	width: 382px;
}
.tax#content-area .unit .header h3.point3{
	width: 381px;
	padding-bottom:30px;
}
.tax#content-area .unit .header .note{
	font-size: 0.813em;
	text-align: center;
	padding: 10px 0 10px 0;
}
.tax#content-area .unit .header i{
	width: 123px;
	display: block;
	position: absolute;
	top:-80px;
	left:30px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.tax#content-area .unit .unit-in{
	width: 100%;
	padding: 0 0;
	border-left: #6ab3d6 1px solid;
	border-right: #6ab3d6 1px solid;
	position: relative;
	box-sizing: border-box;
	background: rgba(255,255,255,1.00);
}
.tax#content-area .unit .unit-in h3{
	width: 100%;
	padding: 0 0;
	border-left: #6ab3d6 1px solid;
	border-right: #6ab3d6 1px solid;
	position: relative;
	box-sizing: border-box;
	background: rgba(255,255,255,1.00);
}
.tax#content-area .unit .unit-in figure.point1{
	width: 790px;
	margin: 0 auto;
	padding: 50px 0 35px;
}
.tax#content-area .unit .unit-in figure.point2{
	width: 878px;
	margin: 0 auto;
	padding: 50px 0 35px;
}
.tax#content-area .unit .unit-in figure.point3{
	width: 878px;
	margin: 0 auto;
	padding: 50px 0 0px 0;
}
.tax#content-area .unit .unit-in figure.att{
	width: 725px;
	margin: 0 auto;
	padding: 0 0 0;
}
.tax#content-area .unit .unit-in .note{
	font-size: 0.813em;
	text-align: center;
	padding: 20px 0 0 0;
}
.tax#content-area .unit .unit-in .note-right{
	width: 878px;
	margin: 0 auto;
	text-align: right;
	padding: 10px 0 0 0;
	font-size: 0.813em;
}

.tax#content-area .link{
	width: 100%;
	padding: 0 0;
	position: relative;
	box-sizing: border-box;
}
.tax#content-area .link h4{
	font-size: 1.750em;
	font-weight: bold;
	text-align: center;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #000000;
	padding: 0 0 30px 0;
}
.tax#content-area .link h4 a{
	color: #00a0e9;
	font-weight: bold;
	text-decoration: underline;
}
.tax#content-area .link p.cotion{
	color: #c8161d;
	font-size:1.063em;
	font-weight: bold;
	text-align: center;
	line-height: 1.8;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding: 20px;
	width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
	border: #c8161d 1px solid;
	background: rgba(255,255,255,1.00);
}
@media only screen and (max-width: 999px) {
	.tax#content-area .in-box{
	}
	.tax#content-area h2.copy{
		width: 746px;
	}
	.tax#content-area p.bcopy{
		width: 586px;
		padding: 0 0 70px 0;
	}
	.tax#content-area p.bcopy span{
		margin: 0 auto;
		display: none;
	}

	.tax#content-area h3.point{
		width: 540px;
		margin: 0 auto;
	}
	.tax#content-area ul.point{
		margin: 0 auto;
		width: 100%;
		padding: 35px 0 90px 0;
	}
	.tax#content-area ul.point li{
		width: 31%;
		padding: 0 3.5% 0 0;
		float: left;
	}
	.tax#content-area ul.point li:nth-child(3){
		padding: 0 0 0 0;
	}

	.tax#content-area .unit{
		width: 90%;
		margin: 0 auto 85px auto;
	}
	.tax#content-area .unit .header{
		width: 100%;
	}
	.tax#content-area .unit .header h3{
		margin: 0 auto;
	}
	.tax#content-area .unit .header h3.point1{
		width: 521px;
	}
	.tax#content-area .unit .header h3.point2{
		width: 382px;
	}
	.tax#content-area .unit .header h3.point3{
		width: 381px;
	}
	.tax#content-area .unit .header .note{
		font-size: 0.813em;
		text-align: center;
		padding: 10px 0 10px 0;
	}
	.tax#content-area .unit .header i{
		width: 123px;
		position: absolute;
		top:-80px;
		left:30px;
	}

	.tax#content-area .unit .unit-in{
	}
	.tax#content-area .unit .unit-in h3{
		width: 100%;
		padding: 0 0;
		border-left: #6ab3d6 1px solid;
		border-right: #6ab3d6 1px solid;
		position: relative;
		box-sizing: border-box;
		background: rgba(255,255,255,1.00);
	}
	.tax#content-area .unit .unit-in figure.point1{
		width: 79%;
		margin: 0 auto;
		padding: 50px 0 35px;
	}
	.tax#content-area .unit .unit-in figure.point2{
		width: 87.8%;
		margin: 0 auto;
		padding: 50px 0 35px;
	}
	.tax#content-area .unit .unit-in figure.point3{
		width: 87.8%;
		margin: 0 auto;
		padding: 50px 0 0px 0;
	}
	.tax#content-area .unit .unit-in figure.att{
		width: 72.5%;
		margin: 0 auto;
		padding: 0 0 0;
	}
	.tax#content-area .unit .unit-in .note{
		font-size: 0.813em;
		text-align: center;
		padding: 20px 0 0 0;
	}
	.tax#content-area .unit .unit-in .note-right{
		width: 87.8%;
		padding: 10px 0 0 0;
		font-size: 0.813em;
	}

	.tax#content-area .link{
		width: 90%;
		margin: 0 auto;
	}
	.tax#content-area .link h4{
		font-size: 1.750em;
		padding: 0 0 30px 0;
	}
	.tax#content-area .link p.cotion{
		color: #c8161d;
		font-size:1.063em;
		padding: 20px;
		width: 100%;
	}
}
@media only screen and (max-width: 768px) {
	.tax#content-area .in-box{
		padding: 30px 0;
	}
	.tax#content-area h2.copy{
		width: 100%;
	}
	.tax#content-area h2.copy span{
		display: block;
		font-size: 1.350em;
	}
	.tax#content-area p.bcopy{
		width: 100%;
		padding: 0 0 50px 0;
	}
	.tax#content-area p.bcopy span{
		margin: 0 auto;
		display: block;
		font-size: 1.125em;
	}
	.tax#content-area p.bcopy img{
		display: none;
	}

	.tax#content-area h3.point{
		width: 80%;
		margin: 0 auto;
	}
	.tax#content-area ul.point{
		width: 80%;
		margin: 0 auto;
		padding: 25px 0 70px 0;
	}
	.tax#content-area ul.point li{
		width: 100%;
		padding: 0 0 30px 0;
		float: none;
	}
	.tax#content-area ul.point li:nth-child(3){
		padding: 0 0 0 0;
	}

	.tax#content-area .unit{
		width: 90%;
		margin: 0 auto 55px auto;
	}
	.tax#content-area .unit .header{
		width: 100%;
	}
	.tax#content-area .unit .header h3{
		margin: 0 auto;
	}
	.tax#content-area .unit .header h3.point1{
		width: 78.15%;
	}
	.tax#content-area .unit .header h3.point2{
		width: 57.3%;
	}
	.tax#content-area .unit .header h3.point3{
		width: 57.3%;
	}
	.tax#content-area .unit .header .note{
		font-size: 0.813em;
	}
	.tax#content-area .unit .header i{
		width: 123px;
		position: relative;
		top:auto;
		left:auto;
		margin: 0 auto;
		padding: 0 0 30px 0;
	}

	.tax#content-area .unit .unit-in{
	}
	.tax#content-area .unit .unit-in h3{
		width: 100%;

	}
	.tax#content-area .unit .unit-in figure.point1{
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 35px;
	}
	.tax#content-area .unit .unit-in figure.point2{
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 35px;
	}
	.tax#content-area .unit .unit-in figure.point3{
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 0px 0;
	}
	.tax#content-area .unit .unit-in figure.att{
		width: 90%;
		margin: 0 auto;
		padding: 0 0 0;
	}
	.tax#content-area .unit .unit-in .note{
		font-size: 0.813em;
		text-align: center;
		padding: 20px 0 0 0;
	}
	.tax#content-area .unit .unit-in .note-right{
		width: 90%;
		padding: 10px 0 0 0;
		font-size: 0.813em;
	}

	.tax#content-area .link h4{
		font-size: 1.500em;
		line-height: 1.4;
		padding: 0 0 30px 0;
	}
	.tax#content-area .link p.cotion{
		font-size:1.000em;
		padding: 20px;
		text-align: left;
	}
	.tax#content-area .link p.cotion br{
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	.tax#content-area h2.copy span{
		display: block;
		font-size: 1.250em;
	}
	.tax#content-area p.bcopy{
		padding: 0 0 50px 0;
	}
	.tax#content-area p.bcopy span{
		font-size: 1.000em;
	}

	.tax#content-area h3.point{
		width: 90%;
	}
	.tax#content-area ul.point{
		width: 90%;
		padding: 25px 0 50px 0;
	}
	.tax#content-area ul.point li{
		padding: 0 0 30px 0;
	}


	.tax#content-area .unit{
		width: 90%;
		border-top: #6ab3d6 1px solid;
		border-bottom: #6ab3d6 1px solid;
		margin: 0 auto 55px auto;
	}
	.tax#content-area .unit .header{
		width: 100%;
		padding: 30px 0 0 0;
	}
	.tax#content-area .unit .header .note{
		font-size: 0.813em;
	}
	.tax#content-area .unit .header i{
		width: 25%;
		padding: 0 0 30px 0;
	}

	.tax#content-area .unit .unit-in{
		padding: 0 0 30px 0;
	}
	.tax#content-area .unit .unit-in h3{
		width: 100%;

	}
	.tax#content-area .unit .unit-in figure.point1{
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 15px;
	}
	.tax#content-area .unit .unit-in figure.point2{
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 15px;
	}
	.tax#content-area .unit .unit-in figure.point3{
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 0px 0;
	}
	.tax#content-area .unit .unit-in figure.att{
		width: 90%;
		margin: 0 auto;
		padding: 0 0 0;
	}
	.tax#content-area .unit .unit-in .note{
		font-size: 0.688em;
		width: 90%;
		margin: 0 auto;
	}
	.tax#content-area .unit .unit-in .note-right{
		width: 90%;
		padding: 10px 0 0 0;
		font-size: 0.688em;
	}

	.tax#content-area .link h4{
		font-size: 1.250em;
		line-height: 1.4;
		padding: 0 0 30px 0;
	}
	.tax#content-area .link p.cotion{
		font-size:0.875em;
		padding: 15px;
		text-align: left;
	}
}

/*--------------------------
      storage settign
--------------------------*/
.storage#content-area {
	}
.storage#content-area figure{
	line-height: 0;
}
.storage#content-area img{
	width: 100%;
	line-height: 0;
}
.storage#content-area .in-box{
}
.storage#content-area h2.copy{
	width: 350px;
	margin: 0 auto;
}
.storage#content-area h2.copy2{
	width: 588px;
	margin: 0 auto;
}
.storage#content-area h2.copy3{
	width: 337px;
	margin: 0 auto;
}
.storage#content-area p.bcopy{
	width: 706px;
	margin: 0 auto;
	padding: 0 0 70px 0;
}
.storage#content-area p.bcopy span{
	margin: 0 auto;
	display: none;
}

.storage#content-area #plan{
	width: 100%;
	padding: 70px 0;
	background: #f6ecdb;
	border-top:#c8ac88 2px solid;
	border-bottom:#c8ac88 2px solid;
	position: relative;
}
.storage#content-area #plan h3{
	width: 215px;
	position: absolute;
	top:0;
	left:50%;
	margin: 0 0 0 -107.5px;
}


.storage#content-area #merit{
	width: 100%;
	padding: 70px 0;
	position: relative;
}
.storage#content-area #merit ul.option{
	width: 1000px;
	padding: 0 0 70px 0;
	position: relative;
	margin: 0 auto;
}
.storage#content-area #merit ul.option li{
	margin: 0 auto;
	width: 310px;
	padding: 0 35px 0 0;
	float: left;
}
.storage#content-area #merit ul.option li:nth-child(3){
	padding: 0 0 0 0;
}

.storage#content-area #merit .me{
	width: 900px;
	margin: 0 auto;
	position: relative;
}
.storage#content-area #merit .me .floatL,
.storage#content-area #merit .me .floatR{
	width: 430px;
	margin: 0 auto;
	position: relative;
	padding: 20px 34px;
	border: rgba(172,172,172,1.00) 1px solid;
	border-radius: 5px;
	box-sizing: border-box;
}

.storage#content-area #merit .me .floatL p span,
.storage#content-area #merit .me .floatR p span{
	display: none;
}

.storage#content-area #merit .me .floatL h3,
.storage#content-area #merit .me .floatR h3{
	width: 65.35%;
	padding: 0 0 20px 0;
	margin: 0 auto;
}
@media only screen and (max-width: 999px) {
	.storage#content-area h2.copy{
		width: 350px;
		margin: 0 auto;
	}
	.storage#content-area h2.copy2{
		width: 588px;
		margin: 0 auto;
	}
	.storage#content-area h2.copy3{
		width: 337px;
		margin: 0 auto;
	}
	.storage#content-area p.bcopy{
		width: 706px;
		margin: 0 auto;
		padding: 0 0 70px 0;
	}
	.storage#content-area p.bcopy span{
		margin: 0 auto;
		display: none;
	}

	.storage#content-area #plan{
		width: 100%;
		padding: 70px 0;
	}
	.storage#content-area #plan h3{
		width: 215px;
		position: relative;
		top:auto;
		left:auto;
		margin: 0 auto;
		padding: 0 0 15px 0;
	}
	.storage#content-area #plan figure{
		width: 90%;
		margin: 0 auto;
	}


	.storage#content-area #merit{
		padding: 70px 0;
	}
	.storage#content-area #merit ul.option{
		width: 90%;
		padding: 0 0 70px 0;
	}
	.storage#content-area #merit ul.option li{
		margin: 0 auto;
		width: 31%;
		padding: 0 3.5% 0 0;
		float: left;
	}

	.storage#content-area #merit .me{
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.storage#content-area #merit .me .floatL,
	.storage#content-area #merit .me .floatR{
		width: 48%;
		padding: 20px 34px;
	}

	.storage#content-area #merit .me .floatL p span,
	.storage#content-area #merit .me .floatR p span{
		display: none;
	}

	.storage#content-area #merit .me .floatL h3,
	.storage#content-area #merit .me .floatR h3{
		width: 65.35%;
		padding: 0 0 20px 0;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 768px) {
	.storage#content-area h2.copy{
		width: 90%;
		margin: 0 auto;
	}
	.storage#content-area h2.copy2{
		width: 100%;
		margin: 0 auto;
	}
	.storage#content-area h2.copy3{
		width: 100%;
		margin: 0 auto;
	}

	.storage#content-area h2 span{
		display: block;
		font-size: 1.350em;
	}


	.storage#content-area p.bcopy{
		width: 90%;
		margin: 0 auto;
		padding: 0 0 40px 0;
	}
	.storage#content-area p.bcopy span{
		margin: 0 auto;
		display: block;
		font-size: 1.125em;
		text-align: left;
	}
	.storage#content-area p.bcopy img{
		display: none;
	}
	.storage#content-area p.bcopy br{
		display: none;
	}

	.storage#content-area #plan{
		width: 100%;
		padding: 40px 0;
	}
	.storage#content-area #plan h3{
		width: 215px;
		padding: 0 0 15px 0;
	}
	.storage#content-area #plan figure{
		width: 90%;
		margin: 0 auto;
	}


	.storage#content-area #merit{
		padding: 40px 0;
	}
	.storage#content-area #merit ul.option{
		width: 90%;
		padding: 0 0 40px 0;
	}
	.storage#content-area #merit ul.option li{
		margin: 0 auto;
		width: 100%;
		padding: 0 0 20px 0;
		float: none;
	}

	.storage#content-area #merit .me{
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.storage#content-area #merit .me .floatL,
	.storage#content-area #merit .me .floatR{
		width: 100%;
		float: none;
		padding: 20px 20px;
	}
	.storage#content-area #merit .me .floatL{
		margin: 0 0 20px 0;
	}

	.storage#content-area #merit .me .floatL p span,
	.storage#content-area #merit .me .floatR p span{
		margin: 0 auto;
		display: block;
		font-size: 1.125em;
		text-align: left;
	}
	.storage#content-area #merit .me .floatL p img,
	.storage#content-area #merit .me .floatR p img{
		display: none;
	}

	.storage#content-area #merit .me .floatL h3,
	.storage#content-area #merit .me .floatR h3{
		width: 65.35%;
		padding: 0 0 20px 0;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 480px) {
	.storage#content-area h2 span{
		display: block;
		font-size: 1.250em;
	}
	.storage#content-area p.bcopy span{
		font-size: 1.000em;
		text-align: left;
	}

	.storage#content-area #plan h3{
		width: 60%;
		padding: 0 0 25px 0;
	}

	.storage#content-area #merit .me .floatL p span,
	.storage#content-area #merit .me .floatR p span{
		font-size: 1.000em;
	}
	.storage#content-area #merit .me .floatL h3,
	.storage#content-area #merit .me .floatR h3{
		width: 90%;
		padding: 0 0 20px 0;
		margin: 0 auto;
	}
}

/*--------------------------
      top7 settign
--------------------------*/
#content.top7 .in-box img { width: 100%; }
#content.top7 .in-box {
	background-color: #154d41;
	padding: 40px 0 50px;
	margin-bottom: 30px;
}
#content.top7 .in-box .top7_inner {
	max-width: 900px;
	margin:0 auto;
}
.top7_inner a:hover {
	opacity: 1;
}
.top7_inner p,
.top7_inner div{
	width: 100%;
}
.top7_inner p { margin-bottom:50px; }
.top7_inner .rank_box { margin-bottom:30px; }
.top7_inner .rank_flex {
	display: flex;
	justify-content: space-between;
}
.top7_inner .rank_flex li {
	display: inline-block;
	width: 31.555556%;
}
#content.top7 .btn-deteil { margin: 30px auto 50px; }
@media only screen and (max-width: 768px) {
#content.top7 .in-box {
    padding: 20px 0;
    margin-bottom: 10px;
}
#content.top7 .in-box .top7_inner {
	max-width: none;
	width: 94%;
	margin:0 auto;
}
.top7_inner p { margin-bottom: 20px; }
.top7_inner .rank_box { margin-bottom: 10px; }
#content.top7 .btn-deteil { margin: 10px auto 30px; }
}
