@charset "utf-8";

/* SmartDevice */
body {
	-webkit-text-size-adjust: 100%;
}

/* 扉④ */
#main_contents_area .modLinkList03 .image img {
	max-width: 100%;
}


/* 日付付きリスト */
#contents .newsList .cat {
	background-color: #bc4040;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 10px 0 0;
	font-size: 90%;
	font-weight: bold;
}
#contents .newsList .ttlArrow, #contents .newsList .ttlPdf {
	width: 410px;
}

#contents .irNewsList li a, #contents .irNewsList li span {
	background-position: top 7px left 5px;
}

/* タブメニュー */
#main_contents_area .modNav {
	display: flex;
	flex-wrap: wrap;
}

/* 特殊 */


/* 本文 本文小 補足文 */
#main_contents_area #contents .sitemapList {
  display: flex;
  justify-content: space-between;
}
#main_contents_area #contents .sitemapList .noBullet {
  width:285px;
}
#main_contents_area #contents .sitemapList .noBullet:nth-child(2) {
  padding-left: 12px;
  padding-right: 17px;
  float: left;
  border-left: 1px dashed #aaa;
  border-right: 1px dashed #aaa;
}

/* 罫囲い */
#main_contents_area .modBlock03.txtCenter {
	justify-content: center;
}


/* フォーム */
#main_contents_area #contents .sp_form01 .modCaption01 {
	display: flex;
	justify-content: unset;
	flex-direction: unset;
}

/* 表 */

/* 動画 */
.mejs__container {
	max-width: 100%;
}

#my-video {
	max-width: 100%;
}


/* product/building/sergice/building-automation-system-renewal/contact/css/index.css記載分 */
#contents .modTbl01 .modCaption01 {
  display: flex;
  justify-content: start;
  flex-direction: row-reverse;
}

/* 20,000ｍ²規模の建物向け壁掛け型BAシステムsavic-netFX2compact */
#main_contents_area .sp_flexbox11 {
	display: flex;
	justify-content: center;
}


#main_contents_area .sp_flexbox11_img:not(:last-child) {
	margin-right: 24px;
}

/* 個別対応：ジェネラルコントローラ（No.389）横並び4列 */
#main_contents_area .sp_flexbox12 {
	display: flex;
	justify-content: space-around;
}
#main_contents_area .sp_flexbox12 .image {
	text-align: center;
	width: 24%;
}

/* 第四弾：innerの調整（熱源設備用コントローラ、汎用コントローラ InfilexGC） */
#contents .sp_inner01 {
	margin-right: -24px;
}

/* margin:0 autoをあてたい場合 */
#contents .sp_margin-auto02 {
	margin: 0 auto!important;
}

@media screen and (max-width: 768px) {
	/* 共通スタイル */
	#main_contents_area #main {
		width: 100%;
	}
	#main_contents_area #contents {
		width: auto;
		padding: 0 20px;
	}
	#main_contents_area .modMenuList {
		display: flex;
		flex-wrap: wrap;
	}

	#main_contents_area .modMenuList>div {
		width: 100%!important;
	}

	#main_contents_area .modMenuList.column4>div:nth-child(4n+1), #main_contents_area .modMenuList.column4>div:nth-child(4n+2), #main_contents_area .modMenuList.column4>div:nth-child(4n+3) {
		margin: 0 0 20px;
		float: unset;
		display: flex;
		flex-direction: column;
	}

	#main_contents_area .modMenuList.column4>div:nth-child(4n) {
		margin: 0 0 20px;
		float: unset;
		display: flex;
		flex-direction: column;
	}

	#main_contents_area .modMenuList h3 a,
	#main_contents_area .modMenuList .modMenuTitle a {
		width: 100%;
	}

	#main_contents_area .modMenuList h3,
	#main_contents_area .modMenuList .modMenuTitle {
		display: flex;
    align-items: center;
		margin: 0;
	}

	#main_contents_area .modMenuList .text {
		width: auto;
		padding: 0;
	}

	#main_contents_area img {
    text-align: center;
		margin: 0 auto;
    height: auto;
    object-fit: cover;
		max-width: 100%;
	}

	#main_contents_area .catchImage img {
		display: block;
		width: 100%;
	}

	#main_contents_area .modMenuList .catchImage {
		top: unset;
		left: unset;
	}

	#main_contents_area .modMenuList p {
		padding: 10px;
	}

	#main_contents_area .modCatchCopy {
		height: auto;
	}

	#main_contents_area .modLeadcopy {
		margin: 16px auto;
	}

	#main_contents_area .modMenuBlock01 .modList02 li img {
		width: auto;
		max-width: 100%;
		margin: 0 3px;
	}
	/* 扉① */
	#main_contents_area .modMenuList h3,
	#main_contents_area .modMenuList .modMenuTitle {
    width: unset;
  }

	/* 扉② */
	#main_contents_area .modColumn02_03 .right, #main_contents_area .modColumn02_03 .left {
		float: unset;
		width: auto;
		margin: 0 auto 8px;
	}

	#main_contents_area .modColumn02_03>div:nth-child(2n+1) {
		margin: 0 auto 20px;
	}

	#main_contents_area .modColumn02_03>div:nth-child(2n) {
		margin: 0 auto 20px;
	}

	#main_contents_area .modMenuBlock01 .image {
		width: 27%;
	}

	#main_contents_area .modMenuBlock01 .image img {
		width: 100%;
	}

	#main_contents_area .modColumn02_03 .text {
		width: 69%;
	}

	/* サイドナビ */
	#main_contents_area #side {
		width: 100%;
	}

	/* 扉③ */
	#main_contents_area .modLinkList02:last-of-type {
		margin-top: 0;
	}
	#main_contents_area .modLinkList02 .left,
	#main_contents_area .modLinkList02 .right,
	#main_contents_area #contents .menuList .left,
	#main_contents_area #contents .menuList .right,
	#main_contents_area #contents .menuList .center {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 20px;
	}
	#main_contents_area .list02 li {
		margin-bottom: 0;
	}

	/* 扉④ */
	#main_contents_area .modLinkList a, 
	#main_contents_area .modLinkList03 a {
		width: 100%;
		background-position: 98% center;
	}
	#main_contents_area .modLinkList .image, 
	#main_contents_area .modLinkList03 .image {
		width: 27%;
	}
	#main_contents_area .modLinkList03 img {
		width: 100%;
	}
	#main_contents_area .modLinkList .column1,
	#main_contents_area .modLinkList03 .column1,
	#main_contents_area .modLinkList .text, #main_contents_area .modLinkList03 .text {
		padding-right: 7%;
	}
	/* 扉⑤ */
	.sp_imgBox {
		display: block;
	}
	.text.heightLine-group1 {
		height: auto !important;
	}

	/* その他目次(Fix) */
	#main_contents_area .section .modImageBox03Lc {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		margin-top: 30px;
	}
	#main_contents_area .section .modImageBox03Lc:first-of-type {
		margin-top: 16px;
	}
	#main_contents_area .section .modImageBox03Lc .text {
		width: 70% !important;
		float: unset;
		margin-left: 10px;
	}
	#main_contents_area .modArrow01 {
		display: block;
		margin-bottom: 5px;
		background-position: 3px 3px;
	}
	#main_contents_area .img_frame01 {
		margin-bottom: 10px;
		box-sizing: border-box;
	}
	#main_contents_area .section .modImageBox03Lc .image {
		width: 27% !important;
		max-width: 100px;
		float: unset;
		margin: 0 auto;
	}
	/* その他リスト(Fix) */
	#main_contents_area .modImageBox06c {
		margin-top: 0;
	}
	#main_contents_area .modImageBox06c {
		width: 100% !important;
	}
	#main_contents_area .modImageBox06c .image {
		float: unset;
		margin: 30px auto 0;
	}
	.modMenuBlock01.heightLine-group2 {
		height: auto !important;
	}
	#contents .txt13 {
		display: block;
		padding-bottom: 10px;
	}
		#contents .txt13::-webkit-scrollbar {
		height: 4px;
	}
		#contents .txt13::-webkit-scrollbar-track {
		background: #eee;
	}
		#contents .txt13::-webkit-scrollbar-thumb {
		background: #aaa;
		border: none;
	}
		#contents .txt13::-webkit-scrollbar-thumb:hover {
		background: #999;
	}
	#contents .txt13>tbody {
		min-width: 810px;
	}

	/* 日付付きリスト */
	#main_contents_area .tabNav {
		display: flex;
		flex-wrap: unset;
	}
	#contents .tab .tabNav li.t01, #contents .tab .tabNav li.t02 {
		width: 50%;
	}
	#contents .newsList {
		margin: 15px 0;
	}

	#contents .newsList .cat {
		font-size: 13px;
		margin: 0;
	}

	#contents .newsList .ttlPdf {
		width: 100%;
		margin: 10px 0 0 0;
	}
	#contents .newsList .ttlArrow2 {
		width: 100%;
		margin: 10px 0 0 0;
	}

	#contents .newsList .ttlArrow {
		width: 100%;
		margin: 10px 0 0 0;
	}

	#main_contents_area ul.sentence li {
		margin-bottom: 16px;
	}

	#main_contents_area .modColumn02_02 .left {
		float: unset;
		width: 100%;
	}
	#main_contents_area .modColumn02_02 .right {
		float: unset;
		width: 100%;
	}

	#main_contents_area .news_list table tr {
		display: flex;
		flex-wrap: wrap;
	}
	#main_contents_area .news_list table tr td {
		width: 100%;
		padding: 6px;
		border: none;
	}
	#main_contents_area .news_list table tr td:nth-child(2) {
		border-bottom: 1px solid #e0e0e0;
	}
	#contents dl.news {
		margin-left: 0;
	}
	#contents dl.news dt {
		width: 100%;
		border-top: none;
	}
	#contents dl.news dd {
		width: 100%;
		border-top: none;
		border-bottom: 1px dotted #ccc;
	}
	#contents .irTopList li .date {
		width: 100%;
		float: unset;
	}
	#contents .irNewsList {
		margin-left: 0;
	}
	#contents .news dl.list {
		display: flex;
		flex-wrap: wrap;
	}
	#contents .news dl.list dt {
		width: 100%;
		padding-bottom: 0;
	}
	#contents .news dl.list dd {
		width: 100%;
		margin-left: 0;
		border-top: none;
	}
	/* archives.css記載分 */
	#contents .news-list li .news-list-body {
		width: 100%;
		margin: 10px 0 0 0;
	}
	#contents .news-list li {
		flex-wrap: wrap;
		padding: 16px 8px;
	}

	#contents .newsList .ttlArrow, #contents .newsList .ttlArrow2 {
		width: 100%;
		margin: 10px 0 0 0;
	}


	/* 資料等 */
	#main_contents_area .list01 .modIconPdf {
		padding: 2px 5px 0 25px;
	}
	#contents .list01 {
		margin-left: 0!important;
	}
	#main_contents_area .modImageBox04 .flexbox .flexboxItem01 {
		margin: 0 0 16px;
	}

	#main_contents_area .modImageBox04 .flexbox .flexboxItem02 {
		width: 100%;
		max-width: 100%;
		order: 1;
	}
	#contents .anualListLeft {
		margin-right: 0;
		width: 100%;
	}
	#contents .anualListLeft img {
		display: block;
		width: auto;
	}
	#main_contents_area #contents .reportBox {
		display: flex;
		flex-wrap: wrap;
	}
	#contents .reportBox .right {
		width: 100%;
	}
	/* ir/library/css/index2.css記載分 */
	#main_contents_area .list01 .modIconPdf {
		background-color: unset;
		color: #00558c;
	}

	/* 展開メニュー */
	#contents .modImageBox04 {
		width: 100%;
		margin: 24px auto 16px;
	}
	#contents .modImageBox04 .image {
		text-align: center;
	}
	#contents .modImageBox04 .image img{
		width: 100%;
	}
	#contents .irLibList {
		margin-left: 0 !important;
	}
	#main_contents_area .modArrow02 {
		margin-left: 0 !important;
		word-break: break-word;
		background-position: 8px 8px;
	}
	#contents .irCalList {
		margin-left: 0 !important;
	}

	/* 見出し */
	#main_contents_area .modTitleBox h1 {
		width: auto;
	}

	/* 問合せ */
	#main_contents_area .modBlock03 {
		display: flex;
		flex-wrap: wrap;
		align-items: baseline;
	}
	#main_contents_area .modBtn03s.pink:not(:last-child) {
		margin: 0 auto 10px;
	}
	#main_contents_area #contents #main .block_wrap.form_contact .column {
		display: flex;
		flex-wrap: wrap;
	}
	#main_contents_area #contents #main .block_wrap.form_contact .column dt {
		width: 100%!important;
	}
	#main_contents_area #contents #main .block_wrap.form_contact .column dd {
		width: 100%;
		padding: 20px!important;
	}
	#main_contents_area #contents #main .block_wrap.form_contact .column dt img {
		width: 100%;
	}
	#contents #inq .modBlock .left {
		margin: 0 0 10px;
		padding: 0;
		float: unset;
		width: unset;
	}
	#contents #inq .modBlock .right {
		margin: 0;
		float: unset;
		width: unset;
	}
	#main_contents_area #inq .modBlock .left .modBtn03.pink {
		margin: 5px 0 0;
	}

	/* タブメニュー */
	#main_contents_area .modNav {
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#main_contents_area .modNav li {
		padding: 4px 3px 2px 3px;
		margin: 0;
		width: 47%;
		float: unset;
		display: flex;
		justify-content: center;
	}
	#main_contents_area .modNav li a {
		width: 100%!important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#main_contents_area .modTitleBox .modCatchCopy02 {
		width: auto;
	}

	#main_contents_area .modNav.clearfix::after {
		content: unset;
	}

	/* 特殊 */
	#main_contents_area .modImageBox01 {
		width: auto;
	}
	#contents .ayumiBox .right {
		width: 100%;
		float: unset;
	}
	#contents .ayumiBox .left {
		width: 100%;
		float: unset;
	}
	#contents .ayumiBox .left .catchImage img {
		width: auto;
	}
	#main_contents_area .imgL .image {
		width: 100%;
		text-align: center;
	}
	#main_contents_area .modImageBox04c {
		width: auto!important;
	}
	#main_contents_area .modImageBox04c .image {
		text-align: center;
	}
	#contents .approach_guideline {
		width: 100%;
	}
	#contents .approach_knowhow {
		width: 100%;
		float: unset;
		height: auto;
	}
	#contents .approach_knowhow_t {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.25em 0;
	}
	#contents .approach_knowhow_offer {
		margin: -60px auto;
		float: unset;
		transform: rotate(90deg);
	}
	#contents .approach_knowhow_offer_txt {
		transform: rotate(-90deg);
		padding: 110px 0 0 10px;
	}
	#main_contents_area .historyBox .left {
		display: none;
	}
	#main_contents_area .historyBox .right {
		width: 100%;
	}

	/* 本文 本文小 補足文 */
	#main_contents_area #contents .sitemapList {
		flex-wrap: wrap;
	}
	#main_contents_area #contents .sitemapList .noBullet {
		width: 100%;
	}
	#main_contents_area #contents .sitemapList .noBullet:nth-child(2) {
		padding: 0;
		border: none;
	}

	/* 罫囲い */
	#main_contents_area .modBlock03.txtCenter {
		justify-content: center;
	}
	#main_contents_area .sp_flexbox01 .modTag02.tag01, #main_contents_area .sp_flexbox02 .modTag02.tag01 {
		margin: 0 10px 0 0;
	}
	#main_contents_area .sp_flexbox01 .modTitle, #main_contents_area .sp_flexbox02 .modTitle {
		margin: 5px 0 0 10px;
		width: 100%;
	}
	#main_contents_area .sp_flexbox01 .modCompany, #main_contents_area .sp_flexbox02 .modCompany {
		width: 100%;
	}
	#contents .approach_guideline_indent {
		margin: 1em;
	}
	#main_contents_area .modBlock03 .modTag02.tag01 {
		width: unset;
		padding: 0 12px;
	}
	#contents .modBlock02.txt13 {
		overflow-x: unset;
		white-space: unset;
	}


	/* ページ内リンク */
	#main_contents_area #contents {
		width: auto;
		padding: 0 20px;
	}
	#main_contents_area #main {
		width: 100%;
	}
	#main_contents_area #side {
		width: 100%;
	}

	/* 関連情報リンク */
	#main_contents_area .modNav03 {
		width: 100%;
	}
	#main_contents_area .modNav03 li {
		float: unset;
		margin: 0 auto 10px;
	}
	#main_contents_area .modNav03 li:last-of-type {
		margin-bottom: 0;
	}
	#main_contents_area .modNav03 li a {
		max-width: 340px;
		display: block;
		margin: 0 auto;
		padding: 10px;
		text-align: center;
		box-sizing: border-box;
	}

	/* ボタンリンク */

	/* 表 */
	#main_contents_area #contents .maparea {
		width: 100%;
		margin: 0;
		height: auto;
	}

	/* 地図 */
	#main_contents_area #contents .maparea iframe {
		width: 100%;
		height: 300px;
	}

	/* 画像 */
	#main_contents_area .sp_flexbox01.imgS .image {
		text-align: center;
	}
	#main_contents_area .sp_flexbox01.modImageBox02R .image img {
		margin: 0 auto;
	}
	#main_contents_area .modImageBox07 {
		width: auto;
	}
	#main_contents_area .modCatchCopy>div {
		width: auto;
		font-size: 14px;
		left: 0;
		top: 80%;
	}
	#main_contents_area .modImageBox05c .image {
		float: unset!important;
		width: 100% !important;
		margin-bottom: 30px;
	}
	#main_contents_area .modImageBox01 img {
		width: 100% !important;
		height: auto !important;
	}

	/*ラベル */
	#main_contents_area .modTag02.tag01 {
		display: inline-block;
		width: 48%;
		padding: 10px 5px;
		text-align: center;
		margin-bottom: 15px;
	}
	#main_contents_area .modTag02.tag01:last-of-type {
		margin-bottom: 0;
	}
	#main_contents_area table.modTbl01 {
		display: unset;
	}
	#main_contents_area table.modTbl01 tr {
		display: block;
		width: 100%;
	}
	#main_contents_area table.modTbl01 tbody ,
	#main_contents_area table.modTbl01 tr th,
	#main_contents_area table.modTbl01 tr td {
		width: initial !important;
		display: block;
		box-sizing: border-box;
	}
	#main_contents_area #contents .modInput.large {
		width: 100%;
		box-sizing: border-box;
	}
	#main_contents_area #contents .textarea {
		width: 100%;
		resize: vertical;
		box-sizing: border-box;
	}
	/* procedure/css/index.css記載分 */
	#main_contents_area table.modTbl01 tr th {
		display: inline-block;
		width: 30% !important;
	}
	#main_contents_area table.modTbl01 tr td {
		display: inline-block;
		width: 65% !important;
	}

	/* 動画 */
	.sp_video-block video {
		max-width: 100%;
	}
	.sp_video-block video {
		max-width: 100%;
		height: 100%!important;
		background-color: #fff;
	}
	.sp_video-block .mejs__video {
		height: 275px !important;
	}
	.sp_video-block .video-js .vjs-tech {
		background-color: #fff;
	}
	.sp_video-block .mejs__mediaelement {
		background-color: #fff;
	}
	.sp_video-block .mejs__poster , .mejs__overlay {
		width: 100%!important;
		height: auto!important;
	}
	.mejs__overlay {
		top: 50%!important;
		transform: translateY(-50%);
	}
	#my-video {
		height: auto;
	}
	.video-js .vjs-tech {
		position: unset;
	}
	#main_contents_area .modColumn04 .left {
		width: 100%;
		float: unset;
		margin: 0;
	}
	#main_contents_area .modColumn04 .right {
		width: 100%;
	}
	.sp_video-block02 .mejs__mediaelement {
		position: relative;
	}
	.sp_video-block02 .mejs__video {
		height: auto!important;
	}

	/* フォーム */
	#main_contents_area .modSelectWrap {
		margin-top: 0;
		float: unset;
		position: relative;
	}
	#main_contents_area #contents .modSelectWrap > select {
		top: 25px;
		margin-top: -25px;
	}
	#main_contents_area .modSelect {
		width: 100% !important;
		box-sizing: border-box;
		background-position: 95% center, left bottom !important;
	}
	input#position1 {
		margin-right: 8px;
	}
	input#position2,
	input#position3,
	input#position4 {
		margin: 0 8px;
	}
	#main_contents_area table.modTbl01 tbody td p {
		margin-top: 0;
		margin-bottom: 10px;
	}
	#main_contents_area table.modTbl01 #chk1,
	#main_contents_area table.modTbl01 #chk2 {
		margin-right: 10px;
		vertical-align: middle;
	}
	/* sp_form01（フォーム）*/
	#contents table.sp_form01 .modInput {
		width: auto;
	}
	.sp_form01 input#position1 {
		margin-right: 8px;
	}
	.sp_form01 input#position2,
	.sp_form01 input#position3,
	.sp_form01 input#position4 {
		margin: 0 8px 0 0;
	}
	#main_contents_area table.sp_form01 tr th,
	#main_contents_area table.sp_form01 tr td {
		width: 100% !important;
	}
	#main_contents_area table.sp_form01 #chk1,
	#main_contents_area table.sp_form01 #chk2 {
		margin-right: 10px;
		vertical-align: middle;
	}
	#main_contents_area table.sp_form01 .modInput {
		width: 100%;
		padding: 4px 0;
		margin: 0 0 5px;
	}

	/* アイコン */
	#main_contents_area .icondiv .icon {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#main_contents_area .icondiv .icon li {
		width: 49%;
		margin: 0 auto 10px;
		font-size: 12px;
	}
	#main_contents_area .icondiv .icon li:nth-child(3),
	#main_contents_area .icondiv .icon li:nth-child(4) {
		margin-bottom: 0;
	}
	#main_contents_area .icondiv .icon img { 
		width: 28px;
	}
	/* map */
	#main_contents_area .spOnly .modImageBox06c .inner {
	margin-right: auto;
	}
	#main_contents_area .spOnly .modLinkTitle01:not(:first-of-type) {
	margin-top: 32px;
	}
	#main .js_sbp_blocks_hover_modLeadcopy {
		border-bottom: none;
	}
	.category_name_sub {
		display: flex;
		align-items: center;
	}
	.category_name_sub span {
		margin: 0 10px;
	}
	.category_name_sub:after,
	.category_name_sub::before {
		content:"";
		flex-grow:1;
	}
	.category_name_sub:after {
		border-bottom:1px solid lightgray;
	}
	.category_name_sub:before {
		border-top:1px solid lightgray;
	}

	/* Adobe Reader */
	#main_contents_area .modAdobeReader {
		margin: 0;
	}
	#main_contents_area .modAdobeReader .right {
		width: auto;
	}

	/* メインビジュアル */
	#main .main-visual {
		width: 100%;
	}


	/* パターン外（画像） */
	#main_contents_area .modImageBox05,
	#main_contents_area .modImageBox06 {
		width: 100%;
		margin-top: 0;
	}
	#main_contents_area .modImageBox05:first-of-type,
	#main_contents_area .modImageBox06:first-of-type {
		margin-top: 30px;
	}
	#main_contents_area .modImageBox05 .inner,
	#main_contents_area .modImageBox06 .inner {
		margin-right: auto;
	}
	#main_contents_area .modImageBox05.imgL .image,
	#main_contents_area .modImageBox05 .image,
	#main_contents_area .modImageBox06 .image {
		width: 100%;
		float: unset;
		margin-bottom: 30px;
	}
	#main_contents_area .modImageBox05 .image img,
	#main_contents_area .modImageBox06 .image img {
		width: 100%;
	}
	#main_contents_area .modImageBox05.imgL {
		width: auto;
	}
	/* CB対応 ⑱ページ内リンク */
	#main_contents_area .modImageBox05c .inner {
		margin-right: 0;
	}
	/* CB対応 ⑯本文　本文小　補足文 */
	#main_contents_area #contents .modImageBox03L .text {
		width: 100%;
	}
	/* CB対応 ⑮リードコピー */
	#main_contents_area #main p.modLeadcopy {
		font-size: 15px;
	}
	/* CB対応 ●見出し */
	#main_contents_area #contents table.tbl_initiatives {
		width: 100%;
	}
	/* CB対応 ●見出し画像をh1タイトル下に */
	#main_contents_area .modTitleBox .image {
		float: unset;
		text-align: center;
	}
}






/* -------------------- SmartDevice (新しいクラスの付与) -------------------- */

/* 共通項目 */
#main_contents_area .sp_text-center {
	text-align: center;
}
.sp_only {
	display: none;
}
.pc_only {
	display: block;
}
.width-100 {
	width: 100%!important;
}
.width-118 {
	width: 118px !important;
}
.width-160 {
	width: 160px !important;
}
.m-0 {
	margin: 0 !important;
}
.ws-nowrap {
	white-space: nowrap !important;
}

/* PC/SP共通 センター寄せ */
.sp_flexbox-center {
	display: flex;
	justify-content: center;
}
/* PC/SP共通 justify-content: space-around; */
.sp_flexbox-space-around {
	display: flex;
	justify-content: space-around;
}

@media screen and (max-width: 768px) {
	.sp_only {
		display: block;
	}
	.pc_only {
		display:none;
	}
	/* 横幅指定 */
	.sp_width-30 {
		width: 30%!important;
	}
	.sp_width-100 {
		width: 100%!important;
	}
	.sp_max-width100 {
		max-width: 100%;
	}
	.sp_height {
		height: auto !important;
	}
	.sp_m-0 {
		margin: 0 !important;
	}
	#main_contents_area .sp_ml-0 {
		margin-left: 0 !important;
	}
	.sp_mt-50_minus {
		margin-top: -50px !important;
	}
	.sp_p-0 {
		padding: 0 !important;
	}
	.sp_pl-0 {
		padding-left: 0 !important;
	}
	.sp_pt-0 {
		padding-top: 0 !important;
	}
	.sp_pt-60 {
		padding-top: 60px !important;
	}
	.sp_pt-70 {
		padding-top: 70px !important;
	}
	.sp_mb-10 {
		margin-bottom: 10px !important;
	}
	.sp_mb-20 {
		margin-bottom: 20px !important;
	}
	.sp_b-0 {
		border: 0 !important;
	}
	.sp_bb-0 {
		border-bottom: 0 !important;
	}
	.sp_db {
		display: block !important;
	}
	.sp_di {
		display: inline !important;
	}
	.sp_dn {
		display: none !important;
	}
	.sp_df {
		display: flex !important;
	}
	.sp_bg-position01 {
		background-position: 3px 5px !important;
	}
	.sp_bg-position02 {
		background-position: 0 2px !important;
	}
	.sp_column-reverse {
		flex-direction: column-reverse !important;
	}
	.sp_float-unset {
		float: unset;
		width: 100% !important;
	}
}


/* Flex Box (テキスト + 画像) */
#main_contents_area .sp_flexbox01 {
	display: flex;
	flex-direction: row-reverse;
}
#main_contents_area .sp_flexbox01 .sp_flexbox01_txt {
	margin: 0 20px 0 0;
	width: 100%;
}

/* Flex Box (画像 + テキスト) */
#main_contents_area .sp_flexbox02 {
	display: flex;
}
#main_contents_area .sp_flexbox02 .sp_flexbox02_txt {
	margin: 0 0 0 20px;
}

/* Flex Box (見出しラベルの画像 + テキスト) */
#main_contents_area .sp_flexbox04 {
	display: flex;
}
#main_contents_area .sp_flexbox04 .sp_flexbox04_txt {
	margin: 0 0 0 10px;
}

/* Flex Box (5カラム) 「特殊」パーツで使用 */
#main_contents_area .sp_flexbox05 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	margin-top: 20px;
}
#main_contents_area .sp_flexbox05 .sp_flexbox05_item {
	width: 20%;
	padding: 0;
	margin: 0 0 10px;
	list-style: none;
	background-image: none;
	text-align: center;
}
#main_contents_area .sp_flexbox05 .sp_flexbox05_item p {
	font-size: 12px;
}

/* Flex Box (リンク付きのリスト) */
#main_contents_area .sp_flexbox06 {
	display: flex;
}

#main_contents_area .sp_flexbox06 li {
	width: 100%;
	margin: 0 auto 5px;
}

#main_contents_area .sp_flexbox06 .sp_flexbox06_img {
	margin: 0 16px 0 0;
}

#main_contents_area .sp_flexbox06 .sp_flexbox06_img img {
	width: 88px;
}

#main_contents_area .sp_flexbox06 .sp_flexbox06_txt {
	width: 218px;
}

/* Flex Box (3カラム) その他リストの製品一覧で使用 */
#main_contents_area .modImageBox06c .sp_flexbox07 {
	display: flex;
	justify-content: space-between;
}
#main_contents_area .modImageBox06c .sp_flexbox07 .image {
	width: 30%;
}
#main_contents_area .modImageBox06c .sp_flexbox07 .image img {
	max-width: 100%;
}

/* Flex Box (リンク付きのリスト) */
#main_contents_area .sp_flexbox08 {
	display: flex;
	flex-wrap: wrap;
}

#main_contents_area .sp_flexbox08 li {
	width: 100%;
	margin: 0 auto 5px;
}

/* Flexbox （7カラム）製品一覧のmodMenuListの改修*/
#main_contents_area .sp_flexbox09 {
	display: flex;
	flex-wrap: wrap;
}

#main_contents_area .sp_flexbox09 .sp_flexbox09_item {
	width: 216px;
	margin: 0 0 24px;
}

/* Table 「表」パーツで使用 */
#main_contents_area #contents .sp_table02 {
	display: flex;
}
#main_contents_area #contents .sp_table02 table:first-child {
	margin: 0 24px 0 0;
}

#main_contents_area #contents table.sp_table03 tr th {
	width: 100% !important;
}
#main_contents_area #contents table.sp_table03 tr td {
	width: 100% !important;
	border: none;
}
#main_contents_area #contents table.sp_table03 tr:nth-child(2) dl {
	border-top: none;
}
#main_contents_area #contents .sp_table05 th {
	min-width: 120px;
}

/* プライバシーポリシーのボタン */
#main_contents_area .sp_button-link li {
	list-style: none;
	border: 1px solid gray;
	padding: 0.5em;
	width: 300px;
	margin-bottom: 1em;
	background-image: none;
	box-sizing: border-box;
}

/* 罫囲い（リンクバナー） */
#main_contents_area .sp_link-banner .sp_flexbox02 .sp_flexbox02_txt textarea {
	width: 400px;
}


@media screen and (max-width: 768px) {
	/* Flex Box (テキスト + 画像) */
	#main_contents_area .sp_flexbox01 {
		flex-wrap: wrap;
	}
	#main_contents_area .sp_flexbox01 .sp_flexbox01_img {
		margin: 0 auto 20px!important;
	}
	#main_contents_area .sp_flexbox01 .sp_flexbox01_txt {
		margin: 0 auto;
	}

	/* Flex Box (画像 + テキスト) */
	#main_contents_area .sp_flexbox02 {
		flex-wrap: wrap;
	}
	#main_contents_area .sp_flexbox02 .sp_flexbox02_txt {
		margin: 0 auto;
	}
	#main_contents_area .sp_flexbox02 .sp_flexbox02_img {
		margin: 0 auto 20px;
	}
	#main_contents_area .sp_flexbox02 .sp_flexbox02_img .modCaption01 {
		margin-bottom: 0;
	}

	/* Flex Box (テキスト + 画像 PC時はテキスト回り込み) */
	#main_contents_area .sp_flexbox03 {
		display: flex;
		flex-wrap: wrap;
	}
	#main_contents_area .sp_flexbox03 .sp_flexbox03_img {
		margin: 0 auto!important;
	}

	/* Flex Box (見出しラベルの画像 + テキスト) */
	#main_contents_area .sp_flexbox04 {
		flex-wrap: wrap;
	}
	#main_contents_area .sp_flexbox04 .sp_flexbox04_img {
		margin: 0 0 8px;
	}
	#main_contents_area .sp_flexbox04 .sp_flexbox04_txt {
		margin: 0 auto;
	}

	/* Flex Box (5カラム) 「特殊」パーツで使用 */
	#main_contents_area .sp_flexbox05 {
		flex-wrap: wrap;
	}
	#main_contents_area .sp_flexbox05::after {
		content: "";
		display: block;
		width: 33%;
		height: 0;
	}
	#main_contents_area .sp_flexbox05 .sp_flexbox05_item {
		width: 30%;
	}

	/* Flex Box (扉②用 画像 + テキスト) */
	#main_contents_area .sp_flexbox06 .sp_flexbox06_txt {
		width: 70%;
	}
	#main_contents_area .sp_flexbox06 .sp_flexbox06_img {
		width: 27%;
	}

	#main_contents_area .sp_flexbox06 .sp_flexbox06_img img {
		width: 100%;
	}
	
	/* Flex Box (3カラム) その他リストの製品一覧で使用 */
	#main_contents_area .modImageBox06c .sp_flexbox07 {
		flex-wrap: wrap;
	}
	#main_contents_area .modImageBox06c .sp_flexbox07 .image {
		width: 100%!important;
	}

	/* 扉① 余白調整 */
	#main_contents_area .sp_flexbox10 .modMenuList:not(:first-child) {
		margin: 0 auto;
	}
	#main_contents_area .sp_flexbox10 .modMenuList>div:nth-child(3n+1),	#main_contents_area .sp_flexbox10 .modMenuList>div:nth-child(3n+2), #main_contents_area .sp_flexbox10 .modMenuList>div:nth-child(3n) {
		margin: 0 auto 20px;
	}
	#main_contents_area .sp_flexbox10 .modMenuList .text {
		padding: 10px;
	}
	#main_contents_area .modColumn02_03 {
		margin-top: 0;
	}

	/* Flex Box (3カラム) その他リストの製品一覧で使用 */

	/* Flex Box  「ページ内リンク」パーツで使用 */
	#main_contents_area .sp_anchor01 {
		display: flex;
    flex-wrap: wrap;
	}
	#main_contents_area .sp_anchor01 a {
		width: 100%;
	}

	/* Flex Box  「日付付きリスト」パーツで使用  */
	#main_contents_area .sp_list01 {
		display: flex;
		flex-wrap: wrap;
	}
	#main_contents_area .sp_list01 .txtRed {
		margin: 0 0 10px;
	}

	/* Table 「表」パーツで使用 */
	#main_contents_area #contents .sp_table02 {
		flex-wrap: wrap;
	}
	#main_contents_area #contents .sp_table02 table:first-child {
		margin: 0 auto 16px;
	}
	#main_contents_area #contents table.sp_table03 tr:last-of-type dl {
		border-bottom: 1px solid #e0e0e0;
	}
	#main_contents_area #contents table.sp_table03 dl {
		border: 1px solid #e0e0e0;
		border-bottom: none;
		padding-right: 12px;
	}
	#main_contents_area #contents table.sp_table03 dd {
		border: none;
		padding-bottom: 10px;
	}
	#main_contents_area #contents .sp_table04 table.modTbl01 {
		display: block;
	}
	#main_contents_area #contents .sp_table04 table.modTbl01 tr {
		display: flex;
		justify-content: center;
	}
	#main_contents_area #contents .sp_table04 table.modTbl01 tr th {
		border-right: none;
	}
	#main_contents_area #contents .sp_table04 table.modTbl01 tr:not(:last-child) th {
		border-bottom: none;
	}
	#main_contents_area #contents .sp_table04 table.modTbl01 tr:not(:last-child) td {
		border-bottom: none;
	}
	#main_contents_area #contents .sp_table04 table.modTbl01 tr {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	#main_contents_area #contents .sp_table05 th {
		min-width: auto;
	}

	#main_contents_area #contents .sp_table06 tr {
		display: flex;
	}


	/* Button　プライバシーポリシーのボタン */
	#main_contents_area .sp_button-link li {
		width: 100%;
	}

	/* 罫囲い（リンクバナー） */
	#main_contents_area .sp_link-banner .sp_flexbox02 {
		margin: 8px auto 0;
	}
	#main_contents_area .sp_link-banner .sp_flexbox02 .sp_flexbox02_txt {
		width: 100%;
	}
	#main_contents_area .sp_link-banner .sp_flexbox02 .sp_flexbox02_txt textarea {
		width: 100%;
		resize: none;
	}

	/* 横スクロール　「ボタンリンク」「表」パーツで使用 */
	#main_contents_area .sp_table-scroll {
		overflow-x: scroll;
	}
	#main_contents_area .sp_table-scroll table {
		width: 800px;
	}
}



/* パターン外（イメージマップ） */
#main_contents_area .sp_image-map .sp_map-image {
	margin: 16px auto 0;
	width: 590px;
}
#main_contents_area .sp_image-map .sp_map-list {
	display: none;
}
#main_contents_area .sp_image-map .sp_only {
	display: none;
}

/* パターン外（カラーのタブメニュー） */
#main_contents_area .sp_link-color-wrap {
	text-align: center;
}

/* パターン外（グレー背景） */
#main_contents_area .sp_bg-gray01 {
	margin: 0 auto;
	padding: 1rem 0;
	background-color: #eee;
}

/* パターン外 （装飾ボーダー） */
#main_contents_area .sp_border-dashed01 {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding: 8px 0;
	margin: 0 10px;
}

@media screen and (max-width: 768px) {
	/* パターン外（イメージマップ） */
	#main_contents_area .sp_image-map #Map {
		display: none;
	}
	#main_contents_area .sp_image-map .sp_map-image {
		display: none;
	}
	#main_contents_area .sp_image-map .sp_map-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 16px auto 0;
	}
	#main_contents_area .sp_image-map .sp_map-list li {
		width: 30%;
	}
	#main_contents_area .sp_image-map .sp_only {
		display: block;
	}
	#hokaidou, #tohoku, #kanto, #tyubu, #kinki, #tyugoku, #sikoku, #kyusyu {
		padding-top: 60px;
		margin-top: -60px;
		display: inline-block;
	}
	#main_contents_area .sp_image-map .sp_map-list::after {
		content: "";
    display: block;
    width: 30%;
    height: 0;
	}

	/* パターン外（カラーのタブメニュー） */
	#main_contents_area .sp_link-color-wrap {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
	}
	#main_contents_area .sp_link-color-wrap .sp_link-color-a {
		width: 49%;
		margin: 0 0 5px;
	}

	/* パターン外（イラスト付きお問い合わせ） */
	#main_contents_area .sp_contact-illust {
		padding: 20px;
	}
	#main_contents_area .sp_contact-illust .fc_inside {
		width: 100%;
		margin: 0!important;
	}
	#main_contents_area .sp_contact-illust img {
		display: none;
	}
	#main_contents_area .sp_contact-illust-button {
		display: flex;
		flex-wrap: wrap;
	}
	#main_contents_area .sp_contact-illust-button li {
		width: 100%;
	}
	#main_contents_area .sp_contact-illust-button li:first-child {
		margin: 0 0 10px;
	}
	#main_contents_area .sp_contact-illust-button li a {
		margin-right: 0!important;
	}

	/* パターン外（メリットのリスト） */
	#main_contents_area .block_wrap .sp_list-merit {
		display: flex;
		flex-wrap: wrap;
	}
	#main_contents_area .block_wrap .sp_list-merit li {
		width: 100%;
		text-align: center;
		margin: 40px auto 20px;
	}
	#main_contents_area .block_wrap .column.meritt.sp_list-merit li p {
		width: auto!important;
		background-image: none;
	}
	#main_contents_area .block_wrap .column.meritt.sp_list-merit li .bt img {
		position: unset;
	}
	
	/* パターン外　横スクロール（最新機種（後継機種）のご紹介 ） */
	#main_contents_area .sp_table-scroll .table_old_line_up {
		width: 1000px;
	}

	/* パターン外（見出し + テキスト + 画像） */
	#main_contents_area .sp_ttl01 .modTitleBox {
		display: flex;
		flex-direction: column-reverse;
	}
	#main_contents_area .sp_ttl01 .modTitleBox h1 {
		order: 5;
	}
	/* 見出し + テキスト + 画像：説明文 */
	#main_contents_area .sp_ttl01 .modTitleBox .modCatchCopy02 {
		order: 4;
	}
	/* 見出し + テキスト + 画像：製品画像 */
	#main_contents_area .sp_ttl01 .modTitleBox .image {
		float: unset;
		text-align: center;
		order: 1;
		margin-top: 10px;
	}
	/* 見出し + テキスト + 画像：アイコン画像（例：CEマーク） */
	#main_contents_area .sp_ttl01 .sp_product-mark {
		order: 3;
	}
	/* 見出し + テキスト + 画像：注釈文（例：製品ラインナップのページを参照してください） */
	#main_contents_area .sp_ttl01 .modTitleBox .modCaption01p {
		order: 2;
	}
	#main_contents_area span.sp_ttl_mini {
		display: block;
		margin-left: 0!important;
	}
	/* ㉑表 */
	#main_contents_area .sp_table01 div {
    width: auto;
  }
  #main_contents_area .sp_table01 table {
    table-layout: fixed;
  }
 .sp_table01 tbody, 
 .sp_table01 tr {
    width: 100%;
  }
  #main_contents_area .sp_table01 table tr td {
    padding: 5px;
  }
  #main_contents_area .sp_table01 table tr th:first-child, 
  #main_contents_area .sp_table01 table tr td:first-child {
    width: 30% !important;
  }
  #main_contents_area .sp_table01 table tr th:nth-child(2), 
  #main_contents_area .sp_table01 table tr td:nth-child(2) {
    width: 40% !important;
  }
  #main_contents_area .sp_table01 table tr th:nth-child(3), 
  #main_contents_area .sp_table01 table tr td:nth-child(3) {
    width: 30% !important;
  }

	/* ボタン*/
	#main_contents_area .modBlock03.sp_btn01 {
		display: contents;
	}

	#main_contents_area .modBlock03.sp_btn01 > form {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 16px;
	}
		#main_contents_area .modBlock03.sp_btn01 > .modBtn01 {
			margin-right: 10px;
	}

	/* 個別対応(merry) */
	#main_contents_area div.merry {
		width: auto;
	}
	#main_contents_area .merry1 {
		width: auto;
	}
	#main_contents_area div.merry div {
		float: unset;
		margin: 0 auto;
		text-align: center;
	}

	/* 個別対応(No.322) */
	/* #main_contents_area .modArrow02.sp_bg-position8 {
		background-position: 8px 8px;
	} */
	#main_contents_area .sp_bg-position8 {
		background-position: 8px 8px;
	}

	/* 個別対応 事例システムソリューション  20220825 */
	#main_contents_area div.directionality_01 .text, #main_contents_area div.directionality_02 .text, #main_contents_area div.directionality_03 .text,#main_contents_area div.modImageBox03Lc div.text {
		width: auto;
	}

	/* 個別対応 (NEWS) */
	#main_contents_area table.modTbl01 tr th.ws {
		white-space: normal;
	}

	/* ニュースリリース追加修正 */
	#contents .newsList .ttlArrow, #contents .newsList .ttlArrow2 {
		box-sizing: border-box;
	}
	#contents .newsList .ttlPdf {
		box-sizing: border-box;
	}
	#contents .newsList .ttlPdf2 {
		box-sizing: border-box;
		width: 100%;
	}

	/* 見出し画像・キャッチ追加修正 */
	#main_contents_area .modCatchCopy>div.line2.sp_catch01 {
		padding: 5px 20px 0;
	}
	#contents .news dl.list dt.sp_dt01,
	#contents .news dl.list dd.sp_dd01 {
		width: 100% !important;
		margin: 0 !important;
	}
	#contents .news dl.list dd.sp_dd01 {
		border-top: none !important;
		padding-top: 0 !important;
	}

	/* 見出し画像・キャッチ追加修正 div.line2のパターン */
	#main_contents_area .modCatchCopy .sp_catch02 {
		left: 14px;
		top: 60%;
		font-size: 13px;
	}

	/* 見出し画像・キャッチ追加修正 div > p.txtCenter のパターン */
	#main_contents_area .modCatchCopy .sp_catch03 {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		font-size: 13px;
		width: 100%;
	}

	/* 扉①：aタグ（blankあり）の横幅 */
	#main_contents_area .sp_flexbox10 .modMenuList h3 a.blank {
		width: 100%;
	}

	/* 個別対応　No.533 */
	#main_contents_area .modLinkList03 .sp_btn02 a.D2 {
		background-position: 98% center;
	}
	#main_contents_area .modLinkList03 .sp_btn02 .textD2 {
		padding-right: 7%;
	}

	/* BA(ビルディングオートメーション)システム　取扱会社の地図 */
	#contents .mapposition {
		width: auto; /* width: 600pxの打消し */
	}
	#contents .mapposition h3 {
		position: unset;
		margin: 0 0 0 6px;
	}
	#contents .mapposition p {
		margin: 16px 6px 10px 6px;
	}

	/* 第四弾：innerの調整（熱源設備用コントローラ、汎用コントローラ InfilexGC） */
	#contents .sp_inner01 {
		margin-right: 0; /* marign-right: -24pxでレイアウト崩れるため */
	}

	/* 第四弾：CEマークの位置調整 */
	#contents .sp_ce-mark {
		margin: 6px auto 0 0!important;
	}

	/* sp時のみmargin:0 autoをあてたい場合 */
	#contents .sp_margin-auto {
		margin: 0 auto!important;
	}

	/* sp時のみmargin:0をあてたい場合 */
	#contents .sp_margin-0 {
		margin: 0!important;
	}

	/* positionで左右中央にする場合 */
	#main_contents_area .sp_bg-position50 {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}

	/* positionで上下左右中央にする場合 */
	#main_contents_area .sp_bg-position50-50 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	
	/* 個別対応 ビル向けサービス・リニューアル (No.535) */
	#main_contents_area .modCatchCopy>div.line2.sp_bg-position50-50 {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}

	/* 個別対応 ビルディングオートメーションシステム（BAS） (No.364) */
	#main_contents_area .sp_link-arrow a.D2 {
		background-position: right 9px center;
	}

	/* 個別対応：ジェネラルコントローラ（No.389）横並び4列 */
	#main_contents_area .sp_flexbox12 {
		flex-wrap: wrap;
	}
	#main_contents_area .sp_flexbox12 .image {
		width: 100%;
	}

	/* 個別対応：4.省エネルギー化（No.597）余白打消し */
	#contents .qabox img.ml24.sp_m-0 {
		margin: 0 !important;
	}
	/* 個別対応：シンプル入退室管理システム IDSMART™-II（No.568） */
	#main_contents_area .image.sp_image-position01 {
		float: unset;
		margin: 0 auto;
	}
	
	/* Float無効 */
	#main_contents_area .sp_float-unset {
		float: unset!important;
	}
	
	/* margin無効 */
	#main_contents_area .sp_margin-left-unset {
		margin-left: unset!important;
	}

	/* widthをautoに */
	#main_contents_area .sp_width-auto {
		width: auto!important;
	}

	/* 個別対応：新型コロナウイルス感染症(COVID-19)対応ソリューション */
	#main_contents_area .modIconAncB {
		background-position: 8px 8px;
	}
	#main_contents_area .modIconMovie {
		background-position: 0 8px;
	}

	/* 個別対応：経営方針（No.1363） */
	#main_contents_area .sp_ttl-margin-bottom-24 {
		margin-bottom: 24px;
	}

	/* 個別対応：アズビルならではのソリューション提案（No.549）*/
	#main_contents_area .sp_flexbox03 .sp_flexbox03_img.img_frame01 {
		margin-top: 20px!important;
	}
	#main_contents_area .sp_main-visual {
		background-size: contain;
	}
	#main_contents_area .sp_main-visual h2 {
		font-size: 16px;
		display: flex;
		padding: 10px 20px 0 20px;
		line-height: 1.5;
	}

	/* 個別対応：入退室管理システム IDSMART（No.567）など*/
	.sp_scroll-position {
		scroll-padding-top: 60px;
	}

	/* 個別対応：セル型空調システム「ネクスフォート」に関するお問い合わせ（No.615） */
	#main_contents_area table.sp_form01 .sp_form-half {	
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	#main_contents_area table.sp_form01 .sp_form-half input {
		width: 45%;
	}
}