@charset "UTF-8";
/* 767px以下 スマホ向け
--------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	#widespan .main div {
		background: url("../img/ws/main.jpg") center 50% no-repeat;
	}
	#widespan .main div {
		padding-top: 44%;
	}
	#widespan .lead {
		margin-bottom: 40px;
		line-height: 1.9;
	}
	/**/
	#widespan .block_design {
		margin: 0 20px 60px;
	}
	#widespan .h_design {
		font-size: 20px;
		color: #fff;
		text-align: center;
		background-color: #373737;
		padding: 10px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
	}
	#widespan .ul_design {
		display: flex;
		flex-wrap: wrap;
	}
	#widespan .ul_design li {
		width: 50%;
		line-height: 1.2;
		border: solid 1px #373737;
		border-top: none;
		border-left: none;
		box-sizing: border-box;
	}
	#widespan .ul_design li:first-of-type, #widespan .ul_design li:nth-of-type(3) {
		border-left: solid 1px #373737;
	}
	#widespan .box1 {
		background-color: #e1e1e1;
		padding: 10px;
	}
	#widespan .box1 .txt_b1_1 {
		font-size: 22px;
		color: bleu;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		border-bottom: solid 1px #fff;
		padding-bottom: 10px;
		margin-bottom: 15px;
		text-align: center;
	}
	#widespan .box1 .txt_b1_1 strong {
		font-size: 126%;
		font-weight: 400;
	}
	#widespan .box1 .txt_b1_2 {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	#widespan .box1 .txt_b1_2 .txt_type1 {
		font-size: 21px;
		width: 50%;
		text-align: center;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
	}
	#widespan .box1 .txt_b1_2 .txt_type1 strong {
		font-size: 125%;
		font-weight: 400;
	}
	#widespan .box1 .txt_b1_2 .txt_type2 {
		font-size: 18px;
		letter-spacing: 0.05em;
	}
	#widespan .box1 .txt_b1_2 .txt_type2 span:nth-of-type(1) {
		display: block;
		font-size: 62%;
	}
	#widespan .box1 .txt_b1_2 .txt_type2 strong {
		font-size: 130%;
		font-weight: 400;
	}
	#widespan .box1 .txt_b1_2 .txt_type2 span:nth-of-type(2) {
		font-size: 11px;
	}
	#widespan .box2 {
		padding: 15px 0;
		text-align: center;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
	}
	#widespan .box2 .txt_b2_1 {
		font-size: 18px;
	}
	#widespan .box2 .txt_b2_2 {
		font-size: 22px;
		color: bleu;
	}
	#widespan .box2 .txt_b2_2 span {}
	#widespan .box2 .txt_b2_2 strong {
		color: #aa0000;
		font-size: 176%;
		margin: 0 4px;
	}
	/**/
	#widespan .h_point {
		font-size: 20px;
		margin: 0 15px 20px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		text-align: center;
		line-height: 1.2;
	}
	#widespan .h_point strong {
		font-weight: 400;
		font-size: 160%;
	}
	#widespan .h_point span {
		font-size: 120%;
	}
	#widespan .ul_point {
		margin: 0 20px;
		padding-bottom: 30px;
	}
	#widespan .ul_point li {
		text-align: center;
		line-height: 1.2;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		margin-bottom: 20px;
	}
	#widespan .ul_point li div:nth-of-type(1) {
		font-size: 18px;
		color: #fff;
		padding: 5px 0;
	}
	#widespan .ul_point li.li1 div:nth-of-type(1) {
		background-color: #9a6c70;
	}
	#widespan .ul_point li.li2 div:nth-of-type(1) {
		background-color: #ce9959;
	}
	#widespan .ul_point li.li3 div:nth-of-type(1) {
		background-color: #6e9ebe;
	}
	#widespan .ul_point li div:nth-of-type(1) span {
		font-size: 170%;
		margin-left: 5px;
	}
	#widespan .ul_point li div:nth-of-type(2) {
		font-size: 16px;
		padding: 15px 0;
		line-height: 1.6;
	}
	#widespan .ul_point li div:nth-of-type(2) br {
		display: none;
	}
	#widespan .ul_point li.li1 div:nth-of-type(2) {
		background: url("../img/ws/bg1.jpg") left top no-repeat;
		background-size: 100% 100%;
	}
	#widespan .ul_point li.li2 div:nth-of-type(2) {
		background: url("../img/ws/bg2.jpg") left top no-repeat;
		background-size: 100% 100%;
	}
	#widespan .ul_point li.li3 div:nth-of-type(2) {
		background: url("../img/ws/bg3.jpg") left top no-repeat;
		background-size: 100% 100%;
	}
	#widespan .pg {
		margin: 0 20px 60px;
	}
	#widespan .pg .h_pg {
		margin-bottom: 20px;
		color: #fff;
		line-height: 1.2;
		letter-spacing: 0.05em;
		align-items: center;
	}
	#widespan .pg1 .h_pg {
		background-color: #9a6c70;
	}
	#widespan .pg2 .h_pg {
		background-color: #ce9959;
	}
	#widespan .pg3 .h_pg {
		background-color: #6e9ebe;
	}
	#widespan .pg .h_pg div {
		padding: 15px 5px 15px 20px;
		box-sizing: border-box;
	}
	#widespan .pg .h_pg div:nth-of-type(1) {
		font-size: 18px;
		padding-bottom: 10px;
		border-bottom: solid 1px #fff;
	}
	#widespan .pg .h_pg div:nth-of-type(1) span {
		font-size: 170%;
	}
	#widespan .pg .h_pg div:nth-of-type(2) {
		font-size: 20px;
	}
	#widespan .pg .lead_pg {
		font-size: 16px;
		margin-bottom: 30px;
	}
	/**/
	#widespan .pg .ol_point {
		padding-bottom: 10px;
	}
	/**/
	#widespan .ol_point li {
		margin-bottom: 15px;
		position: relative;
		font-size: 16px;
		padding-left: 30px;
	}
/*	#widespan .ol_point li br {
		display: none;
	}*/
	#widespan .ol_point li br.sp_br {
		display: block;
	}
	#widespan .ol_point li::before {
		content: "";
		display: block;
		width: 22px;
		height: 22px;
		background-color: #aa0000;
		border-radius: 100%;
		position: absolute;
		top: 2px;
		left: 0;
	}
	#widespan .ol_point li::after {
		color: #fff;
		white-space: nowrap;
		font-family: "EB Garamond", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		position: absolute;
		top: 0;
		left: 8px;
	}
	#widespan .ol_point li:nth-of-type(1)::after {
		content: "1";
	}
	#widespan .ol_point li:nth-of-type(2)::after {
		content: "2";
	}
	#widespan .ol_point li:nth-of-type(3)::after {
		content: "3";
	}
	#widespan .ol_point li strong {
		font-weight: 400;
		font-size: 16px;
		color: #aa0000;
	}
	#widespan .img_hanrei {
		width: 255px;
		margin-top: 20px;
	}
	#widespan .note1 {
		font-size: 10px;
		margin-top: 15px;
	}
	/**/
	/**/
	#widespan .block_pg1 {}
	#widespan .box_pg1 {
		margin-bottom: 60px;
	}
	#widespan .box_pg2 {}
	#widespan .box_pg .h_box1 {
		text-align: center;
		padding: 8px;
		font-size: 16px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}
	#widespan .box_pg .h_box2 {
		margin-bottom: 30px;
		line-height: 1.2;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
	}
	#widespan .box_pg .h_box2_1 {
		font-size: 26px; /*38px */
		margin-right: 5px;
	}
	#widespan .box_pg .h_box2_1 span {
		font-size: 84%;
		margin-left: 5px;
	}
	#widespan .box_pg .h_box2_2 {
		font-size: 18px;
		margin-right: 5px;
		padding-bottom: 4px;
	}
	#widespan .box_pg .h_box2_3 {
		font-size: 30px; /*42px */
		line-height: 1.1;
		padding-bottom: 2px;
	}
	#widespan .box_pg .h_box2_3 span {
		font-size: 52%;
		margin-left: 3px;
	}
	#widespan .box_pg .h_box2_4 {
		font-size: 15px;
		padding-top: 10px;
	}
	#widespan .box_pg .h_box2_4 strong {
		font-size: 140%;
		font-weight: 400;
		margin-right: 5px;
	}
	/**/
	#widespan .box_pg1 .h_box1 {
		background-color: #9a6c70;
		color: #fff;
		border: solid 1px #9a6c70;
	}
	#widespan .box_pg1 .img_plan {}
	#widespan .box_pg1 .ol_point {}
	#widespan .box_pg2 .img1 {
		width: 89.4%;
		margin: 0 auto;
	}
	/**/
	#widespan .box_pg2 .h_box2 {}
	#widespan .box_pg2 .h_box1 {
		border: solid 1px #373737;
	}
	/**/
	#widespan .pg2 .img_plan {
		margin-bottom: 30px;
	}
	#widespan .pg2 .ol_point {}
	#widespan .pg2 .h_box2_4, #widespan .pg3 .h_box2_4 {
		font-size: 14px;
		text-align: center;
		margin: 0 10px 20px;
	}
	#widespan .pg2 .h_box2_4 strong, #widespan .pg3 .h_box2_4 strong {
		font-size: 140%;
		font-weight: 400;
		margin-right: 5px;
	}
	#widespan .pg2 .img4 {
		width: 77.8%;
		margin: 0 auto;
	}
	#widespan .pg2 .note1, #widespan .pg2 .img_hanrei {}
	#widespan .pg2 .img_hanrei {}
	#widespan .pg2 .note1 {}
	#widespan .pg2 .img5 {
		position: relative;
		margin: 0 auto;
	}
	#widespan .pg2 .img5 span {
		position: absolute;
		right: 0px;
		bottom: 0;
		font-size: 10px;
	}
	/**/
	#widespan .pg3 {}
	#widespan .pg3 .img_plan {
		margin-bottom: 60px;
	}
	#widespan .pg3 .box_balcony {
		margin-bottom: 30px;
	}
	#widespan .pg3 .img7 {
		position: relative;
		margin-bottom: 15px;
	}
	#widespan .pg3 .img7 span {
		position: absolute;
		right: 10px;
		bottom: 5px;
		color: #fff;
		font-size: 10px;
	}
	#widespan .pg3 .txt_balcony1 {
		color: #aa0000;
		font-size: 16px;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	#widespan .pg3 .txt_balcony1 strong {
		font-size: 180%;
	}
	#widespan .pg3 .txt_balcony2 {
		font-size: 16px;
	}
	#widespan .pg3 .h_box2_4 {
		margin: 0 0 20px;
	}
	#widespan .pg3 .img6 {}
	#widespan .pg3 .note1, #widespan .pg3 .img_hanrei {}
	/**/
	#widespan .pg4 {
		margin: 0 auto 60px;
	}
	#widespan .pg4 .img9 {
		position: relative;
		margin: 0 auto 50px;
		background: url("../img/ws/img9_sp.jpg") left top no-repeat;
		background-size: 100%;
	}
	#widespan .pg4 .img9 span {
		display: block;
		padding: 5px 0 0 1px;
		font-size: 10px;
	}
	#widespan .pg4 .img9 div {
		position: absolute;
		top: 10px;
		left: 20px;
		line-height: 1.4;
		color: #fff;
		font-size: 16px;
		letter-spacing: 0.05em;
	}
	#widespan .pg4 .img8 {
		margin: 0 40px;
		position: relative;
	}
	#widespan .pg4 .img8 span {
		display: block;
		margin-top: 5px;
		font-size: 10px;
	}
	/**/
	#widespan .pg5 {}
	#widespan .pg5 .btn_planto {
		margin: 0 0 40px;
	}
	#widespan .pg5 .btn_planto a {
		display: block;
		position: relative;
		background: url("../img/ws/img10.jpg") center 50% no-repeat;
		background-size: cover;
		padding: 20px 0 20px;
	}
	#widespan .pg5 .btn_planto a::after, #widespan .pg5 .btn_planto a::before {
		content: none;
	}
	#widespan .pg5 .btn_planto a span {
		position: absolute;
		right: 10px;
		bottom: 5px;
		color: #fff;
		font-size: 10px;
		letter-spacing: 0;
	}
	#widespan .pg5 .btn_planto a .btn_planto1 {
		margin-bottom: 14px;
	}
	#widespan .pg5 .btn_planto a .en_font2 {
		position: relative;
		width: 180px;
		margin: 0 auto;
	}
	#widespan .pg5 .btn_planto a .en_font2::before {
		position: absolute;
		right: 00px;
		top: 50%;
		content: "";
		width: 40px;
		height: 1px;
		background-color: #fff;
	}
	#widespan .pg5 .btn_planto a .en_font2::after {
		position: absolute;
		right: -2px;
		top: 29%;
		content: "";
		width: 18px;
		height: 1px;
		background-color: #fff;
		transform: rotate(45deg);
	}
	#widespan .pg5 .h_btn {
		font-size: 16px;
		margin: 0 auto 20px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		text-align: center;
	}
}
/* 768px以上 PC向け
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
	#widespan .main div {
		background: url("../img/ws/main.jpg") center 50% no-repeat;
	}
	#widespan .main div {
		padding-top: 44%;
	}
	#widespan .lead {
		margin-bottom: 40px;
		line-height: 1.9;
	}
	/**/
	#widespan .block_design {
		width: 1000px;
		margin: 0 auto 120px;
	}
	#widespan .h_design {
		font-size: 32px;
		color: #fff;
		text-align: center;
		background-color: #373737;
		padding: 10px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
	}
	#widespan .ul_design {
		display: flex;
	}
	#widespan .ul_design li {
		width: 25%;
		line-height: 1.2;
		border: solid 1px #373737;
		border-top: none;
		border-left: none;
		box-sizing: border-box;
	}
	#widespan .ul_design li:first-of-type {
		border-left: solid 1px #373737;
	}
	#widespan .box1 {
		background-color: #e1e1e1;
		padding: 10px;
	}
	#widespan .box1 .txt_b1_1 {
		font-size: 30px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		border-bottom: solid 1px #fff;
		padding-bottom: 10px;
		margin-bottom: 15px;
		text-align: center;
	}
	#widespan .box1 .txt_b1_1 strong {
		font-size: 126%;
		font-weight: 400;
	}
	#widespan .box1 .txt_b1_2 {
		display: flex;
		align-items: flex-end;
	}
	#widespan .box1 .txt_b1_2 .txt_type1 {
		font-size: 30px;
		width: 50%;
		text-align: center;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
	}
	#widespan .box1 .txt_b1_2 .txt_type1 strong {
		font-size: 125%;
		font-weight: 400;
	}
	#widespan .box1 .txt_b1_2 .txt_type2 {
		font-size: 26px;
		letter-spacing: 0.05em;
	}
	#widespan .box1 .txt_b1_2 .txt_type2 span:nth-of-type(1) {
		display: block;
		font-size: 62%;
	}
	#widespan .box1 .txt_b1_2 .txt_type2 strong {
		font-size: 130%;
		font-weight: 400;
	}
	#widespan .box1 .txt_b1_2 .txt_type2 span:nth-of-type(2) {
		font-size: 92%;
	}
	#widespan .box2 {
		padding: 15px 0;
		text-align: center;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
	}
	#widespan .box2 .txt_b2_1 {
		font-size: 26px;
	}
	#widespan .box2 .txt_b2_2 {
		font-size: 30px;
	}
	#widespan .box2 .txt_b2_2 span {}
	#widespan .box2 .txt_b2_2 strong {
		color: #aa0000;
		font-size: 176%;
		margin: 0 4px;
	}
	/**/
	#widespan .h_point {
		font-size: 38px;
		margin: 0 auto 70px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		text-align: center;
		line-height: 1.2;
	}
	#widespan .h_point strong {
		font-weight: 400;
		font-size: 160%;
	}
	#widespan .h_point span {
		font-size: 120%;
	}
	#widespan .ul_point {
		width: 1000px;
		margin: 0 auto 100px;
		display: flex;
		justify-content: space-between;
	}
	#widespan .ul_point li {
		text-align: center;
		line-height: 1.2;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		width: 300px;
	}
	#widespan .ul_point li div:nth-of-type(1) {
		font-size: 28px;
		color: #fff;
		padding: 10px 0;
	}
	#widespan .ul_point li.li1 div:nth-of-type(1) {
		background-color: #9a6c70;
	}
	#widespan .ul_point li.li2 div:nth-of-type(1) {
		background-color: #ce9959;
	}
	#widespan .ul_point li.li3 div:nth-of-type(1) {
		background-color: #6e9ebe;
	}
	#widespan .ul_point li div:nth-of-type(1) span {
		font-size: 170%;
		margin-left: 5px;
	}
	#widespan .ul_point li div:nth-of-type(2) {
		font-size: 25px;
		padding: 30px 0;
		line-height: 1.6;
	}
	#widespan .ul_point li.li1 div:nth-of-type(2) {
		background: url("../img/ws/bg1.jpg") left top no-repeat;
		background-size: 100% 100%;
	}
	#widespan .ul_point li.li2 div:nth-of-type(2) {
		background: url("../img/ws/bg2.jpg") left top no-repeat;
		background-size: 100% 100%;
	}
	#widespan .ul_point li.li3 div:nth-of-type(2) {
		background: url("../img/ws/bg3.jpg") left top no-repeat;
		background-size: 100% 100%;
	}
	#widespan .pg {
		width: 1000px;
		margin: 0 auto 120px;
	}
	#widespan .pg .h_pg {
		margin-bottom: 40px;
		display: flex;
		color: #fff;
		line-height: 1.2;
		letter-spacing: 0.05em;
		align-items: center;
	}
	#widespan .pg1 .h_pg {
		background-color: #9a6c70;
	}
	#widespan .pg2 .h_pg {
		background-color: #ce9959;
	}
	#widespan .pg3 .h_pg {
		background-color: #6e9ebe;
	}
	#widespan .pg .h_pg div {
		padding: 15px 0;
		box-sizing: border-box;
	}
	#widespan .pg .h_pg div:nth-of-type(1) {
		font-size: 28px;
		border-right: solid 1px #fff;
		width: 190px;
		text-align: center;
	}
	#widespan .pg .h_pg div:nth-of-type(1) span {
		font-size: 170%;
	}
	#widespan .pg .h_pg div:nth-of-type(2) {
		font-size: 34px;
		padding-left: 40px;
	}
	#widespan .pg .lead_pg {
		font-size: 22px;
		line-height: 1.9;
		margin-bottom: 50px;
	}
	/**/
	#widespan .pg .ol_point {}
	/**/
	#widespan .ol_point li {
		margin-bottom: 25px;
		position: relative;
		white-space: nowrap;
		font-size: 20px;
	}
	#widespan .ol_point li br.sp_br {
		display: none;
	}
	#widespan .ol_point li::before {
		content: "";
		display: block;
		width: 28px;
		height: 28px;
		background-color: #aa0000;
		border-radius: 100%;
		position: absolute;
		top: 3px;
		left: -35px;
	}
	#widespan .ol_point li::after {
		color: #fff;
		font-size: 21px;
		font-family: "EB Garamond", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		position: absolute;
		top: 0;
		left: -27px;
	}
	#widespan .ol_point li:nth-of-type(1)::after {
		content: "1";
	}
	#widespan .ol_point li:nth-of-type(2)::after {
		content: "2";
	}
	#widespan .ol_point li:nth-of-type(3)::after {
		content: "3";
	}
	#widespan .ol_point li strong {
		font-weight: 400;
		font-size: 20px;
		color: #aa0000;
	}
	#widespan .img_hanrei {
		width: 255px;
		margin-top: 30px;
	}
	#widespan .note1 {
		font-size: 10px;
		margin-top: 15px;
	}
	/**/
	/**/
	#widespan .block_pg1 {
		display: flex;
		justify-content: space-between;
	}
	#widespan .box_pg1 {
		width: 600px;
	}
	#widespan .box_pg2 {
		width: 352px;
	}
	#widespan .box_pg .h_box1 {
		text-align: center;
		padding: 8px;
		font-size: 20px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}
	#widespan .box_pg .h_box2 {
		margin-bottom: 30px;
		line-height: 1.2;
		display: flex;
		align-items: flex-end;
	}
	#widespan .box_pg .h_box2_1 {
		font-size: 38px;
		margin-right: 5px;
	}
	#widespan .box_pg .h_box2_1 span {
		font-size: 84%;
		margin-left: 5px;
	}
	#widespan .box_pg .h_box2_2 {
		font-size: 16px;
		margin-right: 5px;
	}
	#widespan .box_pg .h_box2_3 {
		font-size: 42px;
		line-height: 1.1;
	}
	#widespan .box_pg .h_box2_3 span {
		font-size: 52%;
	}
	#widespan .box_pg .h_box2_4 {
		font-size: 14px;
		margin-left: auto;
		margin-right: 0;
	}
	#widespan .box_pg .h_box2_4 strong {
		font-size: 140%;
		font-weight: 400;
		margin-right: 5px;
	}
	/**/
	#widespan .box_pg1 .h_box1 {
		background-color: #9a6c70;
		color: #fff;
		border: solid 1px #9a6c70;
	}
	#widespan .box_pg1 .img_plan {
		position: relative;
	}
	#widespan .box_pg1 .ol_point {
		position: absolute;
		top: 110px;
		left: 380px;
	}
	#widespan .box_pg1 .img1 {
		width: 390px;
	}
	/**/
	#widespan .box_pg2 .h_box2 {
		justify-content: center;
	}
	#widespan .box_pg2 .h_box1 {
		border: solid 1px #373737;
	}
	/**/
	#widespan .pg2 .img_plan {
		position: relative;
		margin-left: 100px;
		margin-bottom: 60px;
	}
	#widespan .pg2 .ol_point {
		position: absolute;
		top: 100px;
		left: 495px;
	}
	#widespan .pg2 .h_box2_4, #widespan .pg3 .h_box2_4 {
		font-size: 17px;
		margin: 0 0 20px 40px;
	}
	#widespan .pg2 .h_box2_4 strong, #widespan .pg3 .h_box2_4 strong {
		font-size: 140%;
		font-weight: 400;
		margin-right: 5px;
	}
	#widespan .pg2 .img4 {
		width: 452px;
	}
	#widespan .pg2 .note1, #widespan .pg2 .img_hanrei {
		position: absolute;
		left: 416px;
		margin-top: 0px;
	}
	#widespan .pg2 .img_hanrei {
		bottom: 50px;
	}
	#widespan .pg2 .note1 {
		bottom: 0;
	}
	#widespan .pg2 .img5 {
		position: relative;
		padding-right: 40px;
		margin: 0 auto;
		width: 716px;
		box-sizing: border-box;
	}
	#widespan .pg2 .img5 span {
		position: absolute;
		right: 40px;
		bottom: 0;
		font-size: 13px;
	}
	/**/
	#widespan .pg3 {
		margin-bottom: 200px;
	}
	#widespan .pg3 .img_plan {
		position: relative;
		margin-left: 15px;
		margin-bottom: 60px;
	}
	#widespan .pg3 .box_balcony {
		width: 360px;
		position: absolute;
		right: 0;
		top: 60px;
	}
	#widespan .pg3 .img7 {
		width: 280px;
		position: relative;
		margin-bottom: 30px;
	}
	#widespan .pg3 .img7 span {
		position: absolute;
		right: 10px;
		bottom: 5px;
		color: #fff;
		font-size: 13px;
	}
	#widespan .pg3 .txt_balcony1 {
		color: #aa0000;
		font-size: 20px;
		line-height: 1.2;
	}
	#widespan .pg3 .txt_balcony1 strong {
		font-size: 180%;
	}
	#widespan .pg3 .txt_balcony2 {
		font-size: 20px;
		white-space: nowrap;
	}
	#widespan .pg3 .h_box2_4 {
		margin: 0 0 20px 190px;
	}
	#widespan .pg3 .img6 {
		width: 582px;
	}
	#widespan .pg3 .note1, #widespan .pg3 .img_hanrei {
		margin-left: 188px;
	}
	/**/
	#widespan .pg4 {
		width: 100%;
		margin: 0 auto 250px;
		position: relative;
	}
	#widespan .pg4 .img9 {
		position: relative;
		background: url("../img/ws/img9.jpg") left top no-repeat;
		background-size: 100%;
	}
	#widespan .pg4 .img9 span {
		position: absolute;
		right: 10px;
		bottom: 5px;
		font-size: 13px;
		color: #fff;
		text-shadow: 0px 0px 1px #000000, 0px 0px 1px #000000, 0px 0px 10px #000000;
	}
	#widespan .pg4 .img9 div {
		position: absolute;
		top: 8%;
		left: calc(50% + 70px);
		line-height: 1.9;
		color: #fff;
		font-size: 27px;
		letter-spacing: 0.05em;
	}
	#widespan .pg4 .img8 {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: calc(50% - 70px);
		width: calc(50% - 100px);
		max-width: 820px;
	}
	#widespan .pg4 .img8 span {
		display: block;
		margin-top: 5px;
		font-size: 13px;
	}
	/**/
	#widespan .pg5 {}
	#widespan .pg5 .btn_planto {
		margin: 0 auto 90px;
		width: 1000px;
	}
	#widespan .pg5 .btn_planto a {
		display: block;
		position: relative;
		background: url("../img/ws/img10.jpg") center 50% no-repeat;
		background-size: cover;
		padding: 67px 0 36px;
	}
	#widespan .pg5 .btn_planto a::after, #widespan .pg5 .btn_planto a::before {
		content: none;
	}
	#widespan .pg5 .btn_planto a span {
		position: absolute;
		right: 10px;
		bottom: 5px;
		color: #fff;
		font-size: 13px;
		letter-spacing: 0;
	}
	#widespan .pg5 .btn_planto a .btn_planto1 {
		margin-bottom: 14px;
	}
	#widespan .pg5 .btn_planto a .en_font2 {
		position: relative;
		width: 240px;
		margin: 0 auto;
	}
	#widespan .pg5 .btn_planto a .en_font2::before {
		position: absolute;
		right: 00px;
		top: 50%;
		content: "";
		width: 40px;
		height: 1px;
		background-color: #fff;
	}
	#widespan .pg5 .btn_planto a .en_font2::after {
		position: absolute;
		right: -2px;
		top: 35%;
		content: "";
		width: 18px;
		height: 1px;
		background-color: #fff;
		transform: rotate(45deg);
	}
	#widespan .pg5 .h_btn {
		font-size: 24px;
		margin: 0 auto 20px;
		letter-spacing: 0.05em;
		text-indent: 0.05em;
		text-align: center;
	}
}