@charset "UTF-8";

/* -- layout -- */
html {
	scroll-behavior: smooth;
}
.ct_wrap {
	font-size: 14px;
	background: #e8f5fe;
	text-align: left;
	letter-spacing: 0.04em;
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
article img {
	vertical-align: top;
	width: auto;
	max-width: 100%;
	height: auto;
}
.ct_wrap .ct_note {
	font-size: 11px;
	line-height: 1.64;
	color: #666;
	display: block;
}
.ct_wrap .ct_note.ct_ind1 li {
	text-indent: -1em;
	margin-left: 1em;
}
.ct_wrap .ct_note.ct_ind3 li {
	text-indent: -3em;
	margin-left: 3em;
}
.ct_wrap .ct_note li + li {
	margin-top: 5px;
}
.ct_wrap sup {
	font-size: 0.5em;
	vertical-align: top;
}
[class*="_wide_lightblue"] {
	background-color: #bbe7ff;
}
[class*="_wide_blue"] {
	background-color: #97d8fb;
}
[class*="_wide_white"] {
	background-color: #fff;
}

[id^="point"]:not(h2) {
	position: relative;
}
[id^="point"]:not(h2)::before {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	z-index: -1;
}
#point1::before {
	background: url(/ldg/ja/air/products/ventilationfan/circulation/healthair/img/bg_features.png) no-repeat center 0;
}
#point2::before {
	background: url(/ldg/ja/air/products/ventilationfan/circulation/healthair/img/bg_ceiling.png) no-repeat center 0;
}
#point3::before {
	background: url(/ldg/ja/air/products/ventilationfan/circulation/healthair/img/bg_recommend.png) no-repeat center 0;
}
.ct_column {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.ct_column > li {
	background: #e8f5fe;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}
.ct_column > li img {
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
}


/* -- button and link -- */
[class*="btn"] a {
	text-align: center;
	margin: auto;
	position: relative;
}
.btn1 a {
	color: #0081cc;
	display: block;
}
.btn1 a::before {
	content: "";
	background: url(/ldg/ja/air/products/ventilationfan/circulation/healthair/img/icon_arrow01.png) no-repeat right 0;
	display: block;
	position: absolute;
}
.btn2 a {
	line-height: 23px;
	color: #333;
	background: url(/ldg/ja/air/products/ventilationfan/circulation/healthair/img/icon_arrow02.png) no-repeat right 2px center / 23px 23px;
	display: table;
	height: 23px;
	padding-right: 34px;
}
.btn3 a {
    font-size: 14px;
	line-height: 23px;
	color: #333;
	background: url(/ldg/ja/air/products/ventilationfan/circulation/healthair/img/icon_arrow02.png) no-repeat right 2px center / 23px 23px;
	display: table;
	height: 23px;
	padding-right: 26px;
    margin: 0;
    text-align: left;
}


/* -- title -- */
.ct_wrap h2,
.ct_wrap h3,
.ct_wrap h4,
.ct_wrap h5 {
	text-align: center;
}


/* -- anchor navi -- */
.ct_nav_anchor {
	text-align: center;
}
.ct_nav_anchor ul {
	text-align: center;
	display: flex;
	justify-content: space-between;
}
.ct_nav_anchor li a {
	font-weight: 600;
	color: #fff;
	background: #32a3e4;
	letter-spacing: 0.06em;
	display: block;
	box-sizing: border-box;
	border-bottom: solid 5px #006dc9;
	position: relative;
}
.ct_nav_anchor li a::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: auto;
	position: absolute;
	right: 0;
	left: 0;
}
.ct_nav_anchor li a img {
	margin: auto;
	position: absolute;
	right: 0;
	left: 0;
}


/* -- fade -- */
.fade {
	opacity: 0;
	transform: translateY(40px);
	transition: all 1500ms cubic-bezier(0.6, 0.2, 0.35, 1.0) 0.1s;
}
.fade.in {
	opacity: 1;
	transform: translateY(0);
}
.ct_section_contact_bnr.fadeout {
	visibility: hidden;
	opacity: 0;
}


/* -- modal -- */
.m-modal { display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1010; }
.m-modal .flex { display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.m-modal .bg { background-color: rgba(0,0,0,0.8); position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.m-modal .block { box-sizing: border-box; position: relative; padding: 40px 10px 10px 10px; width: 820px; max-width: calc(100vw - 30px); }
.m-modal .block .frame { position: relative; padding-bottom: 56.25%; }
.m-modal .block .frame iframe { border: none; overflow: hidden; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.m-modal .close { cursor: pointer; font-size: 0; line-height: 0; position: absolute; top: -10px; right: 7px; width: 40px; height: 40px; }
.m-modal .close::before { background-color: #ffffff; content: ""; position: absolute; top: 50%; left: 3px; width: 40px; height: 1px; transform: rotate(-45deg); }
.m-modal .close::after { background-color: #ffffff; content: ""; position: absolute; top: 50%; left: 3px; width: 40px; height: 1px; transform: rotate(45deg); }
@media only screen and (min-width:768px) {
.m-modal .close{ transition: opacity .25s ease-out; }
.m-modal .close:hover { opacity: 0.6; }
}