@charset "UTF-8";
@import url(//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);
.page_contents *{
	font-family: 'Noto Sans JP', sans-serif;
}
.max_img img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.icon_pdf {
	position: relative;
	left: 3px;
	top: 2px;
}
.txt_emphasis {
	font-weight: 700;
	color: #077dba;
}
a.txt_emphasis {
	display: inline-block;
	padding-bottom: 3px;
	border-bottom: 1px #98bed9 solid;
}
a.txt_emphasis:hover, a.txt_emphasis:visited, a.txt_emphasis:active {
	color: #077dba;
	text-decoration: none;
}
.heading .heading__title {
	padding-bottom: 15px;
	font-size: 32px;
	line-height: 1.3125;
	position: relative;
	font-weight: 700;
	text-align: center;
	display: block;
	width: 100%;
	border-bottom: solid 1px #d1d1d1;
	margin-bottom: 15px;
}
.heading .heading__title::before {
	content: "";
	display: block;
	bottom: -1px;
	left: calc(50% - 15px);
	width: 30px;
	height: 3px;
	position: absolute;
	background: #04628e;
}
.heading .heading__subtitle {
	text-align: center;
	color: #04628e;
	font-style: italic;
	font-size: 16px;
	font-weight: 700;
}
.intro {
	margin: 30px auto;
}
.intro .intro__txt {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.75;
	text-align: center;
}
.banner {
	border: solid 1px #cccccc;
	box-sizing: border-box;
}
.banner a:hover {
	text-decoration: none;
}
.banner .banner__img {
	box-sizing: border-box;
}
.banner .banner__txt {
	box-sizing: border-box;
}
.banner .banner__txt .banner__txt-head {
	font-weight: 700;
	color: #077dba;
}
.banner .banner__txt .banner__txt-body {
	color: #434343;
}
.nav_wrap {
	background: #077dba;
}
.nav {
	display: flex;
	position: relative;
}
.nav .nav__item:hover {
	text-decoration: none;
}
.nav .nav__item {
	width: calc(100%/3);
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 15px 0;
}
.nav::before {
	content: "";
	display: block;
	top: 15px;
	left: 0;
	width: 1px;
	height: calc(100% - 30px);
	background: rgba(255, 255, 255, 0.23);
	position: absolute;
}
.nav .nav__item::before {
	content: "";
	display: block;
	top: 15px;
	right: -1px;
	width: 1px;
	height: calc(100% - 30px);
	background: rgba(255, 255, 255, 0.23);
	position: absolute;
}
.nav .nav__item::after {
	content: "";
	display: block;
	bottom: 12px;
	left: calc(50% - 2px);
	width: 5px;
	height: 5px;
	border: 2px solid;
	border-color: transparent transparent #fff #fff;
	border-radius: 2px;
	transform: rotate(-45deg);
	position: absolute;
}
.nav .nav__item span {
	display: inline-block;
	padding: 4px 0 10px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	line-height: 1.3333;
	font-weight: 700;
	font-feature-settings: "palt";
}
.section {
	padding: 70px 0 100px;
}
.section:nth-of-type(odd) {
	background: #edf4f6;
}
.aside {
	margin: 60px auto;
}
.card {
	margin-bottom: -20px;
}
.card .card__item {
	margin-bottom: 20px;
}
.card .card__item .card__item-thumb {
	display: block;
	width: 100%;
	position: relative;
}
.card .card__item p.card__item-thumb {
	margin-top: 0;
}
.card__item .popup::before {
	content: "";
	display: block;
	position: absolute;
	background: url(/fa/compass/exhibition/2023/mfa-onlinefair2023/img/icon_play.png) no-repeat;
	background-size: 100%;
	z-index: 2;
	width: 70px;
	height: 70px;
	top: calc(50% - 35px);
	left: calc(50% - 35px);
}
.card__item .card__item-thumb > img {
	position: relative;
	z-index: 1;
}
.card .card__item {
	background: #fff;
}
.card .card__item .card__item-body .item-title {
	font-feature-settings: "palt";
	font-size: 18px;
	line-height: 1.222;
	font-weight: 700;
}
.card .card__item .card__item-body .item-intro {
	margin-top: 10px;
	line-height: 1.466;
}
.card .card__item .member-only,.card .card__item .pdf-only {
	position: relative;
}
.card .card__item .member-only::after,.card .card__item .pdf-only::after {
	content: '';
	display: inline-block;
	top: 7px;
	right: -3px;
	width: 72px;
	height: 32px;
	background: url(/fa/compass/exhibition/2023/mfa-onlinefair2023/img/tag_menbers.png) no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 2;
}
.card .card__item .pdf-only::after {
	content: '';
	display: inline-block;
	top: 7px;
	right: -3px;
	width: 72px;
	height: 32px;
	background: url(/fa/compass/exhibition/2023/mfa-onlinefair2023/img/tag_pdf.png) no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 2;
}
.card .card__item .card__item-body {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	padding: 18px;
}
.card .card__item .card__item-body .item-inner {
	flex-grow: 1;
}
.card .card__item .card__item-body .item-subtitle {
	margin-top: -3px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.285;
	color: #077dba;
}
.row_3 .card__item .card__item-body .item-intro {
	font-size: 15px;
}
.row_4 .card__item .card__item-body .item-intro {
	font-size: 14px;
}
.card .card__item .card__item-body .item-links {
	border-top: 1px #d1d1d1 solid;
	margin-top: 18px;
	padding: 20px 0 6px;
}
.card .card__item .card__item-body .item-link {
	color: #036898;
	text-decoration: none;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 13px;
}
.card .card__item .card__item-body .item-link + .item-link {
	margin-top: 5px;
}
.card .card__item .card__item-body .item-link_pdf + .item-link_page {
	margin-top: 15px;
}
.card .card__item .card__item-body .item-link_page {
	padding: 5px 0;
	border: solid 1px #036898;
}
.card .card__item .card__item-body .item-link_pdf{
	clip-path: polygon(calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0 50%, 8px 0);
	display: flex;
}
.card .card__item .card__item-body .item-link_pdf.item-link_pdf_dl {
	justify-content: center;
	background: linear-gradient(90deg, rgba(3, 104, 152, 1) 0%, rgba(7, 125, 186, 1) 100%);
	padding: 5px 0;
}
.card .card__item .card__item-body .item-link_pdf.item-link_pdf_dl span {
	color: #fff;
}
.card .card__item .card__item-body .item-link_pdf .link_tag {
	width: 35%;
	padding: 6px 0 6px 3px;
	color: #fff;
	background: linear-gradient(90deg, rgba(3, 104, 152, 1) 0%, rgba(7, 125, 186, 1) 100%);
}
.card .card__item .card__item-body .item-link_pdf .link_name {
	flex-grow: 3;
	padding: 1px 1px 1px 0;
	background: #036898;
	clip-path: polygon(calc(100% - 8px) 0%, 100% 50%, calc(100% - 8px) 100%, 0% 100%, 0% 0%);
}
.card .card__item .card__item-body .item-link_pdf .link_name span {
	display: inline-block;
	width: 100%;
	padding: 5px 12px 5px 0;
	background: #fff;
	clip-path: polygon(calc(100% - 8px) 0%, 99.6% 50%, calc(100% - 8px) 100%, 0% 100%, 0% 0%);
	box-sizing: border-box;
}
.card .card__item .card__item-body .item-corporatelink {
	margin-top: 0.8em;
	font-size: 13px;	
}
.card .card__item .card__item-body .u-icons {
    display: inline-flex;
    align-items: center;
}
.card .card__item .card__item-body .u-icons--externalLink::before {
    content: "\e89e";
}
.card .card__item .card__item-body .item-corporatelink-note {
	margin-top: 0.4em;
	font-size: 11px;	
}
.tabs .tab-wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.tabs .tab {
	width: 19.9%;
	position: relative;
	box-sizing: border-box;
	background: #d6e8f0;
}
.tabs .tab:not(:first-of-type)::after {
	content: "";
	display: block;
	top: 13px;
	left: 0;
	width: 1px;
	height: calc(100% - 26px);
	/*background: #d1d1d1;*/
	position: absolute;
}
.tabs .tab a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 60px;
	text-align: center;
	font-size: 16px;
	line-height: 1.25;
	font-feature-settings: "palt";
	padding: 0 3px;
	box-sizing: border-box;
}
.tabs .tab a, .tabs .tab a:visited, .tabs .tab a:hover {
	color: inherit;
}
.tabs .tab.active {
	font-weight: 700;
	color: #077dba;
	background: #edf4f6;
}
.tabs .tab.active::before {
	content: "";
	background: #077dba;
	position: absolute;
	height: 3px;
	width: 100%;
	top: -3px;
	left: 0;
}
.tabs .tab.design_launch {
	color: #fff;
	background: #0a4572;
}
.tabs .tab.active.design_launch {
	color: #0a4572;
	background: #edf4f6;
}
.tabs .tab.active.design_launch::before {
	background: #0a4572;
}

.tabs .tab.production {
	color: #fff;
	background: #31543b;
}
.tabs .tab.active.production {
	color: #31543b;
	background: #edf4f6;
}
.tabs .tab.active.production::before {
	background: #31543b;
}

.tabs .tab.operation_maintenance {
	color: #fff;
	background: #851c44;
}
.tabs .tab.active.operation_maintenance {
	color: #851c44;
	background: #edf4f6;
}
.tabs .tab.active.operation_maintenance::before {
	background: #851c44;
}

.tabs .tab.carbon_neutral {
	color: #fff;
	background: #708f30;
}
.tabs .tab.active.carbon_neutral {
	color: #708f30;
	background: #edf4f6;
}
.tabs .tab.active.carbon_neutral::before {
	background: #708f30;
}

.tabs .tab.partner {
	color: #fff;
	background: #444;
}
.tabs .tab.active.partner {
	color: #444;
	background: #edf4f6;
}
.tabs .tab.active.partner::before {
	background: #444;
}

.tabs .tab.active + .tab::after, .tabs .tab.active::after {
	display: none;
}
.tab-content {
	display: none;
}
.tab-content.active {
	display: block;
}
#area_info {
	padding: 56px 0 55px;
	background-color: #077dba;
	margin-bottom: 30px;
}
#area_info .area_info_ttl {
	margin-bottom: 20px;
	text-align: center;
	color: #fff;
	font-size: 1.42045em;
	line-height: 1.55
}
#area_info .area_info_flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
	text-align: center;
	width: 739px;
	margin: 0 auto
}
#area_info .area_info_flex li {
	width: 219px
}
#area_info .area_info_flex li img {
	margin: 0 auto 17px
}
#area_info .area_info_flex .area_info_txt_title {
	font-weight: 700;
	font-size: 1.142857142857143em;
	margin-bottom: 0
}
#area_info .area_info_flex .area_info_txt {
	text-align: left;
	margin-top: 7px;
}
@media print, screen and (min-width:641px) {
	.lead {
		margin: 30px auto 60px;
	}
	p.summary {
		margin: 30px auto 30px;
		font-size: 17px;
		line-height: 1.9;
		margin-top: 
		/*border:solid 1px #ccc;
		padding: 25px;*/
	}
	.banner a,.banner {
		display: flex;
	}
	.page_contents a {
		transition: opacity .25s;
	}
	.page_contents a:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	.banner .w480 {
		width: 480px;
	}
	.banner .banner__txt {
		padding: 25px 35px;
		width: 500px;
	}
	.banner .banner__txt .banner__txt-head {
		font-size: 26px;
		line-height: 1.23;
		margin-bottom: 10px;
	}
	.banner .banner__txt .banner__txt-body {
		font-size: 15px;
		line-height: 1.6;
	}
	.nav .nav__item:hover {
		background: #fff;
		text-decoration: none;
		transition: all .2s ease-in-out;
		opacity: 1;
	}
	.nav .nav__item:hover span {
		color: #077dba;
		transition: all .2s ease-in-out;
	}
	.nav .nav__item:hover::after {
		border-color: transparent transparent #077dba #077dba;
		transition: all .2s ease-in-out;
	}
	.nav .nav__item:hover::before {
		display: none;
	}
	.nav .nav__item:f:hover::before {
		display: none;
	}
	.card {
		display: flex;
		flex-wrap: wrap;
	}
	.row_3 .card__item {
		width: 32.04%;
	}
	.row_4 .card__item {
		width: 23.97%;
	}
	.row_3 .card__item:not(:nth-of-type(3n)) {
		margin-right: 19px;
	}
	.row_4 .card__item:not(:nth-of-type(4n)) {
		margin-right: 13px;
	}
	.card .card__item {
		display: flex;
		flex-direction: column;
	}
	.card .card__item .popup::before {
		width: 65px;
		height: 65px;
		top: calc(50% - 33px);
		left: calc(50% - 33px);
	}
}
@media print, screen and (max-width:640px) {
	#content_compass h1 {
		font-size: 1.78571em;
		font-weight: 700;
		line-height: 1.57;
		margin-top: 28px;
		padding: 14px
	}
	.section {
		padding: 35px 0 50px;
	}
	.page_contents .contents_wrap {
		margin: 0 20px;
	}
	.lead {
		margin: 15px auto 30px;
	}
	.summary {
		margin: 20px auto 10px !important;
		font-size: 15px;
		line-height: 1.75;
	}
	.banner .banner__txt {
		padding: 20px 15px;
	}
	.banner .banner__txt .banner__txt-head {
		text-align: center;
		font-size: 20px;
		line-height: 1.25;
		margin-bottom: 8px;
	}
	.banner .banner__txt .banner__txt-body {
		font-size: 14px;
		line-height: 1.428;
	}
	.page_contents .nav {
		width: 100%;
		margin: 0;
	}
	.nav::before {
		display: none;
	}
	.nav .nav__item {
		padding: 10px 0;
		width: 30.8%;
	}
	.nav .nav__item:nth-of-type(2) {
		flex-grow: 1;
	}
	.nav .nav__item::before {
		top: 8px;
		height: calc(100% - 8px);
	}
	.nav .nav__item::after {
		bottom: 9px;
	}
	.nav .nav__item span {
		padding: 0px 7px 8px;
		font-size: 13px;
		line-height: 1.07;
	}
	.heading .heading__title {
		padding-bottom: 12px;
		font-size: 27px;
		line-height: 1.33;
		margin-bottom: 10px;
	}
	.heading .heading__subtitle {
		font-style: italic;
		font-size: 14px;
	}
	.intro {
		margin: 10px auto 25px;
	}
	.intro .intro__txt {
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.35;
	}
	.card .card__item .card__item-body .item-title {
		font-size: 21px;
		line-height: 1.33;
	}
	.row_3 .card__item .card__item-body .item-intro {
		font-size: 14px;
	}
	.tabs {
		margin: 0 -20px;
		overflow-x: scroll;
		overflow-y: hidden;
		width: calc(100% + 40px);
	}
	.tabs .tab-wrap {
		padding-top: 2px;
		min-width: 480px;
	}
	.tabs .tab {
		width: auto;
	}
	.tabs .tab a {
		min-height: 50px;
		font-size: 14px;
		box-sizing: border-box;
		width: 100px;
	}
	.tab a:hover {
		text-decoration: none;
	}
	.card .card__item .member-only::after,.card .card__item .pdf-only::after {
		top: 9px;
		right: -5px;
	}
	.card .card__item .card__item-body .item-subtitle {
		margin-top: 5px;
	}
	.card .card__item .card__item-body .item-links {
		padding-bottom: 12px;
	}
	.card .card__item .card__item-body .item-link {
		font-size: 16px;
	}
	.card .card__item .card__item-body .item-link + .item-link {
		margin-top: 10px;
	}
	.card .card__item .card__item-body .item-link_pdf + .item-link_page {
		margin-top: 20px;
	}
	.card .card__item .card__item-body .item-link_pdf .link_tag {
		width: 30%;
		padding: 6px 0 8px 10px;
		background: linear-gradient(90deg, rgba(3, 104, 152, 1) 0%, rgba(7, 125, 186, 1) 100%);
	}
	.card .card__item .card__item-body .item-link_pdf{
		clip-path: polygon(calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 12px 100%, 0 50%, 12px 0);
		display: flex;
	}
	.card .card__item .card__item-body .item-link_pdf .link_name {
		clip-path: polygon(calc(100% - 12px) 0%, 100% 50%, calc(100% - 12px) 100%, 0% 100%, 0% 0%);
	}
	.card .card__item .card__item-body .item-link_pdf .link_name span {
		padding: 5px 12px 7px 0;
		clip-path: polygon(calc(100% - 12px) 0%, 99.6% 50%, calc(100% - 12px) 100%, 0% 100%, 0% 0%);
	}
	.aside {
		margin: 50px auto;
	}
	#area_info {
		margin-top: 16px;
		padding: 40px 0 45px;
		margin-bottom: 10px
	}
	#area_info .area_info_ttl {
		margin-bottom: 15px;
		padding: 0 15px;
		font-size: 1.28em;
		font-weight: 700
	}
	#area_info .area_info_flex {
		display: block;
		width: 90%
	}
	#area_info .area_info_flex li {
		width: 100%
	}
	#area_info .area_info_flex li img {
		width: 101px;
		margin: 25px auto 11px
	}
	#area_info .area_info_flex .area_info_txt_title {
		font-weight: 700;
		font-size: 1em;
		margin-bottom: 4px
	}
	#area_info .area_info_flex .area_info_txt {
		text-align: center;
		font-size: .8571em;
		line-height: 19px
	}
}

.facompass_info_area {margin: 0 auto;width: 980px}
#facompass_info { margin:30px 0;padding:2.57em 60px 2.5em;text-align:center;background-color:#fff;border:1px solid #fad4d4 }
#facompass_info .facompass_info_txt { font-weight:bold;font-size:128.57%;color:#cc0001; margin-top: 0 }
#facompass_info .extbutton { background-color: #595959; color: #fff;display: inline-block;font-size: 114.28%;font-weight: bold;margin: 20px auto 0;max-width: 580px;padding: 16px 10px 19px;width: 100% }
@media screen and (max-width: 640px) {
	.facompass_info_area {margin: 0 20px;width: auto;}
	#facompass_info {padding:1.27em 20px 1.2em;text-align:center}
	#facompass_info .extbutton:hover { opacity:1 }
	#facompass_info .facompass_info_txt { text-align:left;font-size: 100% }
}