@charset "utf-8";
/*----------------------------------------------------------------------
Bulk renovation　start
----------------------------------------------------------------------*/
	body #spTopNav,
	body #smpNav #top {
		display: none;
	}

	body .smpLogo {
		display: none;
	}

    body #gHeader #headLine #pNav ul li.top {
    	display: none;
    }
/*    body #gHeader #headLine #pNav ul li.outline a {
			background: #e6e6e6;
    	border-left: 1px solid #dbdadb;
			color: #333;
    }*/

@media only screen and (max-width: 599px) {
	body .smpLogo {
		display: block;
		padding: 77px 0 15px;
		text-align: center;
	}
	body .smpLogo img {
	    zoom: 0.7;
	}
	body #gNav {
		top: 62px;
	}
	body #container {
	    padding-top: 0;
	    min-height: auto;
	}
}

/* spTopNav */
	#spTopNav {
		display: none;
	}
@media only screen and (max-width: 600px) {
	#spTopNav {
		display: block;
		text-align: center;
		vertical-align: baseline;
		margin-bottom: 20px;
	}
	#spTopNav ul {
		background-color: #666;
		border-top: 1px solid #5c5554;
		border-bottom: 1px solid #5c5554;
	}
	#spTopNav li {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 50%;
		float: left;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
		border-bottom: 1px solid #5c5554;
	}
	#spTopNav li:nth-child(odd) {
		border-right: 1px solid #5c5554;
	}
	#spTopNav li:last-child {
		border-bottom: none;
	}
	#spTopNav li a {
		position: relative;
		color: #fff; /* 各物件変更 */
		text-decoration: none;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#spTopNav li.off span {
		color: #999;
	}
	#spTopNav em {
		font-weight: bold;
	}
	#spTopNav li a,
	#spTopNav li span,
	#spTopNav li em {
		display: block;
		padding: 15px 10px;
	}
	#spTopNav li a:hover,
	#spTopNav li a.active,
	#spTopNav li em {
		color: #fff;
		background-color: #856940;
	}
	#spTopNav li a:before {
		content: none;
		display: none;
	}
}
/*----------------------------------------------------------------------
Bulk renovation　end
----------------------------------------------------------------------*/

/* mainVisualArea */
	body #mainVisualArea {
		position: relative;
		text-align: center; background-color: #fff;
	}
	body .flexslider img {
		width: 100%;
	}
	body .flexslider li {
		position: relative;
	}
	body .flexslider li .spVisual {
		display: none;
	}
	body .flexslider li .caption {
		position: absolute;
		right: 10px;
		bottom: 10px;
		color: #fff;
	}
	body .flexslider .caption {
		position: absolute;
		right: 5px;
		bottom: 5px;
		font-size: 10px;
		color: #FFF;
		font-family: "游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", serif;;
		text-shadow: 0 -1px 3px #000;
	}
	body .flexslider .caption br {
		display: none;
	}

	body #mainVisualArea .uspArea {
		position: absolute;
		bottom: 3%;
		left: 50%;
		width: 66.67%;
		margin-left: -33.33%;
	}
	body #mainVisualArea .uspArea ul {
		letter-spacing: -.5em;
		margin: 0 -1.04%;
	}
	body #mainVisualArea .uspArea ul li {
		vertical-align: top;
		letter-spacing: normal;
		display: inline-block;
		margin: 0 0.3125%;
		width: 23.4375%;
	}
	body #mainVisualArea .uspArea ul li span {
		display: block;
		font-size: 10px;
		text-align: right;
		color: #FFF;
		font-family: "游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", serif;;
		text-shadow: 0 -1px 3px #000;
	}
	@media only screen and (max-width:640px) {
		body .flexslider li .spVisual {
			display: block;
		}
		body .flexslider li .pcVisual {
			display: none;
		}
		body .flexslider .caption br {
			display: block;
		}
		/*body .flexslider li:last-child .caption {
			bottom: 25%;
		}*/
	}

/* mainContent */
	body #mainContent {
		border-top: 2px solid #bdab1a;
		padding-top: 0;
		padding-bottom: 50px;
/*		background: #e5effc repeat;*/
/*
		background: url(../imgs/info-bg.jpg) no-repeat center;
		background-size: cover;
*/
}

/* area_planprice */
	.area_planprice {
	    background: #212121;
	    text-align: center;
	    padding: 10px 20px;
    	border-top: 1px solid #262626;
	}
	.area_planprice ul li {
		display: inline-block;
		margin-left: 15px;
		margin-right: 15px;
	}

/* uspArea */
	.uspArea {
		border-bottom: solid 1px #d7cd76;
		background: #494949;
	}
	.uspArea ul {
		    max-width: 1165px;
    margin: 0 auto;
		padding: 1% 5%;
	    overflow: hidden;
	    text-align: center;
	}
	.uspArea ul li {
		display: inline-block;
		text-align: center;
		border-right: 1px solid #6d6d6d;
		padding:0 1.71%;
		vertical-align: middle;
	}
	.uspArea ul li:first-child {
    	border-left: 0;
	}
	.uspArea ul li:last-child {
    	border-right: 0;
	}

/*@media only screen and (max-width: 1270px) {
	.uspArea ul li {
		width: 246px;
		margin: 0 auto;
		display: inline-block;
		text-align: center;
		border-right: none;
		padding:10px 20px;
	}
}*/
@media only screen and (max-width: 975px) {
	.uspArea ul li {
		width: 18%;
		margin: 0 auto;
		display: inline-block;
		border-right:none;
		text-align: center;
		padding:10px 2.17%;
	}
}
/* section#obiArea */
	body .section#obiArea {
		padding: 20px 0;
		background-color: #38211c;
		border-top: 2px solid #867976;
		border-bottom: 1px solid #d7cd76;
	}
	body .section#obiArea .contentTitle {
		text-align: center;

	}
	body .section#obiArea .contentTitle span {
		display: none;
	}
	body .section#obiArea ul {
		text-align: center; font-size: 0; line-height: 0; letter-spacing: -.40em;
	}
	body .section#obiArea ul li {
		display: inline-block; margin-left: 10px; margin-right: 10px;
	}


/* section#infoArea */
	body .section#infoArea {
		display: none;
		margin-bottom: 50px;
	}
	body .section#infoArea .bnrArea {
		text-align: center;
		/*border-top: solid 1px #d9dfd9;*/
	    padding-top: 50px;
	    margin-top: -7px;
	}
	body .section#infoArea .bnrArea a:hover {
		opacity: 0.8;
		transition: .3s;
	}
	body .section#infoArea ul {
		margin-left: -1%; margin-right: -1%;
	}
	body .section#infoArea ul li {
		width: 48%; margin-left: 1%; margin-right: 1%; float: left;
	}
	body .section#infoArea ul li {
		border: 5px solid #f2f0e3; background-color: #d4cea4; padding: 3px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body .section#infoArea ul li .txtRed {
		color: #ee0000;
	}
	body .section#infoArea ul li .inner {
		border: 2px solid #f2f0e3; background-color: #d4cea4; padding: 1px;
	}
	body .section#infoArea ul li .inner .inner02 {
		padding: 10px;
		background: rgb(242,241,228); background: -moz-linear-gradient(left,  rgba(242,241,228,1) 0%, rgba(255,255,255,1) 50%, rgba(242,241,228,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,241,228,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(242,241,228,1))); background: -webkit-linear-gradient(left,  rgba(242,241,228,1) 0%,rgba(255,255,255,1) 50%,rgba(242,241,228,1) 100%); background: -o-linear-gradient(left,  rgba(242,241,228,1) 0%,rgba(255,255,255,1) 50%,rgba(242,241,228,1) 100%); background: -ms-linear-gradient(left,  rgba(242,241,228,1) 0%,rgba(255,255,255,1) 50%,rgba(242,241,228,1) 100%); background: linear-gradient(to right,  rgba(242,241,228,1) 0%,rgba(255,255,255,1) 50%,rgba(242,241,228,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f1e4', endColorstr='#f2f1e4',GradientType=1 );
	}
	body .section#infoArea ul li h4 {
		font-size: 20px; margin-bottom: 10px; color: #7a6d49; text-align: center;
	}
	body .section#infoArea ul li .bdbox {
		border-bottom: 1px dashed #d4cea4; padding-bottom: 15px; margin-bottom: 15px;
	}
	body .section#infoArea ul li#campaign {
		text-align: center;
	}
	body .section#infoArea ul li#campaign .inner {
		background-color: #e0d8bd;
	}
	body .section#infoArea ul.bnrList li {
		border: 0; background-color: transparent; padding: 0; width: 100%; text-align: center; margin-bottom: 10px;
	}
	body .section#infoArea ul.bnrList li a:hover {
		opacity: 0.9;
	}

	.info {
		margin-top: -7px;
		padding-top: 60px;
		padding-bottom: 50px;
		border-bottom: solid 1px #d9dfd9;
	}
	.info strong {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 30px;
		font-weight: normal;
	}
	.info p {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 22px;
		font-weight: normal;
	}

/* seoBnrArea */
	body #seoBnrArea {
		margin-left: -1%; margin-right: -1%;
	}
	body #seoBnrArea ul li {
		position: relative; float: left; width: 31.3%; margin-left: 1%; margin-right: 1%; color: #fff; font-size: 12px; line-height: 18px; font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif, "Meiryo";
	}
	body #seoBnrArea ul li img {
		max-width: 100%;
	}
	body #seoBnrArea ul li .caption {
		color: #fff;
	}
	body #seoBnrArea ul li .photo {
		margin-bottom: 10px; position: relative; overflow: hidden;
	}
	body #seoBnrArea ul li .photo a {
		overflow: hidden; display: block; width: 100%; color: #fff; font-size: 22px; font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; line-height: 20px; text-align: center; text-decoration: none; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
	}
	body #seoBnrArea ul li .photo a:hover img.transform01 {
		/* transition */
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	body #seoBnrArea ul li .photo img.transform01 {
		/* transition */
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	body #seoBnrArea ul li .photo span {
		position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,.6); opacity: 0;
		/* transition */
		-webkit-transition: .3s;
		transition: .3s;
	}
	body #seoBnrArea ul li .photo span strong {
		border: 1px solid #fff; padding: 10px 10px 7px; position: absolute; left: 35%; top: 40%; font-weight: normal;
	}
	body #seoBnrArea ul li .photo a:hover span {
		opacity: 1;
	}
	body #seoBnrArea ul li h3 {
		text-align: center; margin-bottom: 15px; font-size: 20px; font-family: 'Cantata One', serif; text-shadow: 1px 1px 3px #000;
	}

/* @media 960 START */
@media only screen and (max-width:960px) {
	body #mainVisualArea {
		margin-bottom: 0;
	}
	body #mainVisualArea:before {
		top: 10px;
		left: auto;
		right: 10px;
		width: 70px;
	}
@media only screen and (max-width:640px) {


	body .mainVisual_img .caption {
		bottom: -20px;
		color: #fff;
		text-shadow: none;
	}
	body #mainVisualArea h2 {
	}
	body #mainVisualArea h2.lead01{
		width: 240px;
		bottom: 50px;
		left: 5px;
	}
	body #mainVisualArea h2.lead02{
		width: 240px;
		bottom: 5px;
		right: 5px;
	}
	body #mainVisualArea h2.lead03{
		width: 240px;
		bottom: 30px;
		left: 5px;
	}
	body #mainVisualArea .mainVisual {
		position: relative;
	}


	/* area_planprice */
	.area_planprice ul li {
		display: block;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
		margin-top: 5px;
	}

	/* uspArea */
	.uspArea ul li {
		/*display: block;*/
		border-right: 0;
		/*border-bottom: 1px solid #514542;
		padding: 10px 0;*/
	}
	.uspArea ul li:first-child {
    	border-left: 0;
	}
	.uspArea ul li:last-child {
    	border-right: 0;
    	border-bottom: 0;
	}


	body #mainVisualArea .uspArea {
		position: static;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		margin: 0 auto;
		padding: 30px 10px 20px;
		background-color: #e5effc;
	}
	body #mainVisualArea .uspArea ul {
		margin: 20px -1% -10px;
	}
	body #mainVisualArea .uspArea ul li {
		margin: 0 1% 10px;
		width: 48%;
	}
	body #mainVisualArea .uspArea ul li span{
		color: #000;
		margin-top: 0;
		text-shadow: none;
	}
}
/* section#infoArea */
	body .section#infoArea ul li#campaign .btRes,
	body .section#infoArea ul li#campaign .btReq {
		width: 100%;
	}

	/*.uspArea ul li {
		padding:10px 2.17%;
	}*/
}
/* @media 960 END */

/* @media 768 START */
@media only screen and (max-width:768px) {
	/* section#infoArea */
	body .section#infoArea ul {
		margin-left: 0; margin-right: 0;
	}
	body .section#infoArea ul li {
		width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 20px; float: none;
	}
	body .section#infoArea ul li#campaign .btRes {
		width: 65%; margin-left: auto; margin-right: auto;
	}
	body .section#infoArea ul li#campaign .btReq {
		width: 65%; margin-left: auto; margin-right: auto; margin-bottom: 10px;
	}
	body #seoBnrArea ul li .photo span strong {
		left: 30%; top: 40%;
	}
	body #mainVisualArea h2.lead03{
		width: 30%;
	}
}
/* @media 768 END */

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

	.area_planprice ul li {
		margin-bottom: 10px;
	}
	.area_planprice ul li .monthly {
	margin-top: 10px;
	}
}
/* @media 690 END */

/* @media 599 START */
@media only screen and (max-width:599px) {
/* section#obiArea */
	body .section#obiArea ul li {
		margin-bottom: 10px;
	}

	body .section#obiArea .contentTitle img {
		display: none;
	}
	body .section#obiArea .contentTitle span {
		display: block;
	}
/* section#infoArea */
	body .section#infoArea ul li#campaign .btRes,
	body .section#infoArea ul li#campaign .btReq {
		width: 100%; margin-left: auto; margin-right: auto;
	}

/* seoBnrArea */
	body #seoBnrArea {
		margin-left: 0; margin-right: 0;
	}
	body #seoBnrArea ul li {
		float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 30px;
	}
	body #seoBnrArea ul li .photo span strong {
		left: 40%; top: 45%;
	}
	body #seoBnrArea ul li .photo img {
		width: 100%;
	}
}
/* @media 599 END */

/* @media 375 START */
@media only screen and (max-width:375px) {
	/* seoBnrArea */
	body #seoBnrArea ul li .photo span strong {
		left: 37%; top: 45%;
	}
}
/* @media 375 END */

/* @media 320 START */
@media only screen and (max-width:320px) {
	body .section#infoArea ul li#campaign .btReq a span,
	body .section#infoArea ul li#campaign .btRes a span {
		background-image: none;
	}
	body .section#infoArea ul li#campaign .btReq a span img,
	body .section#infoArea ul li#campaign .btRes a span img {
		margin-left: 0;
	}
	/* seoBnrArea */
	body #seoBnrArea ul li .photo span strong {
		left: 32%; top: 45%;
	}
}
/* @media 320 END */

.info-waku {
	border: solid 1px #000;
	padding: 10px;
	margin-bottom: 40px;
}

.info-waku table {
	border-collapse: collapse;
	margin: 0 auto;
	font-size: 22px;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}
.info-waku table th {
	font-weight: normal;
	padding: 0 0 0 1.5ex;
	text-align: left;
}
.info-waku table td {
	padding: 0 1em;
}

.red {
	color: #F00;
}

/* movie */
	.section.movie {
		padding-top: 60px;
	}

/* new info */
	.section.information {
		padding-top: 60px;
		padding-bottom: 60px;
		background: #fff;
	}
	.section.information .fl {
		width: 57.3%;
	}
	.section.information .fl h3 {
		border-bottom: solid 2px #7f7f7f;
		text-align: center;
	}
	.section.information .fr {
		width: 37.5%;
	}
	.section.information .fr ul {
		overflow: hidden;
		margin-bottom: -30px;
	}
	.section.information .fr li {
		margin-bottom: 30px;
	}
	.section.information .fr li a img {
		vertical-align: top;
	}

	.infobox {
		padding: 30px 20px;
		border-left: solid 1px #ddd;
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 16px;
		line-height: 1.6;
	}
	.infobox .font14 {
		font-size: 14px;
	}
	.infobox .caption {
		font-size: 12px;
	}
    .infobox p.inbox{
		padding: 10px;
		background: #faf5d7;
    }
@media only screen and (max-width:599px) {
	.section.information .fl,
	.section.information .fr {
		float: none;
		width: auto;
	}
	.section.information .fr {
		margin-top: 40px;
		text-align: center;
	}

	.infobox {
		padding: 20px;
		font-size: 14px;
	}
	.infobox .font14 {
		font-size: 12px;
	}
	.infobox .caption {
		font-size: 10px;
	}
}

/* section.num1 */
	.section.num1 {
		padding-top: 100px;
		padding-bottom: 100px;
		background: url(../imgs/bg-ptn.gif) repeat center top;
	}

	.section.num1 .wrapper {
		width: 1080px;
	}

	.boxA {
		background: #fff;
		box-shadow: 0 3px 5px 0 #ccc;
	}
	.boxA .hArea {
		padding: 10px 0;
		background: url(../imgs/bg-h.gif) no-repeat center top;
		background-size: cover;
	}
	.boxA .hArea .copy {
		padding: 30px 20px;
		border-top: solid 1px rgba(255, 255, 255, 0.1);
		border-bottom: solid 1px rgba(255, 255, 255, 0.1);

		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 14px;
		line-height: 1.6;
		color: #fff;
		text-align: center;
	}
	.boxA .hArea .copy p.h {
		margin-bottom: 30px;
	}
	.boxA .hArea .copy p span {
		display: none;
	}
	.boxA .hArea .copy p span strong {
		font-weight: normal;
		color: #dacd7e;
	}
	.boxA .inner {
		padding: 60px;
		background: #f8f9f9;
	}

	.boxB {
		background: #e0e8ee;
		box-shadow: 0 2px 6px 0 #eee;
	}
	.boxB .boxinner {
		padding: 20px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 12px;
		line-height: 1.6;
	}

	.boxC {
		background: #fff;
		box-shadow: 0 2px 6px 0 #eee;
	}
	.boxC .boxinner {
		padding: 20px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 12px;
		line-height: 1.6;
	}

	.merit {
		margin-bottom: 5px;
	}
	.merit,
	.dmerit {
		position: relative;
		padding-left: 70px;
	}
	.merit:before {
		content: "メリット";
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		background: #998f56;
		font-family:"Meiryo","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 10px;
		letter-spacing: 0;
		line-height: 19px;
		color: #fff;
		text-align: center;
	}
	.dmerit:before {
		content: "デメリット";
		position: absolute;
		top: 0;
		left: 0;
		width: 60px;
		background: #969696;
		font-family:"Meiryo","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
		font-size: 10px;
		letter-spacing: 0;
		line-height: 19px;
		color: #fff;
		text-align: center;
	}

	.boxB .merit {
		margin-bottom: 15px;
	}
	.boxB .merit,
	.boxB .dmerit {
		padding-top: 30px;
		padding-left: 0;
		font-size: 16px;
	}
	.boxB .merit:before {
		width: 70px;
		font-size: 12px;
		line-height: 24px;
	}
	.boxB .dmerit:before {
		width: 70px;
		font-size: 12px;
		line-height: 24px;
	}

	img {
		max-width: 100%;
	}
@media only screen and (max-width:1080px) {
	.section.num1 .wrapper {
		width: auto; padding-left: 10px; padding-right: 10px;
	}
}
@media only screen and (max-width:599px) {
	.section.num1 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.boxA .hArea .copy {
		padding: 20px;
	}
	.boxA .hArea .copy {
		font-size: 12px;
	}
	.boxA .hArea .copy p.h {
		margin-bottom: 20px;
		font-size: 16px;
	}
	.boxA .hArea .copy p.txtA {
		text-align: left;
	}
	.boxA .hArea .copy p img {
		display: none;
	}
	.boxA .hArea .copy p span {
		display: block;
	}

	.boxA .inner {
		padding: 40px 20px 20px;
	}
}

	.areaA.num1 {
		display: table;
		width: 100%;
		letter-spacing: -.4em;
		font-size: 0;
		line-height: 0;
		margin-bottom: 60px;
	}
	.areaA.num1 .areaL {
		display: inline-block;
		width: 58.34%;
		padding-right: 35px;
		letter-spacing: .1em;
		vertical-align: middle;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	}
	.areaA.num1 .areaR {
		display: inline-block;
		width: 41.66%;
		letter-spacing: .1em;
		vertical-align: middle;
	}
@media only screen and (max-width:768px) {
	.areaA.num1 {
		margin-bottom: 40px;
	}
	.areaA.num1 .areaL {
		display: block;
		width: auto;
		padding-right: 0;
	}
	.areaA.num1 .areaR {
		display: block;
		width: auto;
		margin-top: 40px;
	}
}

	.httl {
		padding: 0 5px;
		text-align: center;
		font-size: 14px;
		line-height: 26px;
		color: #fff;
	}
	.httl.clrA {
		background: #658bab;
		font-size: 18px;
		font-weight: bold;
		line-height: 40px;
	}
	.httl.clrB {
		background: #a78568;
	}
	.httl.clrC {
		background: #a76875;
	}
	.httl.clrD {
		background: #6ca48f;
	}

	.bdrTxt {
		padding: 2px 0;
		border-top: solid 2px #3e5469;
		border-bottom: solid 2px #3e5469;
		text-align: center;
	}
	.bdrTxt .inner {
		padding: 30px 20px;
		border-top: solid 1px #3e5469;
		border-bottom: solid 1px #3e5469;
	}
@media only screen and (max-width:599px) {
	.bdrTxt .inner {
		padding: 20px;
	}
	.bdrTxt .inner img {
		zoom: 0.8;
	}
}



	body #contNav {
	}
	body #contNav ul li {
		padding-top: 60px;
	}
@media only screen and (max-width:768px) {
	body #contNav ul {
		overflow: hidden;
		margin-top: -20px;
		padding-top: 40px;
	}
	body #contNav ul li {
		margin-top: 20px;
		padding-top: 0;
	}
}

.uspArea1{
	width:9.27%;
}
.uspArea2{
	width:8.75%;
}
.uspArea3{
	width:9.09%;
}
.uspArea4{
	width:8.69%;
}
.uspArea5{
	width:8.84%;
}

@media only screen and (max-width:1305px) {
	.uspArea ul {
		padding: 1%  1%;
	}
}

/* 選べるキャンペーンバナー */
.bnr-img {
	margin-top: 30px;
	text-align: center;
}
.bnr-img img {
	margin-left: -1px;
	border: 1px solid #b3b3b3;
	-moz-box-shadow: 0 1px 5px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 5px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 0 1px 5px 2px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 1px 5px 2px rgba(0,0,0,0.2);
}
.bnr-cap {
	max-width: 720px;
	margin: 5px auto 30px;
	color: #666666;
	font-size: 10px;
	line-height: 1.65;
	text-align: left;
}



/*modal*/
.modal-content {
    position:fixed;
    width:100vw;
		overflow: hidden;
    margin:0;
    z-index: 10;
    left: 50%;

	transform: translateX(-50.2%);
	-moz-transform: translateX(-50.2%);
	-webkit-transform: translateX(-50.2%);
	-ms-transform: translateX(-50.2%);

	margin-top: 200px;
	text-align: center;
	display:none;
}

.modal-content p {
    margin:0;
    padding:0;
}

.modal-content p:first-child{
	margin-bottom: 10px;
}
.modal-overlay {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100%;
    background-color:rgba(0,0,0,0.75);
    z-index: 9;
		overflow: hidden;
}

.modal-open {
    color:#00f;
    text-decoration:underline;
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {
    color:#00f;
    text-decoration:underline;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}