@charset "UTF-8";

/* base font size */
:root {
    --fsizePC: 14.08;
    --fsizeSP: 14;
}

@import url(//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);

/* cmmon over write */
.gs18-Footer{box-sizing: border-box;}
#content_compass h1{padding: 16px 14px 14px 24px;}
@media screen and (max-width:640px){
    #content_compass h1{font-size:1.78571em;font-weight:700;line-height:1.57;margin-top:28px;padding:14px}
}

/* icon fonts & balnk icon */
@font-face {
    font-family: "Material Icons";
    font-weight: 400;
    font-style: normal;
    src: url(/fa/shared/gws0001/font/MaterialIconsSharp-Regular.woff2) format("woff2");
}
@font-face {
    font-family: MelFaIcons;
    font-weight: 400;
    font-style: normal;
    src: url(/fa/shared/gws0001/font/MelFaIcons.woff2) format("woff2");
}
.u-icons--after::after {font-family: MelFaIcons, "Material Icons";font-size: 1em;font-weight: 400;font-style: normal;margin-left: 0.2em;content: "\e89e";white-space: nowrap;text-decoration: none;letter-spacing: normal;text-transform: none;word-wrap: normal;direction: ltr;vertical-align: middle;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}

/* display */
@media screen and (min-width:641px){
    .sp{display:none}
    .spView{display:none !important;}
}
@media screen and (max-width:640px){
    .pc {display: none;}
    .pcView{display:none !important;}
}


#area_info{padding:56px 0 55px;background-color:#004878;margin: 100px 0 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 a{background-color: #fff;border-radius: 50%;display: block;margin: 0 auto;width: 140px;}
#area_info .area_info_flex li img{width: 100%;vertical-align: top;height: auto;}
#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 (hover: hover) {
    #area_info .area_info_flex li a img{transition: opacity .3s ease;}
    #area_info .area_info_flex li a:hover img{opacity: .7;}
}
@media screen and (max-width:640px){
    #area_info{margin-top:30px;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 a{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 { 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 {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% }
}

.onlinefair{font-family:'Noto Sans JP',sans-serif;line-height: calc(28 / 16);}
.onlinefair img{width: 100%;max-width: 100%;vertical-align: top;height: auto;}
@media screen and (max-width: 640px) {
    .onlinefair{line-height: calc(42 / 28);}
    .onlinefair .contents_wrap{margin-left: 20px;margin-right: 20px;}
}

.mv{margin-top: 30px;}
.mv .mv-img img{width: 100%;}
.mv .mv-summary{margin: 30px auto 50px;font-size: calc((17 / var(--fsizePC)) * 100%);line-height: 1.9;}
@media screen and (max-width: 640px) {
    .mv{margin-top: 15px;}
    .mv .mv-summary{margin: 20px auto 40px;font-size: calc((14 / var(--fsizeSP)) * 100%);}
}

.anchor{background-color: #00497a;}
.anchor .anchor-list{display: flex;}
.anchor .anchor-list a{flex: 1;color: #fff;font-size: calc((18 / var(--fsizePC)) * 100%);font-weight: 700;line-height: calc(24 / 18);display: flex;text-align: center;padding: 0 10px;height: 90px;position: relative;}
.anchor .anchor-list a:hover{text-decoration: none;}
.anchor .anchor-list a::before{background-color: rgba(255,255,255,.23);content: "";position: absolute;top: 16px;left: 0;width: 1px;height: calc(100% - 32px);}
.anchor .anchor-list a:last-child:after{background-color: rgba(255,255,255,.23);content: "";position: absolute;top: 16px;right: 0;width: 1px;height: calc(100% - 32px);}
.anchor .anchor-list a span{box-sizing: border-box;display: flex;width: 100%;height: 100%;position: relative;align-items: center;justify-content: center;position: relative;padding-bottom: 15px;}
.anchor .anchor-list a span::after{border-right: 2px solid #fff;border-bottom: 2px solid #fff;content: "";position: absolute;bottom: 15px;left: calc(50% - 3px);width: 6px;height: 6px;transform: rotate(45deg);}
@media (hover: hover) {
    .anchor .anchor-list a{transition: background-color .3s ease, color .3s ease;}
    .anchor .anchor-list a:hover{background-color: #fff;color: #00497a;}
    .anchor .anchor-list a span::after{transition: border-color .3s ease;}
    .anchor .anchor-list a:hover span::after{border-right-color: #00497a;border-bottom-color: #00497a;}
}
@media screen and (max-width: 640px) {
    .anchor .anchor-list{margin: 0 -20px;}
    .anchor .anchor-list a{font-size: calc((13 / var(--fsizeSP)) * 100%);line-height: calc(28 / 26);padding: 0 5px;}
    .anchor .anchor-list a::before{top: 10px;left:auto;right:0;height: calc(100% - 20px);}
    .anchor .anchor-list a:last-child:after{display: none;}
    .anchor .anchor-list a span{padding-bottom: 10px;}
    .anchor .anchor-list a span::after{bottom: 10px;}
}

.section{padding: 90px 0 100px 0;}
.section.section--fill{background-color: #f2f2f2;}
@media screen and (max-width: 640px) {
    .section{padding: 35px 0 50px 0;}
}

.heading.heading--A{font-size: calc((32 / var(--fsizePC)) * 100%);font-weight: 700;line-height: calc(40 / 32);text-align: center;position: relative;padding-bottom: 35px;}
.heading.heading--A::before{background-color: #d1d1d1;content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;}
.heading.heading--A::after{background-color: #03467a;content: "";position: absolute;bottom: 1px;left: calc(50% - 15px);width: 30px;height: 2px;}
.heading.heading--A small{color: #004a7b;display: block;font-size: 100%;}
.heading.heading--B{font-size: 100%;font-weight: 700;}
.heading.heading--B span{color: #00497a;display: block;font-size: calc((26 / var(--fsizePC)) * 100%);line-height: 1.4;}
.heading.heading--B small{display: block;font-size: calc((20 / var(--fsizePC)) * 100%);font-weight: 400;}
@media screen and (max-width: 640px) {
    .heading.heading--A{font-size: calc((27 / var(--fsizeSP)) * 100%);padding-bottom: 15px;}
    .heading.heading--A::after{left: calc(50% - 18px);width: 36px;height: 4px;}
    .heading.heading--B span{font-size: calc((20 / var(--fsizeSP)) * 100%);}
    .heading.heading--B small{font-size: calc((16 / var(--fsizeSP)) * 100%);}
}

.heading-lead{font-size: calc((16 / var(--fsizePC)) * 100%);font-weight: 700;text-align: center;margin-top: 40px !important;}
.heading-lead a{font-weight: 700;text-decoration: underline;}
@media screen and (max-width: 640px) {
    .heading-lead{font-size: calc((16 / var(--fsizeSP)) * 100%);line-height: 1.5;margin-top: 20px !important;}
}

.lecture{display: flex;justify-content: space-between;margin-top: 40px;}
.lecture .lecture-text{flex:1;margin-right: 40px;}
.lecture .lecture-text p{font-size: calc((16 / var(--fsizePC)) * 100%);margin-top:10px ;}
.lecture .lecture-img{width: 320px;position: relative;margin-top: 7px;}
.lecture .lecture-img__note{margin-top: 5px;}
.lecture .lecture-img__note dt{font-size: calc((16 / var(--fsizePC)) * 100%);line-height: 1.375;}
.lecture .lecture-img__note dd{font-size: calc((20 / var(--fsizePC)) * 100%);}
.lecture .lecture-img__members{background-color: #e58334;color: #fff;display: flex;align-items: center;justify-content: center;font-size: calc((18 / var(--fsizePC)) * 100%);font-weight: 700;position: absolute;top: 12px;left: -14px;width: 100px;height: 40px;z-index: +2;}
.lecture .lecture-img__members::after{content: "";width: 0;height: 0;border-style: solid;border-width: 0 15px 5px 0;border-color: transparent #e58334 transparent transparent;position: absolute;top: 40px;left: 0;}
.lecture .lecture-btns{background-color: #fff;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 14px;padding: 5px 0 15px;}
.lecture .lecture-btns__link{background-color: #e58334;color: #fff;display: flex;align-items: center;justify-content: center;font-size: calc((17 / var(--fsizePC)) * 100%);position: relative;width: calc(50% - 5px);height: 60px;}
.lecture .lecture-btns__link:hover{text-decoration: none;}
.lecture .lecture-btns__link::after {background: url(../img/arr_white.png) center center/cover no-repeat;content: "";position: absolute;right: 20px;top: calc(50% - 5px);width: 9px;height: 11px;}
.lecture .lecture-btns__link b {font-weight: 700;}
.lecture .lecture-btns__link-icon{padding: 0 70px 0 80px;position: relative;width: 100%;text-align: center;}
.lecture .lecture-btns__link-icon::before {border-radius: 50%; content: "";position: absolute;left: 20px;top: calc(50% - 21px); width: 42px;height: 42px;}
.lecture .lecture-btns__link-icon--movie::before {background: #f1a56d url(../img/icon-movie.png) center center/cover no-repeat;}
.lecture .lecture-btns__link-icon--pdf::before {background: #f1a56d url(../img/icon-pdf.png) center center/cover no-repeat;}
@media (hover: hover) {
    .lecture .lecture-btns__link{transition: opacity .3s ease;}
    .lecture .lecture-btns__link:hover{opacity: .7;}
}
@media screen and (max-width: 640px) {
    .lecture{display: block;margin-top: 20px;}
    .lecture .lecture-text{flex:initial;margin-right: 0;}
    .lecture .lecture-text p{font-size: 100%;margin-top: 15px;}
    .lecture .lecture-img{width: auto;margin-top: 30px;}
    .lecture .lecture-img__note{margin-top: 16px;}
    .lecture .lecture-img__note dt{font-size: 100%;}
    .lecture .lecture-img__note dd{font-size: calc((16 / var(--fsizeSP)) * 100%);margin-top: 5px;}
    .lecture .lecture-btns{display: block;padding: 5px 0 15px;}
    .lecture .lecture-btns__link{font-size: calc((16 / var(--fsizePC)) * 100%);margin: 10px 0 0 0;width: auto;height: 45px;}
    .lecture .lecture-btns__link::after {right: 10px;}
    .lecture .lecture-btns__link-icon{padding: 0 45px 0 50px;}
    .lecture .lecture-btns__link-icon::before {left: 15px;top: calc(50% - 17px); width: 33px;height: 33px;}
}

.viewer .viewer-img{background-color: #fff;border: 1px solid #d1d1d1;display: block;overflow: hidden;margin-top: 40px;}
@media (hover: hover) {
    .viewer .viewer-img img{transition: opacity .3s ease;}
    .viewer .viewer-img:hover img{opacity: .7;}
}
@media screen and (max-width: 640px) {
    .viewer .viewer-img{margin-top: 30px;}
}

.document{margin-top: 40px;}
.document .document-tab{display: flex;}
.document .document-tab a{border-top: 2px solid #fff;flex:1;color: #fff;display: flex;align-items: center;justify-content: center;font-size: calc((16 / var(--fsizePC)) * 100%);font-weight: 700;height: 60px;}
.document .document-tab a:hover{text-decoration: none;}
.document .document-tab a:nth-of-type(1){background-color: #4e6b59;}
.document .document-tab a:nth-of-type(2){background-color: #442769;}
.document .document-tab a:nth-of-type(3){background-color: #8a1d46;}
.document .document-tab a:nth-of-type(4){background-color: #9d5322;}
.document .document-tab a.is-selected:nth-of-type(1){background-color: #fff;border-top-color: #4e6b59; color: #4e6b59;}
.document .document-tab a.is-selected:nth-of-type(2){background-color: #fff;border-top-color: #442769; color: #442769;}
.document .document-tab a.is-selected:nth-of-type(3){background-color: #fff;border-top-color: #8a1d46; color: #8a1d46;}
.document .document-tab a.is-selected:nth-of-type(4){background-color: #fff;border-top-color: #9d5322; color: #9d5322;}
.document .document-category{display: none;}
@media (hover: hover) {
    .document .document-tab a{transition: border .3s ease, background-color .3s ease, color .3s ease;}
    .document .document-tab a:hover:nth-of-type(1){background-color: #fff;border-top-color: #4e6b59; color: #4e6b59;}
    .document .document-tab a:hover:nth-of-type(2){background-color: #fff;border-top-color: #442769; color: #442769;}
    .document .document-tab a:hover:nth-of-type(3){background-color: #fff;border-top-color: #8a1d46; color: #8a1d46;}
    .document .document-tab a:hover:nth-of-type(4){background-color: #fff;border-top-color: #9d5322; color: #9d5322;}
}
@media screen and (max-width: 640px) {
    .document{margin-top: 30px;}
    .document .document-tab {margin: 0 -20px;}
    .document .document-tab a{font-size: calc((13 / var(--fsizeSP)) * 100%);height: 90px;}
}

.showroom{background-color: #fff;border: 1px solid #ccc;margin-top: 46px;}
.showroom a{color: #434343;display: flex;align-items: center;}
.showroom a:hover{text-decoration: none;}
.showroom .showroom-img{width: calc((479 / 978) * 100%);}
.showroom .showroom-text{flex:1;padding: 0 39px;}
.showroom .showroom-text dt{color: #004878;font-size: calc((26 / var(--fsizePC)) * 100%);font-weight: 700;line-height: calc(32 / 26);}
.showroom .showroom-text dd{font-size: calc((15 / var(--fsizePC)) * 100%);line-height: calc(24 / 15);margin-top: 10px;}
@media (hover: hover) {
    .showroom a{transition: opacity .3s ease;}
    .showroom a:hover{opacity: .7;}
}
@media screen and (max-width: 640px) {
    .showroom{margin-top: 40px;}
    .showroom a{display: block;}
    .showroom .showroom-img{width: auto;}
    .showroom .showroom-text{flex:initial;padding: 15px 19px;}
    .showroom .showroom-text dt{font-size: calc((20 / var(--fsizeSP)) * 100%);text-align: center;}
    .showroom .showroom-text dd{font-size: 100%;line-height: calc(40 / 28);}
}

.cards{display: flex;flex-wrap: wrap;margin-top: 50px;}
.cards .cards-item{width: 314px;margin-right: 19px;display: flex;flex-direction: column;}
.cards .cards-item:nth-of-type(3n){margin-right: 0;}
.cards .cards-item:nth-of-type(n+4){margin-top: 20px;}
.cards .cards-thumb{background-color: #fff;position: relative;}
.cards .cards-thumb--border{border: 1px solid #d1d1d1;overflow: hidden;}
.cards .cards-thumb__movie{display: block;position: relative;}
.cards .cards-thumb__movie::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4) url(../img/icon-play.png) center center/70px auto no-repeat;z-index: +1;}
.cards .cards-thumb__members{background-color: #000;color: #fff;display: flex;align-items: center;justify-content: center;font-size: calc((14 / var(--fsizePC)) * 100%);font-weight: 700;position: absolute;bottom: 5px;left: -10px;width: 74px;height: 30px;z-index: +2;}
.cards .cards-thumb__members::after{content: "";width: 0;height: 0;border-style: solid;border-width: 0 10px 5px 0;border-color: transparent #000 transparent transparent;position: absolute;top: 30px;left: 0;}
.cards.theme-library .cards-text{background-color: #fff;}
.cards .cards-text{flex:1;padding: 20px 20px 25px 20px;background-color: #f2f2f2;}
.cards .cards-text__summary{font-size: calc((15 / var(--fsizePC)) * 100%);margin-top: 10px;}
.cards .cards-text__company{margin-bottom: 10px;}
.cards .cards-text__company span{background-color: #000;color: #fff;display: inline-block;vertical-align: top;font-size: calc((14 / var(--fsizePC)) * 100%);font-weight: 700;padding: 1px 5px;}
.cards .cards-btns a{display: flex;margin-top: 2px;font-size: calc((16 / var(--fsizePC)) * 100%);font-weight: 700;min-height: 50px;position: relative;}
.cards .cards-btns a:hover{text-decoration: none;}
.cards .cards-btns a div{font-weight: 700;}
.cards .cards-btns .cards-btns__panel{padding-right: 45px;}
.cards .cards-btns .cards-btns__panel::before{background-color: #000;border-radius: 50%;content: "";position: absolute;right: 10px;top: calc(50% - 15px);width: 30px;height: 30px;}
.cards .cards-btns .cards-btns__panel::after{content: "";position: absolute;right: 10px;top: calc(50% - 15px);width: 30px;height: 30px;}
.cards .cards-btns .cards-btns__panel--pdf::after{background: url(../img/icon-pdf.png) center center/cover no-repeat;}
.cards .cards-btns .cards-btns__panel--movie::after{background: url(../img/icon-movie.png) center center/cover no-repeat;}
.cards .cards-btns .cards-btns__panel-member{background-color: #000;color: #fff;width: 100px;display: flex;align-items: center;justify-content: center;white-space: nowrap;position: relative;margin-right: 20px;}
.cards .cards-btns .cards-btns__panel-member::after{content: "";width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 9px;border-color: transparent transparent transparent #000;position: absolute;left: 100px;top: calc(50% - 7px);}
.cards .cards-btns .cards-btns__panel-inner{flex:1;overflow: hidden;display: flex;align-items: center;justify-content: center;padding-left: 45px;}
.cards .cards-btns .cards-btns__panel-inner>b{display: inline-block;vertical-align: top;position: relative;padding-right: 15px;}
.cards .cards-btns .cards-btns__panel-inner>b::after{background-color: #000;content: "";position: absolute;top: 50%;left: 100%;width: 200px;height: 1px;opacity: .2;}
.cards .cards-btns .cards-btns__panel-member+.cards-btns__panel-inner{justify-content: flex-start;padding-left: 0;}
.cards .cards-btns .cards-btns__details{background-color: #ddd;align-items: center;justify-content: center;padding: 0 25px;}
.cards .cards-btns .cards-btns__details::after{background: url(../img/arr_red.png) center center/cover no-repeat;content: "";position: absolute;right: 13px;top: calc(50% - 5px);width: 9px;height: 11px;}
.cards .cards-note{font-size: calc((12 / var(--fsizePC)) * 100%);line-height: calc(18 / 12);margin-top: 5px;}

/* theme-library */
.cards.theme-library{--backColor: #004878;}
.cards.theme-library .cards-thumb__members,
.cards.theme-library .cards-text__company span,
.cards.theme-library .cards-btns .cards-btns__panel::before,
.cards.theme-library .cards-btns .cards-btns__panel-member,
.cards.theme-library .cards-btns .cards-btns__panel-inner>b::after{background-color: var(--backColor);}
.cards.theme-library .cards-thumb__members::after{border-color: transparent var(--backColor) transparent transparent;}
.cards.theme-library .cards-text__title{font-weight: 700;text-align: center;}
.cards.theme-library .cards-text__title dt{font-size: calc((18 / var(--fsizePC)) * 100%);line-height: calc(26 / 18);}
.cards.theme-library .cards-text__title dd{font-size: calc((15 / var(--fsizePC)) * 100%);line-height: calc(22 / 15);margin-top: 10px;}
.cards.theme-library .cards-btns a{background-color: #d6deea;color: var(--backColor);}
.cards.theme-library .cards-btns .cards-btns__panel-member::after{border-color: transparent transparent transparent var(--backColor);}

/* theme common */
.cards.theme-design .cards-text__title,
.cards.theme-manufacturing .cards-text__title,
.cards.theme-operation .cards-text__title,
.cards.theme-partner .cards-text__title{font-weight: 700;}
.cards.theme-design .cards-text__title dt,
.cards.theme-manufacturing .cards-text__title dt,
.cards.theme-operation .cards-text__title dt,
.cards.theme-partner .cards-text__title dt{font-size: calc((14 / var(--fsizePC)) * 100%);line-height: calc(25 / 14);}
.cards.theme-design .cards-text__title dd,
.cards.theme-manufacturing .cards-text__title dd,
.cards.theme-operation .cards-text__title dd,
.cards.theme-partner .cards-text__title dd{font-size: calc((18 / var(--fsizePC)) * 100%);line-height: calc(25 / 18);margin-top: 3px;}

/* theme-design */
.cards.theme-design{--backColor: #4e6b59;}
.cards.theme-design .cards-thumb__members,
.cards.theme-design .cards-text__company span,
.cards.theme-design .cards-btns .cards-btns__panel::before,
.cards.theme-design .cards-btns .cards-btns__panel-member,
.cards.theme-design .cards-btns .cards-btns__panel-pdf>b::after{background-color: var(--backColor);}
.cards.theme-design .cards-thumb__members::after{border-color: transparent var(--backColor) transparent transparent;}
.cards.theme-design .cards-text__title dt{color: var(--backColor);}
.cards.theme-design .cards-btns a{background-color: #e6f3eb;color: var(--backColor);}
.cards.theme-design .cards-btns .cards-btns__panel-member::after{border-color: transparent transparent transparent var(--backColor);}

/* theme-manufacturing */
.cards.theme-manufacturing{--backColor: #442769;}
.cards.theme-manufacturing .cards-thumb__members,
.cards.theme-manufacturing .cards-text__company span,
.cards.theme-manufacturing .cards-btns .cards-btns__panel::before,
.cards.theme-manufacturing .cards-btns .cards-btns__panel-member,
.cards.theme-manufacturing .cards-btns .cards-btns__panel-pdf>b::after{background-color: var(--backColor);}
.cards.theme-manufacturing .cards-thumb__members::after{border-color: transparent var(--backColor) transparent transparent;}
.cards.theme-manufacturing .cards-text__title dt{color: var(--backColor);}
.cards.theme-manufacturing .cards-btns a{background-color: #eee8f6;color: var(--backColor);}
.cards.theme-manufacturing .cards-btns .cards-btns__panel-member::after{border-color: transparent transparent transparent var(--backColor);}

/* theme-operation */
.cards.theme-operation{--backColor: #8a1d46;}
.cards.theme-operation .cards-thumb__members,
.cards.theme-operation .cards-text__company span,
.cards.theme-operation .cards-btns .cards-btns__panel::before,
.cards.theme-operation .cards-btns .cards-btns__panel-member,
.cards.theme-operation .cards-btns .cards-btns__panel-pdf>b::after{background-color: var(--backColor);}
.cards.theme-operation .cards-thumb__members::after{border-color: transparent var(--backColor) transparent transparent;}
.cards.theme-operation .cards-text__title dt{color: var(--backColor);}
.cards.theme-operation .cards-btns a{background-color: #f3e3e9;color: var(--backColor);}
.cards.theme-operation .cards-btns .cards-btns__panel-member::after{border-color: transparent transparent transparent var(--backColor);}

/* theme-partner */
.cards.theme-partner{--backColor: #9d5322;}
.cards.theme-partner .cards-thumb__members,
.cards.theme-partner .cards-text__company span,
.cards.theme-partner .cards-btns .cards-btns__panel::before,
.cards.theme-partner .cards-btns .cards-btns__panel-member,
.cards.theme-partner .cards-btns .cards-btns__panel-pdf>b::after{background-color: var(--backColor);}
.cards.theme-partner .cards-thumb__members::after{border-color: transparent var(--backColor) transparent transparent;}
.cards.theme-partner .cards-text__title dt{color: var(--backColor);}
.cards.theme-partner .cards-btns a{background-color: #f2e2d8;color: var(--backColor);}
.cards.theme-partner .cards-btns .cards-btns__panel-member::after{border-color: transparent transparent transparent var(--backColor);}

@media (hover: hover) {
    .cards .cards-thumb__movie img{transition: opacity .3s ease;}
    .cards .cards-thumb__movie:hover img{opacity: .6;}
    .cards .cards-btns a{transition: opacity .3s ease;}
    .cards .cards-btns a:hover{opacity: .7;}
}
@media screen and (max-width: 640px) {
    .cards{display: block;margin-top: 40px;}
    .cards .cards-item{width: auto;margin-right: 0;display: block;}
    .cards .cards-item:nth-of-type(n+4){margin-top: 0;}
    .cards .cards-item:nth-of-type(n+2){margin-top: 40px;}
    .cards .cards-thumb__movie::before{background-size: 70px auto;}
    .cards .cards-thumb__members{font-size: calc((15 / var(--fsizeSP)) * 100%);width:80px;}
    .cards .cards-text{flex:initial;padding: 20px 25px;}
    .cards .cards-text__summary{font-size: 100%;}
    .cards .cards-text__company span{font-size: 100%;padding: 4px 8px;}
    .cards .cards-btns a{font-size: calc((17 / var(--fsizeSP)) * 100%);}
    .cards .cards-btns .cards-btns__panel{padding-right: 48px;}
    .cards .cards-btns .cards-btns__panel::before{top: calc(50% - 16px);width: 33px;height: 33px;}
    .cards .cards-btns .cards-btns__panel::after{top: calc(50% - 16px);width: 33px;height: 33px;}
    .cards .cards-btns .cards-btns__panel-inner{padding-left: 48px;}
    .cards .cards-btns .cards-btns__panel-member{margin-right: 15px;}
    .cards .cards-btns .cards-btns__panel-pdf>b{padding-right: 7px;}
    .cards .cards-note{font-size: calc((12 / var(--fsizeSP)) * 100%);}

    /* theme-library */
    .cards.theme-library .cards-text__title dt{font-size: calc((18 / var(--fsizeSP)) * 100%);}
    .cards.theme-library .cards-text__title dd{font-size: calc((15 / var(--fsizeSP)) * 100%);}

    /* theme common */
    .cards.theme-design .cards-text__title dt,
    .cards.theme-manufacturing .cards-text__title dt,
    .cards.theme-operation .cards-text__title dt,
    .cards.theme-partner .cards-text__title dt{font-size: calc((15 / var(--fsizeSP)) * 100%);}
    .cards.theme-design .cards-text__title dd,
    .cards.theme-manufacturing .cards-text__title dd,
    .cards.theme-operation .cards-text__title dd,
    .cards.theme-partner .cards-text__title dd{font-size: calc((18 / var(--fsizeSP)) * 100%);margin-top: 0;}
}