@charset "utf-8";
/* HEBEL HAUSが考える“今”必要な災害レジリエンス（水災編） */
.mgbLine {margin-bottom: 1em !important;}
.flood-disaster {
	font-family: "Noto Sans JP", sans-serif;
	color: #3f312b;
	background-color: #fbfaf5;
}
.flood-disaster img {
	max-width: 100%;
}
.wrap-mainvisual {
	margin-left: auto;
	margin-right: auto;
	background-color: #fff048;
	position: relative;
}
.wrap-mainvisual::after {
	content: '';
	display: block;
	width: 100%;
	background-size: auto auto;
	background-color: rgba(251, 250, 245, 1);
	background-image: repeating-linear-gradient(130deg, transparent, transparent 8px, rgba(255, 241, 156, 1) 8px, rgba(255, 241, 156, 1) 16px );
	position: absolute;
	left: 0;
}
.flood-disaster-ttl-wrap {
	color: #3f312b;
	font-weight: 700;
}
.flood-disaster-ttl-wrap .lTtl {
	display: block;
	font-weight: 900;
	margin-bottom: 0.25em;
}
.flood-disaster-ttl-wrap .mTtl {
	display: block;
	font-weight: 700;
	margin-bottom: 0.75em;
}
.flood-disaster-ttl-wrap .subTtl {
	display: inline-block;
	font-weight: 900;
	line-height: 1;
	background-color: #fff;
	padding: 0.25em 0.75em;
}
#sec-whatIsDamage {
	background-color: #ebebeb;
}
.whatIsDamage-ttl,
.risk-ttl {
	text-align: center;
	color: #3f312b;
	font-weight: 700;
	margin-bottom: 1em;
}
.whatIsDamage-ttl > span,
.risk-ttl > span {
	display: inline-block;
	padding: 0.5em 0 0.5em 2.25em;
	background-image: url("/net/owners/flood-disaster/image/ic-question.svg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 2em auto;
}
.risk-ttl > span {
	background-image: url("/net/owners/flood-disaster/image/ic-exclamation.svg");
}
.whatIsDamage-list > li {
	border-radius: 0.5em;
	color: #fff;
	font-weight: 700;
	line-height: 1.4;
	padding: 1em 0.25em;
	background-color: #218cc6;
}
.whatIsDamage-list > li:nth-child(2) {
	background-color: #1e6dc7;
}
.whatIsDamage-list > li:nth-child(3) {
	background-color: #1f54bf;
}
.whatIsDamage-txt {
	font-weight: 700;
}
.risk-main-wrap,
.measures-main-wrap {
	text-align: center;
	position: relative;
}
.risk-main-wrap::after,
.measures-main-wrap::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.caution-txt {
	display: inline-block;
	line-height: 1.2;
	font-weight: 700;
	background-color: #fdda00;
	padding: 0.5em 1em;
	border-radius: 2em;
	border: #3f312b 4px solid;
}
.risk-main-txt {
	position: relative;
	z-index: 2;
	margin-top: -0.75em;
}
.block-box > dt {
	color: #fff;
	font-weight: 700;
	text-align: center;
}
.block-box > dd {
	line-height: 1.6;
}
.risk-list-box {
	border: #89bd35 4px solid;
}
.risk-list-box > dt {
	background-color: #89bd35;
}
.measures-list-box {
	border: #42afca 4px solid;
}
.measures-list-box > dt {
	background-color: #42afca;
}
.label-check {
	color: #3f312b;
	background-color: #fdda00;
	border: #fff 4px solid;
}
.block-box:last-child {
	margin-bottom: 0;
}
.risk-list-box-sTtl {
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 1em;
}
.txtL-imgR-wrap .txtL {
	font-weight: 500;
	line-height: 1.6;
}
.txt-orange {
	color: #e94a23;
}
.ar-link-btn a,
.item-link-btn a {
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	display: block;
	border: #a19b95 1px solid;
	background-color: #fbfaf5;
	position: relative;
}
.ar-link-btn a::after,
.item-link-btn a::after {
	content: "";
	display: block;
	background: transparent url(https://www.hebel-haus.com/net/common/image/arw-right.svg) 0 0 no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.point-box {
	background-color: #eae8e1;
	position: relative;
}
.point-box-label {
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #e94a23;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	position: absolute;
}
.check-list {
	font-weight: 700;
}
.check-list > li {
	padding-left: 2em;
	background-image: url("/net/owners/flood-disaster/image/ic-check.svg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 1.5em auto;
	margin-bottom: 1em;
}
.check-list > li:last-child {
	margin-bottom: 0;
}
.point-box-note {
	padding-left: 1em;
	text-indent: -1em;
}
.block-box > dt .dt-sub {
	display: block;
	margin-top: 0.5em;
}
.ec-box > dt {
	font-weight: 700;
	background-color: #fdda00;
	text-align: center;
}
.ec-box > dt span {
	padding-left: 2.5em;
	position: relative;
}
.ec-box > dt span::before {
	content: '';
	display: block;
	width: 2em;
	height: 2em;
	background-color: #fff;
	background-image: url("/net/owners/flood-disaster/image/ic-cart.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.46em auto;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.ec-box > dd {
	background-color: #f0f0f0;
}
.ec-box-sTtl {
	font-weight: 700;
	color: #e2a30c;
	border-left: #e2a30c 6px solid;
	padding: 0.25em 0 0.25em 0.5em;
	margin-bottom: 0.75em;
}
.ec-item-list > dt {
	margin-bottom: 1em;
}
.ec-item-list > dt .item-ttl {
	font-weight: 700;
	display: block;
}
.ec-item-list > dt .item-sub {
	font-weight: 500;
	display: block;
}
.ec-item-list .item-img,
.imgBorder {
	border: #e2e2e2 1px solid;
}
.imgCenter {
	text-align: center;
}
.ex-wrap {
	position: relative;
}
.ex-ttl {
	position: absolute;
	left: 0;
	top: 0;
}
.ex-list {
	background-color: #fff;
	border: #e2e2e2 1px solid;
}
.ex-list > dt {
	font-weight: 700;
	text-align: center;
	margin-bottom: 0.5em;
}
.ex-list-img {
	text-align: center;
	margin-bottom: 1em;
}
.insurance-ttl {
	text-align: center;
	font-weight: 900;
	margin-bottom: 0.5em;
}
.insurance-ttl-sub {
	color: #89bd35;
}
.table-scroll-wrap {
	margin-bottom: 1em;
}
.txt-alR {
	text-align: right;
}
.lnkb-index-s + .txt-alR {
	margin-top: 1em;
}

@media screen and (max-width:767px){
.flood-disaster main {
	padding-bottom: 5%;
}
.wrap-mainvisual {
	border-radius: 20px 20px 0 0;
	width: 90%;
	padding: 10% 5% 50%;
	margin: 5% auto 12%;
	z-index: 1;
}
.wrap-mainvisual::after {
	background-image: repeating-linear-gradient(130deg, transparent, transparent 4px, rgba(255, 241, 156, 1) 4px, rgba(255, 241, 156, 1) 8px );
	height: 10px;
	bottom: -15px;
}
.flood-disaster-ttl-wrap .lTtl {
	font-size: 2.8rem;
}
.flood-disaster-ttl-wrap .mTtl {
	font-size: 1.6rem;
}
.flood-disaster-ttl-wrap .subTtl {
	font-size: 2.5rem;
	position: relative;
	z-index: 3;
}
.flood-disaster-ttl-img {
	width: 80%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5%;
	margin: auto;
	z-index: 2;
}
#sec-whatIsDamage {
	padding: 10% 5%;
	margin-bottom: 20px;
}
.whatIsDamage-ttl, .risk-ttl {
	font-size: 1.9rem;
	line-height: 1.4;
}
.whatIsDamage-list {
	text-align: center;
	margin-bottom: 1em;
}
.whatIsDamage-list > li {
	margin-bottom: 5px;
}
.whatIsDamage-list > li:last-child {
	margin-bottom: 0;
}
.whatIsDamage-txt {
	text-align: center;
}
#risk {
	margin-bottom: 30px;
}
#risk .sec-inner {
	padding: 0 5%;
}
.risk-main-wrap,
.measures-main-wrap {
	padding-bottom: 38px;
}
.risk-main-wrap::after,
.measures-main-wrap::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 16px 0 16px;
	border-color: #fcca00 transparent transparent transparent;
	bottom: 10px;
}
.risk-main-txt {
	font-size: 1.8rem;
	min-width: 80%;
}
.block-box {
	margin-bottom: 10px;
}
.block-box:last-child {
	margin-bottom: 0;
}
.block-box > dt {
	padding: 0.5em;
}
.label-check {
	font-size: 1.6rem;
	display: block;
	width: fit-content;
	padding: 0.25em 1em;
	margin: 0 auto 0.5em;
	line-height: 1.4;
}
.block-box > dt .dt-ttl {
	font-size: 1.9rem;
	line-height: 1.4;
}
.block-box > dd {
	padding: 5%;
}
.block-box > dd p {
	font-size: 1.4rem;
}
.block-box > dd .risk-list-box-sTtl {
	font-size: 1.7rem;
}
.txtL-imgR-wrap .imgR {
	width: 70%;
	margin: 1em auto;
}
.ar-link-btn {
	width: 100%;
}
.txtL-imgR-wrap + .ar-link-btn,
.img-2col + .ar-link-btn-wrap,
.ar-link-btn + .ar-link-btn,
.imgCenter + .ar-link-btn-wrap,
.imgCenter + .ar-link-btn {
	margin-top: 1em;
}
.ar-link-btn a,
.item-link-btn a {
	padding: 12px 40px 12px 12px;
	font-size: 1.4rem;
}
.ar-link-btn a::after,
.item-link-btn a::after {
	width: 16px;
	height: 16px;
	background-size: 16px 16px;
	right: 12px;
}
.point-box {
	width: calc(100% - 16px);
	padding: 40px 18px 18px;
	margin-top: 26px;
	margin-left: 16px;
}
.point-box-label {
	width: 56px;
	height: 56px;
	font-size: 1.4rem !important;
	left: -16px;
	top: -16px;
}
.check-list {
	font-size: 1.4rem;
}
.block-box > dd .point-box-note {
	margin-top: 1em;
	font-size: 1.2rem;
}
#measures .sec-inner {
	padding: 0 5%;
}
.caution-txt {
	font-size: 1.8rem;
}
.block-box > dt .dt-sub {
	line-height: 1.4;
}
.img-2col > li {
	margin-bottom: 10px;
}
.img-2col > li:last-child {
	margin-bottom: 0;
}
.ar-link-btn-wrap + .ec-box {
	margin-top: 20px;
}
.ec-box > dt {
	padding: 0.5em;
	font-size: 1.5rem;
}
.ec-box > dt span {
	display: block;
	text-align: left;
}
.ec-box > dd {
	padding: 5%;
}
.block-box > dd .ec-box-sTtl,
.ec-item-list > dt .item-ttl {
	font-size: 1.9rem;
}
.ec-item-list > dt .item-sub {
	font-size: 1.2rem;
	margin-top: 0.5em;
}
.ec-item-list .item-img {
	margin-bottom: 1em;
}
.ec-item-list {
	margin-bottom: 20px;
}
.ec-item-list:last-child {
	margin-bottom: 0;
}
.ex-wrap {
	padding-top: 20px;
}
.ex-list-wrap {
	padding: 0 11%;
	margin-bottom: 1em;
}
.ex-ttl {
	width: 82px;
}
.ex-list {
	margin-bottom: 10px;
	padding: 1em;
}
.ex-list:last-child {
	margin-bottom: 0;
}
.insurance-table-wrap {
	margin-top: 1em;
}
.insurance-ttl {
	font-size: 2.7rem;
	line-height: 1.4;
}
.insurance-ttl-sub {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1.4;
}
.table-scroll-txt {
	font-size: 1.4rem;
	text-align: right;
	padding-right: 1.25em;
	margin-bottom: 0.5em;
	background-image: url("https://www.hebel-haus.com/net/common/image/arw-right.svg");
	background-repeat: no-repeat;
	background-position: right 0.4em;
	background-size: 0.9em auto;
}
.table-scroll-wrap {
	width: 100%;
	height: 265px;
	overflow-x: scroll;
}
.table-img {
	width: 490px;
	height: auto;
}
.block-box > dd .table-note {
	font-size: 1.2rem;
}
.lnkb-index-s + .txt-alR {
	font-size: 1.24rem;
}
}
@media print, screen and (min-width:768px){
.wrap-mainvisual {
	width: 90%;
	max-width: 1110px;
	aspect-ratio: 111 / 39;
	border-radius: 40px 40px 0 0;
	margin-bottom: 75px;
	padding: 100px 30px 0 60px;
}
.wrap-mainvisual::after {
	height: 15px;
	bottom: -25px;
}
.flood-disaster-ttl-wrap {
	z-index: 5;
}
.flood-disaster-ttl-wrap .lTtl {
	font-size: 5.4rem;
}
.flood-disaster-ttl-wrap .mTtl {
	font-size: 3rem;
}
.flood-disaster-ttl-wrap .subTtl {
	font-size: 5rem;
}
.flood-disaster-ttl-img {
	width: 42%;
	position: absolute;
	right: 30px;
	bottom: -40px;
	z-index: 2;
}
.flood-disaster-ttl-img img {
	width: 100%;
}
#sec-whatIsDamage {
	text-align: center;
	padding: 60px 0;
	margin-bottom: 60px;
}
.sec-inner {
	width: 90%;
	max-width: 1110px;
	margin-left: auto;
	margin-right: auto;
}
.whatIsDamage-ttl,
.risk-ttl {
	font-size: 3.8rem;
}
.whatIsDamage-list {
	max-width: 880px;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.whatIsDamage-list > li {
	width: 32%;
	font-size: 2.8rem;
}
.whatIsDamage-txt {
	font-size: 3.2rem;
}
.caution-txt {
	width: 770px;
	font-size: 3.8rem;
}
.risk-main-wrap,
.measures-main-wrap {
	padding-bottom: 75px;
}
.risk-main-wrap::after,
.measures-main-wrap::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 36px 34px 0 34px;
	border-color: #fcca00 transparent transparent transparent;
	bottom: 15px;
}
.block-box {
	margin-bottom: 40px;
}
.block-box > dt {
	padding: 0.75em 0.25em 1.25em;
}
.label-check {
	display: inline-block;
	font-size: 2.8rem;
	padding: 0.25em 0.5em;
}
.dt-ttl {
	font-size: 3.2rem;
	display: block;
	margin-top: 0.5em;
}
.dt-sub {
	font-size: 2.4rem;
}
.block-box > dd {
	padding: 40px;
	font-size: 1.7rem;
}
.txtL-imgR-wrap {
	display: flex;
}
.txtL-imgR-wrap .txtL {
	width: 68%;
}
.txtL-imgR-wrap .imgR {
	width: 32%;
	text-align: center;
	padding-left: 15px;
}
.txtL-imgR-wrap .imgR img {
	width: 100%;
	max-width: 100%;
}
.risk-list-box-sTtl {
	font-size: 2.1rem;
}
.ar-link-btn {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}
.txtL-imgR-wrap + .ar-link-btn,
.img-2col + .ar-link-btn,
.ar-link-btn + .ar-link-btn,
.imgCenter + .ar-link-btn {
	margin-top: 25px;
}
.ar-link-btn a,
.item-link-btn a {
	padding: 25px 18px;
	font-size: 1.8rem;
}
.ar-link-btn a::after,
.item-link-btn a::after {
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	right: 18px;
}
.point-box {
	padding: 25px 50px;
	margin-top: 50px;
}
.point-box-label {
	width: 70px;
	height: 70px;
	font-size: 1.8rem;
	left: -20px;
	top: -20px;
}
.check-list > li {
	font-size: 1.7rem;
}
.point-box-note {
	font-size: 1.4rem;
}
#measures {
	padding-top: 80px;
}
.img-2col {
	display: flex;
	flex-wrap: wrap;
}
.img-2col > li {
	width: 47%;
	margin-right: 6%;
}
.img-2col > li:nth-child(even) {
	margin-right: 0;
}
.measures-list-box .img-2col {
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
}
.ar-link-btn-wrap {
	margin-top: 30px;
	margin-bottom: 50px;
}
.ec-box > dt {
	font-size: 2.8rem;
	padding: 0.5em;
}
.ec-box > dd {
	padding: 40px 70px;
}
.ec-box-sTtl {
	font-size: 2.8rem;
}
.ec-item-list-wrap {
	display: flex;
	flex-wrap: wrap;
}
.ec-item-list-wrap > .ec-item-list {
	width: 47.3%;
	margin-right: 5.4%;
	margin-top: 40px;
	display: flex;
	flex-direction: column;
}
.ec-item-list-wrap > .ec-item-list:nth-child(even) {
	margin-right: 0;
}
.ec-item-list-wrap > .ec-item-list:nth-child(-n + 2) {
	margin-top: 0;
}
.ec-item-list .item-ttl {
	font-size: 2.4rem;
}
.ec-item-list .item-sub {
	font-size: 1.4rem;
}
.ec-item-list .item-img {
	margin-bottom: 20px;
}
.ec-item-list > dd {
	margin-top: auto;
}
.ar-link-btn.btn-short {
	max-width: 540px;
}
.ex-wrap {
	padding: 40px 70px 0;
	margin-bottom: 1em;
}
.ex-list-wrap {
	display: flex;
	flex-wrap: wrap;
}
.ex-list-wrap .ex-list {
	width: 31.8%;
	padding: 25px;
	margin-right: 2.3%;
	margin-top: 25px;
}
.ex-list-wrap .ex-list:nth-child(3n) {
	margin-right: 0;
}
.ex-list-wrap .ex-list:nth-child(-n + 3) {
	margin-top: 0;
}
.ex-list > dt {
	font-size: 2.4rem;
}
.ex-list-txt {
	font-size: 1.4rem;
}
.insurance-table-wrap {
	margin-top: 30px;
}
.insurance-ttl {
	font-size: 5.4rem;
	line-height: 1.2;
}
.insurance-ttl-sub {
	font-size: 3.8rem;
}
.table-img {
	text-align: center;
}
.table-scroll-txt {
	display: none;
}
.table-note {
	font-size: 1.4rem;
	text-align: right;
}
.flood-disaster main {
	padding-bottom: 120px;
}
.lnkb-index-s + .txt-alR {
	font-size: 1.4rem;
}
.lnkb-index-s > li > a {
	padding: 20px;
}
.lnkb-index-s > li .inner-image {
	width: 170px;
}
.lnkb-index-s > li .inner-text {
	flex-basis: calc(100% - 200px);
	width: calc(100% - 200px);
}
}