@charset "UTF-8";

/*=====================

タワーレジデンス CSS

=====================*/



/*---------------------*/
/* 共通 */
/*---------------------*/
.tabLink.tab2 li {
	width: 30%;
}

#residence .conTtl {
	width: 100%;
	display: inline-block;
	background-image: url("../images/mainTtl_line.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 13px 70px;
	padding-bottom: 7.5rem;
	margin-bottom: 3rem;
}
#residence .conTtl > h3 {
	font-family: "trajan-pro-3", serif;
	font-weight: 400;
	font-style: normal;
	font-size: clamp(30px, 4vw, 40px);
	line-height: 1;
	letter-spacing: 0.05em;
	color: #A79159;
}
#residence .conTtl > p {
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	color: #333;
}

@media screen and (max-width: 768px) {

	/* 下層ページメインタイトル */
	.pagetitle > h1 {
		letter-spacing: 0.1em;
	}


	.tabLink.tab2 li {
		width: calc((100% - 1rem) / 2);
	}

	#residence .conTtl {
		background-size: 6px;
		padding-bottom: 4.5rem;
		margin-bottom: 1rem;
	}
	#residence .conTtl > h3 {
		font-size: 6.51vw;
		line-height: 1;
	}
}
@media screen and (max-width: 430px) {

	/* 下層ページメインタイトル */
	.pagetitle > h1 {
		letter-spacing: 0.05em;
	}


	#residence .conTtl {
		padding-bottom: 4.5rem;
		margin-bottom: 1rem;
	}
	#residence .conTtl > h3 {
		font-size: 8.1776vw;
		line-height: 1;
	}
}



/*---------------------*/
/*安心の免震構造と防災性能*/
/*---------------------*/
#zeh {
	width: 100%;
	padding: 0 0 9rem;
}
#zeh img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	#zeh {
		padding: 0 0 7rem;
	}
}
@media screen and (max-width: 430px) {
	#zeh {
		padding: 0 0 5rem;
	}
}




/*---------------------*/
/*認定低炭素建築マンションとは*/
/*---------------------*/
#zeh_main {
	padding: 0 0 9rem;
}
#zeh_main img {
	width: 100%;
}

#zeh_main .leadcopy {
	margin-bottom: 1em;
}
#zeh_main .leadTxt {
	margin-bottom: 4em;
}

#zeh_main .img_logo {
	width: 50%;
	max-width: 280px;
	margin: 0 auto 2em;
}

#teitanso_wrap {
	width: 100%;
	background: #F6F4EE;
	padding: 7rem 0;
}
#teitanso_wrap h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}
#teitanso_wrap .leadTxt {
	margin-bottom: 0;
}

#zeh_wrap {
	width: 100%;
	padding: 7rem 0 0;
}
#zeh_wrap h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 2;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}
#zeh_wrap .leadTxt {
	width: 100%;
	text-align: center;
	margin-bottom: 3rem;
}
#zeh_wrap .imgArea {
	width: 100%;
	max-width: 840px;
	margin: auto;
}
#zeh_wrap .img {
	width: 100%;
}
#zeh_wrap .cap {
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: right;
	color: #333;
	margin-top: 0.3em;
}
#zeh_wrap .leadTxt > .cap {
	text-align: center;
	margin-top: 0.8em;
}

#zeh_main .yazirushi {
	width: 85px;
	margin: 3rem auto;
}


@media screen and (max-width: 768px) {
	#zeh_main {
		padding: 0 0 7rem;
	}

	#zeh_main .img_logo {
		width: 50%;
		margin: 0 auto 2em;
	}

	#zeh_main .teitanso_wrap {
		margin-bottom: 5rem;
	}
	#zeh_main .teitanso_wrap > .txtArea {
		width: 100%;
		margin-bottom: 3rem;
	}
	#zeh_main .teitanso_wrap > .txtArea h3 {
		/*font-size: 20px;*/
		font-size: 3.125vw;
	}
	#zeh_main .teitanso_wrap > .img {
		width: 100%;
	}



	#teitanso_wrap {
		padding: 7rem 0;
	}
	#teitanso_wrap h3 {
		/*font-size: 20px;*/
		font-size: 3.125vw;
	}

	#zeh_wrap {
		width: 100%;
		padding: 7rem 0 0;
	}
	#zeh_wrap h3 {
		/*font-size: 20px;*/
		font-size: 3.125vw;
	}
	#zeh_wrap .leadTxt {
		width: 100%;
		text-align: center;
		margin-bottom: 3rem;
	}
	#zeh_wrap .imgArea {
		width: 100%;
	}
	#zeh_wrap .img {
		width: 100%;
	}
	#zeh_wrap .cap {
		font-size: 10px;
	}
	#zeh_wrap .leadTxt > .cap {
		text-align: center;
		margin-top: 0.8em;
	}

	#zeh_main .yazirushi {
		width: 16vw;
		margin: 3rem auto;
	}

	#zeh_main .leadcopy.zeh_lead p {
		/*font-size: 20px;*/
		font-size: 2.865vw;
	}
}
@media screen and (max-width: 430px) {
	#zeh_main {
		padding: 0 0 5rem;
	}

	#zeh_main .img_logo {
		width: 80%;
		margin: 0 auto 2em;
	}


	#teitanso_wrap {
		padding: 5rem 0;
	}
	#teitanso_wrap h3 {
		/*font-size: 20px;*/
		font-size: 4.673vw;
	}

	#zeh_wrap {
		padding: 5rem 0 0;
	}
	#zeh_wrap h3 {
		/*font-size: 20px;*/
		font-size: 4.673vw;
	}

	#zeh_main .leadcopy.zeh_lead p {
		/*font-size: 20px;*/
		font-size: 4.206vw;
	}
}




/*---------------------*/
/*設備仕様*/
/*---------------------*/
#equipment {
	width: 100%;
	background: #F6F4EE;
	padding: 7rem 0;
}
#equipment img {
	width: 100%;
}

#equipment .leadcopy {
	margin-bottom: 2em;
}
#equipment .leadcopy > p {
	font-size: 20px;
}
#equipment .leadcopy > p.cap {
	font-size: 12px;
	text-align: center;
}

#equipment .gainenzu {
	width: 100%;
	margin: 0 auto 3rem;
}
#equipment .gainenzu >  .scr,
#equipment .gainenzu > .scr .img {
	width: 100%;
}

#equipment .cap {
	font-size: 12px;
	line-height: 1.4;
	text-align: right;
	color: #333;
	margin-top: 0.3rem;
}

#equipment .belsWrap {
	width: 100%;
	border: solid 1px #A79159;
	padding: 3rem;
	box-sizing: border-box;
}
#equipment .belsWrap > .ttl {
	margin-bottom: 1rem;
}
#equipment .belsWrap > .ttl > p {
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	color: #333;
	margin-bottom: 0.2em;
}
#equipment .belsWrap > .ttl > p.mainTtl {
	font-size: 24px;
	line-height: 1.6;
	color: #A79159;
}
#equipment .belsWrap > .sub {
	width: 100%;
	background: #A79159;
	padding: 1rem;
	box-sizing: border-box;
	margin-bottom: 2rem;
}
#equipment .belsWrap > .sub > p {
  font-feature-settings: "halt";
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	color: #FFF;
	margin-bottom: 0.2em;
}
#equipment .belsWrap > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}
#equipment .belsWrap > ul > li:nth-child(1) {
	width: 45%;
}
#equipment .belsWrap > ul > li:nth-child(2) {
	width: 51%;
}
#equipment .belsWrap > ul > li:nth-child(1) p {
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: justify;
	color: #333;
}
#equipment .belsWrap > ul > li:nth-child(1) p > span {
	font-size: 0.8em;
	vertical-align: top;
}
#equipment .belsWrap > ul > li:nth-child(1) p.cap {
	font-size: 12px;
}

@media screen and (max-width: 768px) {
	#equipment {
		padding: 7rem 0;
	}

	#equipment .leadcopy {
		margin-bottom: 1em;
	}
	#equipment .leadcopy > p {
		/*font-size: 20px;*/
		font-size: 3.125vw;
	}
	#equipment .leadcopy > p.cap {
		font-size: 10px;
	}

	#equipment .gainenzu {
		margin: 0 auto 3rem;
	}
	#equipment .gainenzu > .scr {
		width: 100%;
		padding: 0;
		overflow-x: scroll;
	}
	#equipment .gainenzu > .scr .img {
		width: 190vw;
	}

	#equipment .cap {
		font-size: 10px;
	}

	#equipment .belsWrap {
		padding: 2rem;
	}
	#equipment .belsWrap > .ttl > p {
		/*font-size: 16px;*/
		font-size: 2.604vw;
	}
	#equipment .belsWrap > .ttl > p.mainTtl {
		/*font-size: 24px;*/
		font-size: 3.646vw;
		line-height: 1.6;
	}
	#equipment .belsWrap > .sub {
		padding: 1rem;
		margin-bottom: 2rem;
	}
	#equipment .belsWrap > .sub > p {
		/*font-size: 16px;*/
		font-size: 2.604vw;
	}
	#equipment .belsWrap > ul {
		gap: 2rem;
	}
	#equipment .belsWrap > ul > li:nth-child(1) {
		width: 100%;
	}
	#equipment .belsWrap > ul > li:nth-child(2) {
		width: 100%;
	}
	#equipment .belsWrap > ul > li:nth-child(1) p {
		/*font-size: 14px;*/
		font-size: 2.344vw;
	}
	#equipment .belsWrap > ul > li:nth-child(1) p.cap {
		font-size: 10px;
	}
}
@media screen and (max-width: 430px) {
	#equipment {
		padding: 5rem 0;
	}

	#equipment .leadcopy {
		margin-bottom: 1em;
	}
	#equipment .leadcopy > p {
		/*font-size: 20px;*/
		font-size: 4.673vw;
	}

	#equipment .gainenzu {
		margin: 0 auto 3rem;
	}
	#equipment .gainenzu > .scr .img {
		width: 210vw;
	}

	#equipment .belsWrap > .ttl > p {
		/*font-size: 16px;*/
		font-size: 3.738vw;
	}
	#equipment .belsWrap > .ttl > p.mainTtl {
		/*font-size: 24px;*/
		font-size: 5.605vw;
		line-height: 1.6;
	}
	#equipment .belsWrap > .sub > p {
		/*font-size: 16px;*/
		font-size: 3.738vw;
	}
	#equipment .belsWrap > ul {
		gap: 2rem;
	}
	#equipment .belsWrap > ul > li:nth-child(1) p {
		/*font-size: 14px;*/
		font-size: 3.271vw;
	}
}




/*---------------------*/
/*健康な快適空間・家計にやさしい・CO2削減を実現*/
/*---------------------*/
#effect {
	padding: 7rem 0 12rem;
}
#effect img {
	width: 100%;
}

#effect .mainArea {
	width: 100%;
	border: solid 1px #A79159;
	padding: 3em;
}
#effect .mainArea:first-child {
	margin-bottom: 3em;
}
#effect .mainArea > h3 {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.8;
	color: #606060;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 2em;
}
#effect .mainArea > .ttl small,
#effect .lead_ttl small,
#effect .lead_txt small {
	font-size: 0.6em;
}
#effect .mainArea > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 3em;
	padding: 0;
}
#effect .mainArea > ul > li {
	width: calc((100% - 3em) / 2);
}
#effect .mainArea > ul > li:nth-child(3) {
	width: 100%;
}
#effect .mainArea > ul > li .ttl {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: left;
	color: #333;
	border-left: solid 2px #C7AF6F;
	padding: 0.3em 0 0.3em 1em;
	margin-bottom: 1.2rem;
}
#effect .mainArea > ul > li .txt {
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: justify;
	color: #333;
}
#effect .mainArea > ul > li .img {
	margin-top: 2em;
}
#effect .mainArea > ul > li > ul.health {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1em 1em;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
}
#effect .health > li {
	width: calc((100% - 2em) / 3);
	border: solid 1px #999;
	box-sizing: border-box;
}
#effect .health > li:nth-last-child(-n+2) {
	width: calc((100% - 1em) / 2);
}
#effect .health > li p {
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	color: #333;
	padding: 0.4em 1em;
}
#effect .health > li .h_ttl {
	background: #F1D8B7;
	font-size: 18px;
	letter-spacing: 0.05em;
	color: #333;
	padding: 0.5em;
}
#effect .cap {
	font-size: 12px;
	line-height: 1.8;
	letter-spacing: 0.1em;
	text-align: left;
	color: #333;
}
#effect .img_cap {
	margin-top: 1em;
}

@media screen and (max-width: 768px) {
	#effect {
		padding: 5rem 0 10rem;
	}
	#effect .mainArea {
		padding: 1.5em;
	}
	#effect .mainArea > h3 {
		/*font-size: 26px;*/
		font-size: 3.906vw;
		margin-bottom: 1em;
	}
	#effect .mainArea > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 3em;
	}
	#effect .mainArea > ul > li {
		width: 100%;
	}
	#effect .mainArea > ul > li:nth-child(3) {
		width: 100%;
	}
	#effect .mainArea > ul > li .ttl {
		/*font-size: 18px;*/
		font-size: 2.865vw;
		margin-bottom: 1.2rem;
	}
	#effect .mainArea > ul > li .txt {
		/*font-size: 14px;*/
		font-size: 2.344vw;
	}
	#effect .mainArea > ul > li .img {
		width: 100%;
		margin: 2em auto 0;
	}
	#effect .mainArea > ul > li > ul.health {
		gap: 1em 1em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#effect .health > li {
		width: calc((100% - 1em) / 2);
	}
	#effect .health > li:nth-last-child(-n+2) {
		width: calc((100% - 1em) / 2);
	}
	#effect .health > li:last-child {
		width: 100%;
	}
	#effect .health > li p {
		/*font-size: 20px;*/
		font-size: 3.125vw;
		padding: 0.8em 1em;
	}
	#effect .health > li .h_ttl {
		/*font-size: 18px;*/
		font-size: 2.865vw;
		padding: 0.5em;
	}
	#effect .cap {
		font-size: 10px;
		line-height: 1.4;
	}
	#effect .img_cap {
		font-size: 10px;
		margin-top: 1em;
	}
}
@media screen and (max-width: 430px) {
	#effect {
		padding: 4rem 0 8rem;
	}
	#effect .mainArea {
		padding: 1.2em;
	}
	#effect .mainArea:first-child {
		margin-bottom: 3em;
	}
	#effect .mainArea > h3 {
		/*font-size: 26px;*/
		font-size: 6.075vw;
		margin-bottom: 1em;
	}
	#effect .mainArea > ul {
		gap: 3em;
	}
	#effect .mainArea > ul > li {
		width: 100%;
	}
	#effect .mainArea > ul > li:nth-child(3) {
		width: 100%;
	}
	#effect .mainArea > ul > li .ttl {
		/*font-size: 18px;*/
		font-size: 4.206vw;
	}
	#effect .mainArea > ul > li .txt {
		/*font-size: 14px;*/
		font-size: 3.271vw;
	}
	#effect .mainArea > ul > li .img {
		width: 100%;
		margin-top: 1em;
	}
	#effect .mainArea > ul > li > ul.health {
		gap: 0.8em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	#effect .health > li {
		width: 100%;
	}
	#effect .health > li:nth-last-child(-n+2) {
		width: 100%;
	}
	#effect .health > li p {
		/*font-size: 20px;*/
		font-size: 4.673vw;
		padding: 0.5em;
	}
	#effect .health > li .h_ttl {
		/*font-size: 18px;*/
		font-size: 4.206vw;
		padding: 0.5em;
	}
}




/*---------------------*/
/*メリット*/
/*---------------------*/
#meritWrap {
	background: #F6F4EE;
	padding: 9rem 0;
}
#meritWrap img {
	width: 100%;
}

#meritWrap .leadcopy {
	margin-bottom: 1em;
}
#meritWrap .leadTxt .cap {
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	color: #333;
	padding: 0;
	margin-top: 2em;
}

#meritWrap .zeh_deve {
	border: solid 1px #A79159;
	padding: 4rem;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 3em;
}
#meritWrap .zeh_deve > p {
	font-size: 16px;
	line-height: 2.4;
	letter-spacing: 0.1em;
	text-align: center;
	color: #333;
	padding: 0;
	margin-bottom: 0;
}
#meritWrap .zeh_deve > .logo {
	width: 20%;
	margin: auto;
}


@media screen and (max-width: 768px) {
	#meritWrap {
		padding: 7rem 0;
	}

	#meritWrap .leadTxt .cap {
		font-size: 10px;
		margin-top: 1.5em;
	}

	#meritWrap .zeh_deve {
		padding: 3rem;
		gap: 1.5em;
	}
	#meritWrap .zeh_deve > p {
		/*font-size: 16px;*/
		font-size: 2.604vw;
		line-height: 2.2;
	}
	#meritWrap .zeh_deve > .logo {
		width: 50%;
	}
}
@media screen and (max-width: 430px) {
	#meritWrap {
		padding: 5rem 0;
	}

	#meritWrap .zeh_deve {
		padding: 3rem;
		gap: 1.2em;
	}
	#meritWrap .zeh_deve > p {
		/*font-size: 16px;*/
		font-size: 3.274vw;
		line-height: 2;
	}
	#meritWrap .zeh_deve > .logo {
		width: 80%;
	}
}




/*---------------------*/
/*安心の免震構造と防災性能*/
/*---------------------*/
#security {
	width: 100%;
}
#security img {
	width: 100%;
}

@media screen and (max-width: 768px) {
}
@media screen and (max-width: 430px) {
}




/*---------------------*/
/*免震構造タワー*/
/*---------------------*/
#menshin {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 9rem;
}
#menshin .txtArea {
	width: 45%;
}
#menshin .txtArea .leadcopy {
	width: 100%;
	text-align: left;
	margin-bottom: 1.5rem;
}
#menshin .txtArea .leadcopy > p {
	text-align: left;
}
#menshin .txtArea .leadTxt {
	text-align: left;
	margin-bottom: 0;
}
#menshin .txtArea .leadTxt > p {
	text-align: justify;
}
#menshin .imgArea {
	width: 48%;
	margin-bottom: 5rem;
}
#menshin .imgArea > .img {
	width: 100%;
}

#menshin .imgArea > .cap {
	font-size: 12px;
	line-height: 1.4;
	text-align: right;
	color: #333;
	margin-top: 2rem;
}

#menshin .mainWrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 3em;
	padding: 0;
}
#menshin .mainWrap > li {
	width: calc((100% - 9em) / 4);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/*#menshin .mainWrap > li .img {
	width: 44%;
}*/
#menshin .mainWrap > li .txtArea {
	width: 100%;
}
#menshin .mainWrap > li .ttl {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: left;
	color: #333;
	border-left: solid 2px #C7AF6F;
	padding: 0.2em 0 0.2em 0.8em;
	margin-bottom: 1.2rem;
}
#menshin .mainWrap > li .txt {
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: justify;
	color: #333;
}

@media screen and (max-width: 768px) {
	#menshin {
		margin-bottom: 7rem;
		gap: 2em;
	}
	#menshin .txtArea {
		width: 100%;
	}
	#menshin .txtArea .leadcopy {
		width: 100%;
		text-align: center;
		margin-bottom: 1rem;
	}
	#menshin .txtArea .leadcopy > p {
		text-align: center;
	}
	#menshin .imgArea {
		width: 100%;
	}

	#menshin .imgArea > .cap {
		font-size: 10px;
		margin-top: 2rem;
	}

	#menshin .mainWrap {
		width: 100%;
		gap: 3em;
		padding: 0;
	}
	#menshin .mainWrap > li {
		width: calc((100% - 3em) / 2);
		align-items: flex-start;
	}
	#menshin .mainWrap > li .img {
		width: 100%;
	}
	#menshin .mainWrap > li .txtArea {
		width: 100%;
	}
	#menshin .mainWrap > li .ttl {
		/*font-size: 18px;*/
		font-size: 2.865vw;
		margin-bottom: 1.1rem;
	}
	#menshin .mainWrap > li .txt {
		/*font-size: 14px;*/
		font-size: 2.344vw;
	}
}
@media screen and (max-width: 430px) {
	#menshin {
		margin-bottom: 5rem;
		gap: 1.5em;
	}

	#menshin .mainWrap {
		width: 100%;
		gap: 3em;
		padding: 0;
	}
	#menshin .mainWrap > li {
		width: 100%;
	}
	#menshin .mainWrap > li .img {
		width: 100%;
	}
	#menshin .mainWrap > li .txtArea {
		width: 100%;
	}
	#menshin .mainWrap > li .ttl {
		/*font-size: 18px;*/
		font-size: 4.206vw;
		margin-bottom: 1.1rem;
	}
	#menshin .mainWrap > li .txt {
		/*font-size: 14px;*/
		font-size: 3.271vw;
	}
}




/*---------------------*/
/*防災*/
/*---------------------*/
#bousai {
	width: 100%;
	background: #F6F4EE;
	padding: 9rem 0;
}
#bousai img {
	width: 100%;
}

#bousai .leadcopy {
	margin-bottom: 4em;
}
#bousai .leadcopy > p {
	font-size: 26px;
}

#bousai .copyArea {
	margin-bottom: 4em;
}
#bousai .copyArea > .ttl {
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	color: #A79159;
	margin-bottom: 1em;
}

#bousai .bousai_main {
	margin-bottom: 5em;
}
#bousai .bousai_main:last-child {
	margin-bottom: 0;
}
#bousai .bousai_main > .ttl {
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: left;
	color: #333;
	margin-bottom: 0.5em;
}
#bousai .bousai_main > .img {
	width: 100%;
}
#bousai .bousai_main > .cap {
	font-size: 12px;
	line-height: 1.4;
	text-align: right;
	color: #333;
	margin-top: 2rem;
}

#bousai .mainWrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2em;
	padding: 0;
}
#bousai .mainWrap > li {
	width: calc((100% - 6em) / 4);
}
#bousai .mainWrap > li .ttl {
	font-size: 18px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	color: #333;
	border: solid 1px #A79159;
	background: #DCD3BD;
	padding: 1em;
	margin-bottom: 0.5em;
}
#bousai .mainWrap > li .img {
	width: 100%;
}
#bousai .mainWrap > li .cap {
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-align: right;
	color: #333;
}

#bousai .bousai_main2 {
	width: 100%;
	/*display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;*/
}
#bousai .bousai_main2 > .txtArea {
	/*width: 35%;*/
	width: 100%;
}
#bousai .bousai_main2 > .txtArea .leadcopy {
	width: 100%;
	margin-bottom: 1em;
}
#bousai .bousai_main2 > .txtArea .leadcopy p {
	text-align: center;
}
#bousai .bousai_main2 > .txtArea .leadTxt p {
	text-align: center;
}
#bousai .bousai_main2 > .imgArea {
	width: 60%;
}
#bousai .bousai_main2 > .imgArea .cap {
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-align: right;
	color: #333;
	margin-top: 0.3em;
}

@media screen and (max-width: 768px) {
	#bousai {
		padding: 7rem 0;
	}
	#bousai img {
		width: 100%;
	}

	#bousai .leadcopy {
		margin-bottom: 2em;
	}
	#bousai .leadcopy > p {
		/*font-size: 26px;*/
		font-size: 3.906vw;
	}

	#bousai .copyArea {
		margin-bottom: 3em;
	}
	#bousai .copyArea > .ttl {
		/*font-size: 20px;*/
		font-size: 3.125vw;
		margin-bottom: 1em;
	}

	#bousai .bousai_main {
		margin-bottom: 5em;
	}
	#bousai .bousai_main > .ttl {
		/*font-size: 20px;*/
		font-size: 3.125vw;
		margin-bottom: 0.5em;
		text-align: center;
	}
	#bousai .bousai_main > .cap {
		font-size: 10px;
		margin-top: 2rem;
	}

	#bousai .mainWrap {
		width: 100%;
		gap: 2em;
		padding: 0;
	}
	#bousai .mainWrap > li {
		width: calc((100% - 2em) / 2);
	}
	#bousai .mainWrap > li .ttl {
		/*font-size: 18px;*/
		font-size: 2.865vw;
	}
	#bousai .mainWrap > li .img {
		width: 100%;
	}
	#bousai .mainWrap > li .cap {
		font-size: 10px;
	}

	#bousai .bousai_main2 {
		gap: 1.5em;
	}
	#bousai .bousai_main2 > .txtArea {
		width: 100%;
	}
	#bousai .bousai_main2 > .txtArea .leadTxt {
		margin-bottom: 0;
	}
	#bousai .bousai_main2 > .imgArea {
		width: 100%;
	}
	#bousai .bousai_main2 > .imgArea .cap {
		font-size: 10px;
	}
}
@media screen and (max-width: 430px) {
	#secuCon {
		padding: 7rem 0;
	}
	#secuCon img {
		width: 100%;
	}

	#secuCon .leadcopy {
		margin-bottom: 2em;
	}
	#secuCon .leadcopy > p {
		/*font-size: 26px;*/
		font-size: 6.075vw;
	}

	#bousai .leadcopy > p {
		/*font-size: 20px;*/
		font-size: 4.673vw;
	}

	#bousai .copyArea {
		margin-bottom: 3em;
	}
	#bousai .copyArea > .ttl {
		/*font-size: 20px;*/
		font-size: 4.673vw;
		margin-bottom: 1em;
	}

	#bousai .bousai_main {
		margin-bottom: 5em;
	}
	#bousai .bousai_main > .ttl {
		/*font-size: 20px;*/
		font-size: 4.673vw;
		margin-bottom: 0.5em;
	}
	#bousai .bousai_main > .cap {
		margin-top: 2rem;
	}

	#bousai .mainWrap {
		width: 100%;
		gap: 1.5em;
		padding: 0;
	}
	#bousai .mainWrap > li {
		width: 100%;
	}
	#bousai .mainWrap > li .ttl {
		/*font-size: 18px;*/
		font-size: 4.206vw;
	}
}



/*---------------------*/
/*防犯／防災*/
/*---------------------*/
#secumain {
	padding: 7rem 0 0;
}

#secumain img {
	width: 100%;
}

/*#secumain .leadTxt {
	margin-bottom: 6em;
}*/

#secumain .leadTxt.mb {
	margin-bottom: 4em;
}

#secumain .leadTxt>p span {
	font-size: 12px;
}

#secumain .secuWrap {
	margin-bottom: 9em;
}

#secumain .secuWrap.last {
	margin-bottom: 0;
}

#secumain .secuCon {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 4em 3em;
	padding: 0;
}

#secumain .secuCon li {
	width: calc((100% - 3em) / 2);
}

#secumain .secuCon li.w_1 {
	width: 100%;
}

#secumain .secuCon li.fl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
}

#secumain .secuCon li.fl .fl_1 {
	width: 70%;
}

#secumain .secuCon li.fl .fl_2 {
	width: 28%;
}

#secumain .secuCon li.fl .fl_3 {
	width: 63%;
}

#secumain .secuCon li.fl .fl_4 {
	width: 33%;
}

#secumain .secuCon .fl .fl_5 {
	width: 83%;
}

#secumain .secuCon .fl .fl_6 {
	width: 13%;
}

#secumain .secuCon .fl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
}

#secumain .secuCon .secu_bg .fl .fl_1 {
	width: 65%;
}

#secumain .secuCon .secu_bg .fl .fl_2 {
	width: 30%;
}

#secumain .se_img {
	width: 100%;
}

#secumain .se_img.mb {
	margin-bottom: 4em;
}

#secumain .se_img_hyo {
	max-width: 90%;
	margin: auto;
}

#secumain .se_ttl {
	border-left: solid 1px #CCC;
	font-size: 18px;
	text-align: left;
	letter-spacing: 0.08em;
	color: #A79159;
	padding: 0.2em 0 0.3em 0.6em;
	margin-bottom: 0.5em;
}

#secumain .se_ttl span {
	font-size: 16px;
	color: #333;
}

#secumain .se_ttl span.cap {
	font-size: 0.8em;
	color: #A79159;
	vertical-align: top;
}

#secumain .se_txtArea {
	margin-bottom: 3em;
}

#secumain .se_txtArea.mbno {
	margin-bottom: 0;
}

#secumain .se_txt {
	font-size: 14px;
	line-height: 1.8;
	text-align: justify;
	letter-spacing: 0.08em;
	color: #333;
	margin-bottom: 1.5em;
	min-height: 3.6em;
}

#secumain .se_txt.mbno {
	margin-bottom: 0;
}

#secumain .se_txt span {
	font-size: 0.8em;
	vertical-align: top;
}

#secumain .se_cap {
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
	color: #333;
	margin: 0;
}

#secumain .se_cap.cap_r {
	text-align: right;
}

#secumain .w_line {
	border: solid 1px #A58900;
	padding: 2em;
}

#secumain .w_line .fl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 2em;
}

#secumain .w_line .fl .fl_1 {
	width: 50%;
}

#secumain .w_line .fl .fl_2 {
	width: 40%;
}

#secumain .eq_cap {
	font-size: 12px;
	line-height: 1.8;
	text-align: left;
	color: #333;
}

#secumain .secu_bg {
	background: #F6F4EE;
	padding: 3em;
	margin: 4em 0;
	box-sizing: border-box;
}

#secumain .secu_bg.mbno {
	padding: 2em;
	margin: 0;
}

#secumain .secu_bg ul.secuCon {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	/*	gap: 4em 3em;*/
	padding: 0;
}

#secumain .secu_bg ul.secuCon li:nth-child(1) {
	width: 60%;
}

#secumain .secu_bg ul.secuCon li:nth-child(2) {
	width: 33%;
}

#secumain .secu_bg ul.secuCon .se_img {
	width: 100%;
	margin: auto;
}

#secumain .secu_bg ul.secuCon .se_img p {
	margin: 0;
}

#secumain .secuCon_2 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 4em 3.5em;
	padding: 0;
}

#secumain .secuCon_2 li {
	width: calc((100% - 7em) / 3);
}

#secumain .secuCon_2 .se_ttl {
	margin: 0.6em 0;
}

#secumain .secuCon_2 .se_txt {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	#secumain {
		padding: 4rem 0 0;
	}

	/*#secumain .leadTxt {
		margin-bottom: 4em;
	}*/

	#secumain .leadTxt.mb {
		margin-bottom: 3em;
	}

	#secumain .leadTxt>p span {
		font-size: 10px;
	}

	#secumain .secuWrap {
		margin-bottom: 7em;
	}

	#secumain .secuCon {
		gap: 3em;
		padding: 0;
	}

	#secumain .secuCon li {
		width: 100%;
	}

	#secumain .secuCon li.w_1 {
		width: 100%;
	}

	#secumain .secuCon li.fl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 1em;
	}

	#secumain .secuCon li.fl .fl_1 {
		width: 100%;
	}

	#secumain .secuCon li.fl .fl_2 {
		width: 100%;
		margin: auto;
	}

	#secumain .secuCon li.fl .fl_2 img {
		width: 80%;
		margin: auto;
	}

	#secumain .secuCon li.fl .fl_3 {
		width: 100%;
	}

	#secumain .secuCon li.fl .fl_4 {
		width: 100%;
	}

	#secumain .secuCon .fl .fl_5 {
		width: 65%;
	}

	#secumain .secuCon .fl .fl_6 {
		width: 30%;
	}

	#secumain .se_img {
		width: 100%;
	}

	#secumain .se_img.mb {
		margin-bottom: 4em;
	}

	#secumain .se_img_hyo {
		max-width: 90%;
		margin: auto;
	}

	#secumain .se_ttl {
		/*font-size: 18px;*/
		font-size: 3.125vw;
	}

	#secumain .se_ttl span {
		/*font-size: 16px;*/
		font-size: 2.865vw;
	}

	#secumain .se_txt {
		/*font-size: 14px;*/
		font-size: 2.604vw;
		margin-bottom: 1em;
		min-height: initial;
	}

	#secumain .se_cap {
		font-size: 10px;
	}

	#secumain .w_line {
		padding: 1em;
	}

	#secumain .w_line .fl {
		gap: 2em;
	}

	#secumain .w_line .fl .fl_1 {
		width: 100%;
	}

	#secumain .w_line .fl .fl_2 {
		width: 100%;
	}

	#secumain .eq_cap {
		font-size: 10px;
	}

	#secumain .secu_bg {
		padding: 1.5em;
		margin: 3em 0;
		box-sizing: border-box;
	}

	#secumain .secu_bg ul.secuCon {
		gap: 1em;
	}

	#secumain .secu_bg ul.secuCon li:nth-child(1) {
		width: 100%;
	}

	#secumain .secu_bg ul.secuCon li:nth-child(2) {
		width: 100%;
	}

	#secumain .secu_bg ul.secuCon .se_img {
		width: 70%;
		margin: auto;
	}

	#secumain .secuCon_2 {
		gap: 3em 2em;
	}

	#secumain .secuCon_2 li {
		width: calc((100% - 2em) / 2);
	}
}

@media screen and (max-width: 430px) {
	#secumain .secuWrap {
		margin-bottom: 5em;
	}

	#secumain .secuCon {
		gap: 2em;
		padding: 0;
	}

	#secumain .secuCon .fl .fl_5 {
		width: 70%;
	}

	#secumain .secuCon .fl .fl_6 {
		width: 26%;
	}

	#secumain .se_img.mb {
		margin-bottom: 3em;
	}

	#secumain .se_img_hyo {
		max-width: 90%;
		margin: auto;
	}

	#secumain .se_ttl {
		/*font-size: 18px;*/
		font-size: 4.186vw;
	}

	#secumain .se_ttl span {
		/*font-size: 16px;*/
		font-size: 3.333vw;
	}

	#secumain .se_txt {
		/*font-size: 14px;*/
		font-size: 3.256vw;
		margin-bottom: 1em;
	}

	#secumain .se_cap {
		font-size: 10px;
	}

	#secumain .w_line {
		padding: 1.2em;
	}

	#secumain .se_ttl_2 {
		/*font-size: 20px;*/
		font-size: 4.167vw;
		padding: 0.4em;
		margin-bottom: 0.5em;
	}

	#secumain .w_line .fl {
		gap: 2em;
	}

	#secumain .bitiku_img {
		width: 100%;
	}

	#secumain .bitiku_list {
		width: 100%;
	}

	#secumain .bitiku_list p {
		/*font-size: 16px;*/
		font-size: 3.333vw;
		margin-bottom: 1em;
	}

	#secumain .bitiku_list ul li {
		/*font-size: 18px;*/
		font-size: 4.186vw;
	}

	#secumain .secu_bg {
		padding: 1.5em;
		margin: 2em 0;
		box-sizing: border-box;
	}

	#secumain .secu_bg ul.secuCon {
		gap: 2em;
	}

	#secumain .secu_bg ul.secuCon .se_img {
		width: 80%;
		margin: auto;
	}
}






/*  */
.swipe_txt {
	display: none;
}

@media screen and (max-width: 768px) {
	.swipe_txt {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin-bottom: 0.5rem;
	}

	.swipe_txt p {
		/*font-size: 2.864vw;*/
		font-size: 3.2vw;
		line-height: 1.8;
		letter-spacing: 1.5px;
		text-align: center;
		margin: 0 0.5rem;
	}

	.swipe_txt span {
		width: 8vw;
		display: flex;
	}
}

@media screen and (max-width: 430px) {
}