/* common */
.container {width: 952px;margin: 0 auto;position: relative;}
.container img{vertical-align: top;max-width: 100%;height: auto;image-rendering: -webkit-optimize-contrast;}
.page_contents {font-family: YakuHanJPs,"Noto Sans JP",sans-serif;}
.page_contents .icon-blank {vertical-align: middle;margin-left: 5px;}
@media print, screen and (min-width: 641px){
    .sp {display: none!important;}
}
@media print, screen and (max-width: 640px){
    .container {font-size: 100%; width: auto; margin: 0 20px;}
    .pc {display: none!important;}
}

/* mv */
.mv{margin-top: 30px;border-top: 1px solid #d9d9d9;position: relative;overflow: hidden;font-family: YakuHanJPs,"Noto Sans JP",sans-serif;}
.mv button,.mv a{outline: none;}
.mv .mv-slider__item{position: relative;overflow: hidden;}
.mv .mv-slider__item img{width: 100%;}
.mv .mv-slider__item .container{z-index: +1;height: 255px;}
.mv .mv-slider__item.slide-01::before{background: url(/fa/compass/exhibition/2023/mect2023/img/bg-slide_01-2.jpg) left top/auto 100% repeat-x;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mv .mv-slider__item.slide-01::after{background: url(/fa/compass/exhibition/2023/mect2023/img/bg-slide_01.png) center center/auto 100% no-repeat;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mv .mv-slider__item.slide-02::before{background: url(/fa/compass/exhibition/2023/mect2023/img/bg-slide_02.jpg) center center/cover no-repeat;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.mv .mv-slider__item.slide-03{background: url(/fa/compass/exhibition/2023/mect2023/img/bg-slide_03.jpg) center center/cover no-repeat;}
.mv .mv-slider__item.slide-03::before{background-color: #ff0000;content: "";position: absolute;top: 0;left: calc(50% + 340px);width: 100%;height: 100%;}
.mv .mv-slider__item.slide-03::after{width: 0;height: 0;border-style: solid;border-width: 0 0 255px 150px;border-color: transparent transparent #ff0000 transparent;content: "";position: absolute;top: 0;left: calc(50% + 190px);}
.mv .mv-slider__control{position: absolute;bottom: 7px;left: 0;width: 100%;font-size: 0;line-height: 0;}
.mv .mv-slider__control .container{display: flex;align-items: center;justify-content: center;}
.mv .mv-slider__control .slick-dots{display: flex !important;}
.mv .mv-slider__control .slick-dots>li{height: auto;margin: 0 6px;}
.mv .mv-slider__control .slick-dots button{background-color: #858585; border: none; border-radius: 50%; cursor: pointer;width: 10px;height: 10px;padding-top: 0;}
.mv .mv-slider__control .slick-dots .slick-active button{background-color: #e21e2e;}
.mv .mv-slider__control-prev{background: url(/fa/shared/common/img/icon/icon_chevron_left.svg) -4px center/18px 18px no-repeat;width: 18px; height: 18px;}
.mv .mv-slider__control-next{background: url(/fa/shared/common/img/icon/icon_chevron_right.svg) 4px center/18px 18px no-repeat;width: 18px; height: 18px;}
.mv .mv-slider__control-pause{position: relative;width: 10px; height: 10px;margin: 0 6px;}
.mv .mv-slider__control-pause:after,
.mv .mv-slider__control-pause:before { background-color: #000; position: absolute; top: 0; left: 1px; display: block; width: 3px; height: 100%; content: ""; }
.mv .mv-slider__control-pause:before { left: 6px; }
.mv .mv-slider__control-pause.is-pause:before { background-color: transparent; left: 2px; width: 0;height: 0;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent #000; }
.mv .mv-slider__control-pause.is-pause::after {display: none;}
@media print, screen and (max-width: 640px){
    .mv .mv-slider__item .container{margin: 0;height: auto;}
    .mv .mv-slider__control{bottom: 0px;}
    .mv .mv-slider__control .container{justify-content: flex-start;}
    .mv .mv-slider__control .slick-dots>li{margin: 0 10px;}
.mv .mv-slider__control .slick-dots button{width: 12px;height: 12px;}
.mv .mv-slider__control-prev{background: url(/fa/shared/common/img/icon/icon_chevron_left.svg) -4px center/21px 21px no-repeat;width: 28px; height: 28px;}
.mv .mv-slider__control-next{background: url(/fa/shared/common/img/icon/icon_chevron_right.svg) 4px center/21px 21px no-repeat;width: 28px; height: 28px;}
.mv .mv-slider__control-pause{width: 28px; height: 28px;margin: 0 6px 0 0;}
.mv .mv-slider__control-pause:after,
.mv .mv-slider__control-pause:before { top: 8px; left: 10px; height: 12px; }
.mv .mv-slider__control-pause:before { left: 17px; }
.mv .mv-slider__control-pause.is-pause:before { left: 11px;border-width: 6px 0 6px 12px; }
}

/* announcement */
.announcement {font-family: YakuHanJPs,"Noto Sans JP",sans-serif;background-color: #000000;color: #fff;padding: 14px 20px;}
.announcement .inner {display: flex;align-items: center;padding: 0 20px;}
.announcement .announcement-logo {max-width: 142px;margin-right: 12px;flex-shrink: 0;}
.announcement .announcement-logo img {width: 100%;height: auto;display: block;}
.announcement dl {display: flex;font-weight: 700;align-items: center;}
.announcement dl + dl {margin-top: 8px;}
.announcement dl dt {border:1px solid #fff;padding: 2px 13px;flex-shrink: 0;font-size: calc((15 / 14.08) * 100%);}
.announcement dl dd{font-size: calc((17 / 14.08) * 100%);margin-left: 12px;}
.announcement dl dd.date {font-size: calc((13 / 14.08) * 100%);}
.announcement dl dd .supplement {font-size: calc((11 / 13) * 100%);}
.announcement dl dd .num {font-size: calc((22 / 13) * 100%);}
@media print, screen and (max-width: 640px){
    .announcement{margin: 0;padding: 15px 0;}
    .announcement .inner {align-items: flex-start;padding: 0;}
    .announcement .announcement-logo {max-width: 78px;margin-right: 5px;}
    .announcement dl {align-items: flex-start;}
    .announcement dl dt{font-size: calc((11 / 14) * 100%);letter-spacing: .5em;padding: 0 .3em 0 .8em;}
    .announcement dl dd{font-size: calc((13 / 14) * 100%);}
    .announcement dl dd.date {font-size: calc((10 / 14) * 100%);}
    .announcement dl dd .supplement{font-size: calc((10 / 10) * 100%);}
    .announcement dl dd .num {font-size: calc((14 / 10) * 100%);}
}

/* anchor */
.anchor{border-top: 1px solid #cacaca;border-bottom: 1px solid #cacaca;font-family: YakuHanJPs,"Noto Sans JP",sans-serif;}
.anchor .anchor-list{display: table;width: 100%;}
.anchor .anchor-list a{color: #333; display: table-cell;font-size: calc((14 / 14.08) * 100%);font-weight: 700;text-align: center;vertical-align: middle; position: relative;height: 67px;min-width: 84px;}
.anchor .anchor-list a::before{background-color: #cacaca;content: "";position: absolute;top: calc(50% - 15px);left: 0;width: 1px;height: 30px;}
.anchor .anchor-list a:last-child:after{background-color: #cacaca;content: "";position: absolute;top: calc(50% - 15px);right: 0;width: 1px;height: 30px;}
@media print, screen and (min-width: 641px){
    .anchor .anchor-list a:hover{color: #f50f10;}
}
@media print, screen and (max-width: 640px){
    .anchor{border: none;}
    .anchor .anchor-list{display: block;width: auto;}
    .anchor .anchor-list a{display: block;font-size: 100%;height: auto;min-width: 0%;padding: 13px 0;border-bottom: 1px solid #cacaca;}
    .anchor .anchor-list a::before{display: none;}
    .anchor .anchor-list a:last-child:after{display: none;}
}

.info{margin-top: 40px;}
.info .container{width: 892px;}
.info-title{font-size: calc((19 / 14.08) * 100%);font-weight: 700;line-height: 1.5;}
.info-txt {font-size: calc((16 / 14.08) * 100%);line-height: 1.5;margin-top: 15px;}
.info-content {margin-top: 20px;}
.info-content dl {display: flex;align-items: center;font-size: calc((14 / 14.08) * 100%);position: relative;}
.info-content dl + dl {margin-top: 6px;}
.info-content dt {font-weight: 700;width: 7em;}
.info-content dd span{display: inline-block;margin-right: 0.3em;}
.info-btn {margin-top: 28px;}
.info-btn__link {background-color: #fff;border: 1px solid #d9d9d9;font-size: calc((14 / 14.08) * 100%);padding: 15px;display: block;text-align: center;}
@media print, screen and (max-width: 640px){
    .info {margin-top: 30px;padding: 0;}
    .info .container{width: auto;}
    .info-title {font-size: calc((18 / 14) * 100%);letter-spacing: -0.05em;}
    .info-txt{font-size: 100%;margin-top: 15px;letter-spacing: -0.04em;}
    .info-content {margin-top: 15px;}
    .info-content dl {display: block;}
    .info-content dl + dl {margin-top: 10px;}
    .info-content dd{margin-top: 3px;}
    .info-content dd span{display: none;}
    .info-btn {margin-top: 23px;}
    .info-btn__link {font-size: 100%;padding: 13px;}
}

.news {background-color: #f2f2f2; margin-top: 60px;padding: 50px 0 60px 0;}
.news .news__title {text-align: center;font-weight: 700;overflow: hidden;font-size: calc((36 / 14.08) * 100%);margin-bottom: -10px;}
.news .news__title span {position: relative;padding: 0 18px;}
.news .news__title span::before {background-color: #b2b2b2;content: "";position: absolute;top: 50%;left: 100%;width: 100vw;height: 1px;}
.news .news__title span::after {background-color: #b2b2b2; content: ""; position: absolute; top: 50%; right: 100%; width: 100vw; height: 1px;}
.news .news__bnr {margin-top: 30px;border: 1px solid #d9d9d9;position: relative;}
.news .news__bnr .badge{background-color: #ff0000;border-radius: 50%;color: #fff;display: flex;align-items: center;justify-content: center;font-size: calc((18 / 14.08) * 100%);font-weight: 700;position: absolute;top: -12px;right: 10px;width: 126px;height: 126px;text-align: center;}
.news .qr-area {background-color: #666666;color: #fff;padding: 10px 35px;}
.news .qr-column {display: flex;align-items: center;justify-content: space-between;}
.news .qr-area__content .txt{margin-top: 0;font-size: calc((17 / 14.08) * 100%);font-weight: 700;line-height: calc(27 / 17);}
.news .qr-area__content .note {margin-top: 5px; font-size: calc((13 / 14.08) * 100%);line-height: calc(22 / 13);position: relative;padding-left: 1.2em;}
.news .qr-area__content .note .mark {position: absolute;left: 0;}
.news .qr-area__content .note a {color: #fff;}
.news .qr-area__img {display: flex;align-items: flex-end;}
.news .qr-area__img img {height: auto;display: block;max-width: 180px;}
.news .qr-area__img img + img {margin-left: 10px;}
.news .mail-icon {max-width: 100%;display: inline-block;vertical-align: baseline;width: 12px;height: auto;}
@media print, screen and (max-width: 640px){
    .news {margin-top: 40px;padding: 25px 0 40px 0;}
    .news .news__title {font-size: calc((21 / 14) * 100%);margin-bottom: 25px;}
    .news .news__title span {padding: 0 10px;}
    .news .news__bnr {margin-top: 20px;}
    .news .news__bnr .badge{font-size: calc((24 / 750) * 100vw);top: calc((22 / 750) * -100vw);right: calc((14 / 750) * 100vw);width: calc((160 / 750) * 100vw);height: calc((160 / 750) * 100vw);line-height: calc(32 / 24);}
    .news .qr-area {padding: 15px;}
    .news .qr-column {display: block;}
    .news .qr-area__content .txt{font-size: 100%;line-height: calc(38 / 28);}
    .news .qr-area__content .note {margin-top: 3px; font-size: calc((12 / 14) * 100%);line-height: calc(38 / 28);}
    .news .qr-area__img {width: 100%; max-width: 312px;margin: 8px auto 0 auto;}
    .news .qr-area__img img {width: 56px;}
    .news .qr-area__img img + img {margin-left: 10px;width: 180px;}
    .news .mail-icon {width: 10px;margin: 0 1px;}
}

.solution {margin-top: 60px;}
.solution .solution-title {text-align: center;font-weight: 700;overflow: hidden;font-size: calc((36 / 14.08) * 100%);margin-bottom: -30px;}
.solution .solution-title span {position: relative;padding: 0 18px;}
.solution .solution-title span::before {background-color: #b2b2b2;content: "";position: absolute;top: 50%;left: 100%;width: 100vw;height: 1px;}
.solution .solution-title span::after {background-color: #b2b2b2; content: ""; position: absolute; top: 50%; right: 100%; width: 100vw; height: 1px;}
.solution .solution-section{margin-top: 60px;overflow: hidden;}
.solution .solution-heading{background: url(/fa/compass/exhibition/2023/mect2023/img/bg-section-heading.jpg) left center no-repeat;color: #fff;display: flex;align-items: center;font-size: calc((36 / 14.08) * 100%);font-weight: 700;height: 66px;padding-left: 30px;line-height: 1;}
.solution .solution-heading--B{font-size: 100%;font-weight: 700;}
.solution .solution-heading--B .indent{margin-left: .5em;}
.solution .solution-heading small{font-size: calc((18 / 36) * 100%);font-weight: 700;margin-left: 20px;}
.solution .solution-list{display: flex;justify-content: center;margin: 25px -13px 0 -13px;font-size: calc((16 / 14.08) * 100%);font-weight: 700;}
.solution .solution-list__item{margin: 0 13px;width: calc(100% - 26px);}
.solution .solution-list__item img{width: 100%;}
.solution .solution-list--2 .solution-list__item{width: calc(50% - 26px);}
.solution .solution-list--3 .solution-list__item{width: calc(33.3333% - 26px);}
.solution .solution-list__name{text-align: center;margin-top: 10px;font-weight: 700;line-height: calc(24 / 16);}
.solution .solution-heading--B + .solution-list__name{text-align: left;margin-top: 25px;line-height: calc(30 / 16);}
.solution .solution-list__text{font-weight: 700;line-height: calc(27 / 16);}
.solution .solution-list__link,
.solution .solution-list__pdf{box-sizing: border-box;border: 1px solid #ff0000;color: #ff0000;display: flex;align-items: center;justify-content: center;height: 58px;position: relative;}
.solution .solution-list__link::after{background: url(/fa/compass/exhibition/2023/mect2023/img/icon_chevron_right_red.svg) center center/14px 14px no-repeat;width: 14px; height: 14px;content: "";position: absolute;right: 12px;top: calc(50% - 7px);}
.solution .solution-list__pdf::after{background: url(/fa/shared/common/img/icon/icon_pdf.svg) center center/cover no-repeat;width: 18px; height: 18px;content: "PDFを開きます";font-size: 0;line-height: 0;position: absolute;right: 12px;top: calc(50% - 9px);}
@media print, screen and (max-width: 640px){
    .solution {margin-top: 30px;}
    .solution .solution-title {font-size: calc((21 / 14) * 100%);margin-bottom: -10px;}
    .solution .solution-title span {display: inline-block;vertical-align: top;padding: 0 10px;line-height: calc(56 / 42);}
    .solution .solution-section{margin-top: 40px;overflow: hidden;}
    .solution .solution-heading{background: #f7f7f7 url(/fa/compass/exhibition/2023/mect2023/img/bg-section-heading_sp.jpg) left center/auto 100% no-repeat;font-size: calc((26 / 14) * 100%);height: 42px;padding-left: 20px;}
    .solution .solution-heading small{font-size: calc((14 / 26) * 100%);margin-left: 15px;}
    .solution .solution-list{display: block;margin: 20px 0 0 0;font-size: 100%;}
    .solution .solution-list__item{margin: 0;width: auto;}
    .solution .solution-list__item+.solution-list__item{margin-top: 10px;}
    .solution .solution-list--2 .solution-list__item{width: auto;}
    .solution .solution-list--3 .solution-list__item{width: auto;}
    .solution .solution-list__name{line-height: calc(44 / 28);}
    .solution .solution-heading--B + .solution-list__name{margin-top: 10px;line-height: calc(44 / 28);}
    .solution .solution-list__text{line-height: calc(44 / 28);}
    .solution .solution-list__link,
    .solution .solution-list__pdf{height: 52px;}
}

.booth {background-color: #f2f2f2; margin-top: 60px;padding: 50px 0 60px 0;}
.booth .booth-title {text-align: center;font-weight: 700;overflow: hidden;font-size: calc((36 / 14.08) * 100%);}
.booth .booth-title span {position: relative;padding: 0 18px;}
.booth .booth-title span::before {background-color: #b2b2b2;content: "";position: absolute;top: 50%;left: 100%;width: 100vw;height: 1px;}
.booth .booth-title span::after {background-color: #b2b2b2; content: ""; position: absolute; top: 50%; right: 100%; width: 100vw; height: 1px;}
.booth .booth-img{margin-top: 30px;}
@media print, screen and (max-width: 640px){
.booth {margin-top: 40px;padding: 30px 0 40px 0;}
.booth .booth-title {font-size: calc((21 / 14) * 100%);}
.booth .booth-title span {display: inline-block;vertical-align: top;padding: 0 10px;line-height: calc(56 / 42);}
}

.access {margin-top: 60px;}
.access .access-title {text-align: center;font-weight: 700;overflow: hidden;font-size: calc((36 / 14.08) * 100%);}
.access .access-title span {position: relative;padding: 0 18px;}
.access .access-title span::before {background-color: #b2b2b2;content: "";position: absolute;top: 50%;left: 100%;width: 100vw;height: 1px;}
.access .access-title span::after {background-color: #b2b2b2; content: ""; position: absolute; top: 50%; right: 100%; width: 100vw; height: 1px;}
.access .access-img{margin-top: 30px;}
@media print, screen and (max-width: 640px){
.access {margin-top: 40px;}
.access .access-title {font-size: calc((21 / 14) * 100%);}
.access .access-title span {display: inline-block;vertical-align: top;padding: 0 10px;line-height: calc(56 / 42);}
}

.sns {background-color: #f2f2f2; margin-top: 60px;padding: 50px 0 60px 0;}
.sns .sns-title {text-align: center;font-weight: 700;overflow: hidden;font-size: calc((36 / 14.08) * 100%);}
.sns .sns-title span {position: relative;padding: 0 18px;}
.sns .sns-title span::before {background-color: #b2b2b2;content: "";position: absolute;top: 50%;left: 100%;width: 100vw;height: 1px;}
.sns .sns-title span::after {background-color: #b2b2b2; content: ""; position: absolute; top: 50%; right: 100%; width: 100vw; height: 1px;}
.sns .sns-list{display: flex;flex-wrap: wrap;margin: 30px -13px 0 -13px;font-size: calc((16 / 14.08) * 100%);font-weight: 700;}
.sns .sns-list a{box-sizing: border-box;background-color: #fff;border: 1px solid #c4c4c4;color: #111;display: flex;align-items: center;justify-content: center;height: 90px;margin: 0 12px;width: calc(50% - 24px);position: relative;}
.sns .sns-list a:nth-of-type(n+3){margin-top: 24px;}
.sns .sns-list a span:nth-of-type(1){display: flex;align-items: center;}
.sns .sns-list a span:nth-of-type(1)::before{content: "";display: block;margin-right: 15px;}
.sns .sns-list a span:nth-of-type(2){position: absolute;right: 7px;bottom: 7px;line-height: 1;font-size: calc((18 / 16) * 100%);}
.sns .sns-list a.youtube span:nth-of-type(1)::before{background: url(/fa/compass/exhibition/2023/mect2023/img/icon-youtube.png) center center/cover no-repeat;width: 51px;height: 36px;}
.sns .sns-list a.facebook{background-color: #1877f2;color: #fff;}
.sns .sns-list a.facebook span:nth-of-type(1)::before{background: url(/fa/compass/exhibition/2023/mect2023/img/icon-facebook.png) center center/cover no-repeat;width: 42px;height: 42px;}
.sns .sns-list a.linkdin{background-color: #2867b2;color: #fff;}
.sns .sns-list a.linkdin span:nth-of-type(1)::before{background: url(/fa/compass/exhibition/2023/mect2023/img/icon-din.png) center center/cover no-repeat;width: 47px;height: 40px;}
@media print, screen and (max-width: 640px){
    .sns {margin-top: 40px;padding: 30px 0 40px 0;}
    .sns .sns-title {font-size: calc((21 / 14) * 100%);}
    .sns .sns-title span {display: inline-block;vertical-align: top;padding: 0 10px;line-height: calc(56 / 42);}
    .sns .sns-list{display: block;margin: 30px 0 0 0;font-size: calc((11 / 14) * 100%);}
    .sns .sns-list a{height: 62px;margin: 0;width: auto;}
    .sns .sns-list a:nth-of-type(n+2){margin-top: 10px;}
    .sns .sns-list a:nth-of-type(n+3){margin-top: 10px;}
    .sns .sns-list a span:nth-of-type(1)::before{margin-right: 10px;}
    .sns .sns-list a span:nth-of-type(2){right: 2px;bottom: 1px;font-size: calc((13 / 11) * 100%);}
    .sns .sns-list a.youtube span:nth-of-type(1)::before{width: 36px;height: 25px;}
    .sns .sns-list a.facebook span:nth-of-type(1)::before{width: 30px;height: 30px;}
    .sns .sns-list a.linkdin span:nth-of-type(1)::before{width: 33px;height: 28px;}
}

.related {margin-top: 60px;}
.related .related-title {text-align: center;font-weight: 700;overflow: hidden;font-size: calc((36 / 14.08) * 100%);}
.related .related-title span {position: relative;padding: 0 18px;}
.related .related-title span::before {background-color: #b2b2b2;content: "";position: absolute;top: 50%;left: 100%;width: 100vw;height: 1px;}
.related .related-title span::after {background-color: #b2b2b2; content: ""; position: absolute; top: 50%; right: 100%; width: 100vw; height: 1px;}
.related .related-list{display: flex;flex-wrap: wrap;margin: 30px -13px 0 -13px;font-size: calc((16 / 14.08) * 100%);}
.related .related-list a{box-sizing: border-box;background-color: #fff;border: 1px solid #c4c4c4;color: #111;display: flex;align-items: center;justify-content: center;height: 126px;margin: 0 12px;width: calc(50% - 24px);position: relative;}
.related .related-list a:nth-of-type(n+3){margin-top: 24px;}
.related .related-list a span:nth-of-type(2){position: absolute;right: 7px;bottom: 7px;line-height: 1;font-size: calc((18 / 16) * 100%);}
@media print, screen and (max-width: 640px){
    .related {margin-top: 30px;}
    .related .related-title {font-size: calc((21 / 14) * 100%);}
    .related .related-title span {padding: 0 10px;}
    .related .related-list{display: block;margin: 30px 0 0 0;font-size: calc((11 / 14) * 100%);}
    .related .related-list a{ box-sizing: border-box;height: 156px;margin: 0;width: auto;padding: 10px;}
    .related .related-list a:nth-of-type(n+2){margin-top: 10px;}
    .related .related-list a:nth-of-type(n+3){margin-top: 10px;}
    .related .related-list a span:nth-of-type(2){right: 2px;bottom: 1px;font-size: calc((20 / 11) * 100%);}
}


.members-area{background: url(../img/bg_mail_news.png) 50% top/auto 88% no-repeat #242424;}
.list-mailnews { color: #fff; text-align: center; }
.mailnews-heading { text-align: center; color: #fff; font-weight: 700; }
.mailnews a.mi { color: #fff; display: block; }
.list-mailnews a { display: block; }
.mailnews .mi__img img { max-width: 100%; height: auto;width: 140px; }
.list-mailnews li img { margin: 0 auto 17px; }
.mailnews .mi__head { font-weight: 700; }
.mailnews .mi__desc { line-height: 1.5; }
.mailnews .mi__desc .inner { display: inline-block; text-align: left; }
.u-icons--externalLink::after, .u-icons--externalLink::before { content: "\e89e"!important;}
@media print, screen and (min-width: 641px){
.mailnews { margin-top: 70px; line-height: 2; padding: 45px 0; }
.mailnews-heading { font-size: 1.4204545454545em; margin-bottom: 30px; }
.list-mailnews { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 739px; margin: 0 auto; }
.list-mailnews li { width: 219px }
.mailnews .mi__head { font-size: 1.143em; margin-bottom: 9px; }
}
@media print, screen and (max-width: 640px){
.members-area{background: url(../img/bg_mail_news_sp.png) 100% 100%/cover no-repeat #242424;}
.mailnews {margin: 30px -12px 0 -12px;padding: 35px 0; }
.mailnews .container { padding-right: 20px; padding-left: 20px; }
.mailnews-heading { font-size: 1.286em;margin-bottom: 20px;padding: 0 15px;}
.list-mailnews li { width: 100%; margin: 0 auto; }
.list-mailnews li+li { margin-top: 20px; }
.mailnews .mi__img { width: 101px; margin: 0 auto; }
.mailnews .mi__head { margin-bottom: 5px; }
.mailnews .mi__desc { font-size: .858em; text-align: center; }
.mailnews .mi__desc .inner {text-align: center;}
.u-icons--externalLink{display: inline-block!important;}
.no-word {word-break: break-all;}
}

/* facompass_info
--------------------------------- */
#facompass_info {
  margin: 30px auto;
  padding: 2.57em 60px 2.5em;
  text-align: center;
  background-color: #fff;
  border: 1px solid #fad4d4;
  max-width: 980px;
}

#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: 476px;
  padding: 16px 10px 19px;
  width: 100%;
}

#facompass_info .extbutton span {
  padding: 0 0 0 20px;
  position: relative;
}

#facompass_info .extbutton span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #fff;
}

@media screen and (max-width: 640px) {
  #facompass_info {
    margin:30px 8px;
    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%;
  }
}