@charset "UTF-8";

@media all and (min-width:769px) {

	#Contents .wrap {
	max-width: 1160px;
	margin: 0 auto;
	}
	
	img {
	width: auto;
	}
	
	.flexBox {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	.flexBox02 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row-reverse;
		margin-bottom: 40px;
	}
	
	#Contents .wrap .text {
		margin-bottom: 20px;
	}
	
	#Contents .wrap .textBig {
		font-size: 110%;
	}
	
	#Contents #ventilationBox02 {
		margin-bottom: 80px;
	}
	
	#ventilationBox02 .flexBox > div {
		width: 32%;
		margin-bottom: 2rem;
		text-align: center;
		padding: 30px 30px;
		background-color: #fff;
		box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);
	}
	
	#ventilationBox02 .flexBox img {
		margin-bottom: 0.8rem;
	}
	
	#ventilationBox02 .flexBox .title {
		display: inline-block;
		position: relative;
		font-size: 19px;
		font-weight: 600;
		line-height: 34px;
		margin-bottom: 16px;
	}
	
	#ventilationBox02 .flexBox .title:before,#ventilationBox02 .flexBox .title:after {
		content: "";
		position: absolute;
		top: 16px;
		width: 31px;
		height: 1px;
		background-color: #4C5870;
	}
	
	#ventilationBox02 .flexBox .title:before {
		left: -50px;
	}
	
	#ventilationBox02 .flexBox .title:after {
		right: -50px;
	}
	
	#ventilationBox02 .flexBox .text {
		margin-bottom: 0;
	}	
	
	#Contents #ventilationBox03 {
		margin-bottom: 100px;
	}
	
	#ventilationBox03 table img {
		width: auto;
		margin: 0 auto;
	}
	
	#ventilationBox03 table {
		width: 100%;
		margin-bottom: 0.5rem;
		table-layout: fixed;
		text-align: center;
	}
	
	#ventilationBox03 table,#ventilationBox03 table td,#ventilationBox03 table th {
		border: 1px solid #ddd;
		border-collapse: collapse;
		padding: 0.8rem;
		table-layout: fixed;
	}
	
	#ventilationBox03 table th {
		text-align: center;
		background: #f6ffff;
		border-right: none;
		border-left: 1px solid #ddd;
		width: 28%;
	}
	
	#ventilationBox03 table th:first-child {
		width: 16%;
	}
	
	#ventilationBox04 img {
		width: auto;
	}
	
	#ventilationBox04 .block01 {
		margin-bottom: 100px;
	}
	
	#ventilationBox04 .block01 .detail {
		width: 56%;
	}
			
	#ventilationBox04 .block02 {
		justify-content: flex-start;
		margin-bottom: 100px;
	}
	
	#ventilationBox04 .block02 .detail {
		margin-left: 4%;
	}	
	
	#ventilationBox04 .block02 .detail .subtitle {
		font-size: 19px;
		font-weight: 600;
		line-height: 1.7;
		margin-bottom: 20px;
	}

	#ventilationBox04 .block02 .detail li {
		font-size: 16px;
		margin-bottom: 12px;
	}	
	
	#ventilationBox04 .block02 .detail li span {
		font-size: 24px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-style: italic;
		margin-right: 8px;
	}
	
	#Contents #ventilationBox05 {
		margin-bottom: 100px;
	}
	
	#ventilationBox05 .block01 .detail {
		width: 60%;
	} 
	
	#ventilationBox05 .block01 .pct {
		width: 36%;
	} 	
	
	#ventilationBox05 .block02 .detail {
		width: 56%;
	} 	
	
	#ventilationBox05 .block02 .pct .text {
		margin-bottom: 0.5rem;
	} 	
	
	#ventilationBox05 .block02 .detail {
		margin-top: 2.2rem;
	}	
	
	#ventilationBox06 .flexBox {
		margin-bottom: 80px;
	}
	
	#ventilationBox06 .flexBox div img {
		width: 100%;
		margin: 0 auto 0.5rem;
	}
	
	#ventilationBox06 .flexBox div h4 {
		display: table;
	}	
	
	#ventilationBox06 .flexBox div h4 span {
		display: table-cell;
	}
	
	#ventilationBox06 .flexBox div h4 img {
		width: 40px;
		vertical-align: middle;
		margin: 0 0.6rem 0 0;
	}
	
	#ventilationBox06 .flexBox div {
		width: 48%;
	}
	
	#ventilationBox07 .block01,#ventilationBox07 .block02,#ventilationBox07 .block03 {
		margin-bottom: 60px;
	}
	
	#ventilationBox07 .block01 .detail,#ventilationBox07 .block03 .pct {
		width: 56%;
	} 
	
	#ventilationBox07 .block02 .detail {
		width: 60%;
	}
	
	#ventilationBox07 .block01 .detail .title {
		margin-bottom: 0.5rem;
	}
	
	#ventilationBox07 .block01 .detail .title span {
		margin-left: 0.5rem;
	}
	
	#ventilationBox07 .block01 .detail ul.flexBox{
		margin-bottom: 1rem;
		width: 80%;
	} 	
	
	#ventilationBox07 .block01 .detail li {
		width: 48%;
	} 	
	
	#ventilationBox07 .block01 .detail li p{
		margin-bottom: 0.5rem;
		font-size: 90%;
	} 	
	
	#Contents #ventilationBox07 .textStyle {
		margin-bottom: 1rem;
	}
	
	#ventilationBox07 .anser {
		background: #4C5870;
		color:#fff;
		font-size: 110%;
		padding: 0.6rem 2.6rem 1.2rem;
		display: inline-block;
	}
	
	#ventilationBox07 .block01 .pct,#ventilationBox07 .block03 .detail {
		width: 40%;
	} 

	#ventilationBox07 .block02 .pct {
		width: 36%;
	}
	
	#ventilationBox07 .block03 .detail h4 {
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 2rem;
	}
	
	#Contents #ventilationBox08 {
		margin-bottom: 100px;
	}
	
	#ventilationBox08 .block01 .detail,#ventilationBox08 .block02 .detail,#ventilationBox08 .block03 .detail {
		width: 56%;
	} 
	
	#ventilationBox08 .block03 .textBig {
		color: #c10e24;
	}
	
	#ventilationBox09 .flexBox > div:first-child {
		width: 60%;
	}

	#ventilationBox09 .flexBox > div:last-child {
		width: 36.5%;
	}

	#ventilationBox09 .flexBox > div:first-child ul {
		display: flex;
	}
	
	#ventilationBox09 h4,#ventilationBox08 h4 {
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 2rem;
	}
	
	#Contents #ventilationBox10 {
		margin-bottom: 100px;
	}
	
	#Contents #ventilationBox09 .text,#Contents #ventilationBox10 .text {
		margin-bottom: 40px;
	}
	
	#ventilationBox10 ul {
		display: flex;
		justify-content: space-between;
	}

	#ventilationBox10 ul li:first-child {
		width: 56%;
	}

	#ventilationBox10 ul li:last-child {
		width: 50%;
	}

	#ventilationBox10 .caption img{
		width: 40px;
		vertical-align: middle;
		margin: -4px 0.6rem 0 0;
	}

	#ventilationBox10 h4 {
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 2rem;
	}
	
	#ventilationBox11 .movieWrap{
		max-width: 1160px;
		margin: 0 auto 0;
		display: flex;
		gap: 40px;
	}

	.movieBox {
		width: 60%;
		margin: 0 auto 100px;
	}
	
	.youtube {
		position: relative;
		width: 100%;
		padding: 56.25% 0 0 0;
		margin: 10px auto;
	}
	
	.youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}






}

@media all and (max-width: 768px) {
	  
	#ventilationPage {
		padding: 0 20px;
		width: 100%;
	}	
	
	#Contents #ventilationBox02 {
		margin-bottom: 50px;
	}
	
	#ventilationBox02 .flexBox > div {
		margin: 0 auto 25px;
		width: 90%;
		text-align: center;
		padding: 20px 5px 20px;
		background-color: #fff;
		box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
	}
	
	#ventilationBox02 .flexBox > div .photo {
		text-align: center;
	}
	
	#ventilationBox02 .flexBox > div .photo img {
		margin: 0 auto 0.8rem;
		width: 100%;
	}
		
	#ventilationBox02 .flexBox img {
		margin-bottom: 0.8rem;
	}
	
	#ventilationBox02 .flexBox .title {
		display: inline-block;
		position: relative;
		font-size: 13px;
		font-weight: 600;
		line-height: 15px;
		margin-bottom: 12px;
	}
	
	#ventilationBox02 .flexBox .title:before,#ventilationBox02 .flexBox .title:after {
		content: "";
		  position: absolute;
		  top: 6px;
		  width: 15px;
		  height: 1px;
		  background-color: #4C5870;
	}
	
	#ventilationBox02 .flexBox .title:before {
		left: -25px;
	}
	
	#ventilationBox02 .flexBox .title:after {
		right: -25px;
	}
	
	#ventilationBox02 .flexBox .text {
		font-size: 12px;
		line-height: 23px;
	}
	
	#Contents #ventilationBox03 {
		margin-bottom: 50px;
	}
	
	#ventilationBox03 .right.sp.textSmall {
		font-size: 12px;
		text-align: right;
	}
	
	#ventilationBox03 table img {
		width: 70%;
		margin-bottom: 1rem;
	}
	
	#ventilationBox03 .tableWrap {
		max-width: 900px;
		overflow-x: scroll;
		margin-bottom: 1rem;
	}
	
	#ventilationBox03 table {
		width: 900px;
		position: relative;
		margin-bottom: 0.5rem;
		table-layout: fixed;
		text-align: center;
		white-space: nowrap;
	}
	
	#ventilationBox03 table td,#ventilationBox03 table th {
		border: 1px solid #ddd;
		border-collapse: collapse;
		padding:1rem;
		table-layout: fixed;
		font-size: 12px;
		width: 30%;
	}
	
	#ventilationBox03 table th {
		text-align: center;
		background: #f6ffff;
		border-right: none;
		border-left: 1px solid #ddd;
	}
	
	#ventilationBox03 table tr th:first-child {
		width: 10%;
	}
	
	#ventilationBox03 .right.textSmall {
		font-size: 11px;
	}
	
	#ventilationBox04 img {
		width: 100%;
	}
	
	#ventilationBox04 .block01 {
		margin-bottom: 50px;
	}
	
	#ventilationBox04 .block01 .detail {
		margin-bottom: 25px;
	}
		
	#ventilationBox04 .block02 {
		margin-bottom: 50px;
	}
	
	#ventilationBox04 .block02 .detail,#ventilationBox04 .block02 .pct {
		margin-bottom: 20px;
	}	
	
	#ventilationBox04 .block02 .detail .subtitle {
		font-size: 13px;
		font-weight: 600;
		line-height: 1.7;
		margin-bottom: 20px;
	}

	#ventilationBox04 .block02 .detail li {
		font-size: 12px;
		margin-bottom: 6px;
	}	
	
	#ventilationBox04 .block02 .detail li span {
		font-size: 16px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-style: italic;
		margin-right: 5px;
	}	
	
	#Contents #ventilationBox05 {
		margin-bottom: 50px;
	}
	
	#ventilationBox05 .block01 .detail,#ventilationBox05 .block02 .detail {
		margin-bottom: 25px;
	} 	
	
	#ventilationBox05 .block02 .pct .text {
		margin-bottom: 0.5rem;
	} 	
	
	#ventilationBox05 .block02 .detail {
		margin-top: 2.2rem;
	}	
	
	#ventilationBox06 .flexBox {
		margin-bottom: 40px;
	}
	
	#ventilationBox06 .flexBox div img {
		width: 100%;
		margin: 0 auto 0.5rem;
	}
	
	#ventilationBox06 .flexBox div h4 {
		margin: 20px 0 15px;
		font-weight: normal;
		font-size: 12px;
		line-height: 0;
		margin-bottom: 0;
	}	
	
	#ventilationBox06 .flexBox div h4 span {
		display: table-cell;
	}
	
	#ventilationBox06 .flexBox div h4 img {
		width: 22px;
		vertical-align: middle;
		margin: 0 0.6rem 0 0;
	}
	
	#ventilationBox06 .flexBox div {
		margin-bottom: 25px;
	}
	
	#ventilationBox07 .block01,#ventilationBox07 .block02,#ventilationBox07 .block03 {
		margin-bottom: 25px;
	}
	
	#ventilationBox07 .block01 .detail {
		margin-bottom: 40px;
	}
		
	#ventilationBox07 .block01 .detail .title {
		margin-bottom: 0.6rem;
		font-size: 14px;
	}
	
	#ventilationBox07 .block01 .detail .title span {
		margin-left: 0.6rem;
		font-size: 12px;
	}
	
	#ventilationBox07 .block01 .detail ul.flexBox{
		margin-bottom: 1rem;
		display: flex;
		justify-content: space-between;
	} 	
	
	#ventilationBox07 .block01 .detail li {
		width: 48%;
		
	} 	
	
	#ventilationBox07 .block01 .detail li p{
		margin-bottom: 0.5rem;
		font-size: 12px;
	} 
	
	#Contents #ventilationBox07 .textStyle {
		margin-bottom: 0.5rem;
	}
	
	#ventilationBox07 .anser {
		background: #4C5870;
		color:#fff;
		font-size: 12px;
		padding: 0.6rem 2.6rem 0.8rem;
		display: inline-block;
	}
	
	#ventilationBox07 .block03 .detail h4 {
		font-size: 14px;
		margin-bottom: 25px;
	}
	
	#ventilationBox07 .block03 .pct img {
		margin-bottom: 25px;
	}
	
	#Contents #ventilationBox08 {
		margin-bottom: 25px;
	}
	
	#ventilationBox08 .detail h4 {
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	#ventilationBox08 .pct {
		margin-bottom: 25px;
	}

	#ventilationBox09 h4 {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 20px;
	}	
	
	#ventilationBox09 .flexBox img,#ventilationBox09 img {
		margin-bottom: 40px;
	}	
	
	#ventilationBox09 .flexBox .caption img,#ventilationBox09 .caption img{
		width: 22px;
		vertical-align: middle;
		margin: 0 0.6rem 0 0;
	}
	
	#Contents #ventilationBox10 {
		margin-bottom: 50px;
	}
	
	#ventilationBox10 h4 {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 20px;
	}	
	
	#ventilationBox10 img {
		margin-bottom: 40px;
	}
	
	#ventilationBox10 .caption {
		display: table;
	}

	#ventilationBox10 .caption span {
		display: table-cell;
	}

	#ventilationBox10 .caption img {
		width: 22px;
		vertical-align: middle;
		margin: 0 0.6rem 0 0;
	}
	
	#ventilationBox10 .closing {
		padding: 0;
		background-color: #fff;
		text-align: center;
		font-size: 14px;
		line-height: 25px;
		font-weight: 600;
	}	
	

}