@charset "UTF-8";@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap";
/*! ファイル名:role.css */
/*!
Font: Shippori Antique
License: SIL Open Font License 1.1
https://scripts.sil.org/OFL
*/@font-face{font-family:shippori-antique;src:url(../fonts/shippori-antique-self.woff2) format("woff2"),url(../fonts/shippori-antique-self.woff) format("woff")}@media screen and (min-width:641px){[data-page-root]{--spacing-m:calc(var(--unit)*6.4);--spacing-l:calc(var(--unit)*12)}}@media screen and (max-width:640px){[data-page-root]{--spacing-m:calc(var(--unit)*4);--spacing-l:calc(var(--unit)*8)}}.page{background-position:top;background-repeat:repeat;clip-path:inset(0);isolation:isolate}@media screen and (min-width:641px){.page{background-image:url(../images/role/bg_repeat_pc.jpg);background-size:calc(var(--unit)*20) auto;padding-bottom:calc(var(--unit)*16);padding-top:calc(var(--unit)*17.6)}}@media screen and (max-width:640px){.page{background-image:url(../images/role/bg_repeat_sp.jpg);background-size:calc(var(--unit)*20) auto;padding-bottom:calc(var(--unit)*12);padding-top:calc(var(--unit)*8.6)}}.page-contents{position:relative}@media screen and (min-width:641px){.page-contents{margin-inline:auto;max-width:var(--design-view-width);padding-inline:calc(var(--unit)*12)}}.page-bg{background-color:var(--color-blur-bg);border-radius:50%;height:var(--blur-bg-height);left:calc(50% - var(--blur-bg-width)/2);mix-blend-mode:hard-light;position:fixed;top:calc(50% - var(--blur-bg-height)/2);width:var(--blur-bg-width);z-index:-1}@media screen and (min-width:641px){.page-bg{--blur-bg-width:calc(var(--unit)*92);--blur-bg-height:calc(var(--unit)*92);filter:blur(260px)}}@media screen and (max-width:640px){.page-bg{--blur-bg-width:calc(var(--unit)*32);--blur-bg-height:calc(var(--unit)*58.4);filter:blur(100px)}}.touchable-child.is-touched{animation:touchable-press .32s var(--ease-power2-out) both}@keyframes touchable-press{0%{transform:scale(1)}40%{transform:scale(.94)}to{transform:scale(1)}}.mv{isolation:isolate;position:relative}.mv-typography{left:0;margin-inline:auto;position:absolute;right:0;z-index:-1}@media screen and (min-width:641px){.mv-typography{top:calc(var(--unit)*-8.8);width:calc(var(--unit)*113.2)}}@media screen and (max-width:640px){.mv-typography{top:calc(var(--unit)*-1.3);width:calc(var(--unit)*33.6)}}.mv-label{align-items:center;display:flex;justify-content:center;line-height:var(--leading-none)}@media screen and (min-width:641px){.mv-label{column-gap:calc(var(--unit)*.8)}}@media screen and (max-width:640px){.mv-label{column-gap:calc(var(--unit)*.8)}}@media screen and (min-width:641px){.mv-label-icon{width:calc(var(--unit)*.9)}}@media screen and (max-width:640px){.mv-label-icon{width:calc(var(--unit)*.8)}}.mv-label-text{font-family:var(--font-family-garamond);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-wide)}@media screen and (min-width:641px){.mv-label-text{font-size:calc(var(--unit)*1.4)}}@media screen and (max-width:640px){.mv-label-text{font-size:calc(var(--unit)*1.2)}}.mv-title{margin-inline:auto}@media screen and (min-width:641px){.mv-title{margin-top:calc(var(--unit)*2.9);width:calc(var(--unit)*94.6)}}@media screen and (max-width:640px){.mv-title{margin-top:calc(var(--unit)*2.2);width:calc(var(--unit)*32)}}.mv-text{letter-spacing:var(--tracking-base);text-align:center}@media screen and (min-width:641px){.mv-text{font-size:calc(var(--unit)*1.5);line-height:var(--leading-wide);margin-top:calc(var(--unit)*4)}}@media screen and (max-width:640px){.mv-text{font-size:calc(var(--unit)*1.4);line-height:var(--leading-loose);margin-top:calc(var(--unit)*3.2)}}.search{background-color:rgb(var(--color-green-bg-rgb)/40%);position:relative}@media screen and (min-width:641px){.search{border-radius:calc(var(--unit)*4);margin-top:calc(var(--unit)*8);padding:calc(var(--unit)*4) calc(var(--unit)*5.6)}}@media screen and (max-width:640px){.search{border-radius:calc(var(--unit)*3.2);margin:calc(var(--unit)*5.6) calc(var(--unit)*.8) 0;padding:calc(var(--unit)*4) calc(var(--unit)*3.2)}}.search[data-category=corporate] .search-link-item:not([data-category=corporate]),.search[data-category=technical] .search-link-item:not([data-category=technical]){display:none}.search-header{align-items:center;display:flex}@media screen and (min-width:641px){.search-header{column-gap:calc(var(--unit)*2.4)}}@media screen and (max-width:640px){.search-header{align-items:flex-start;flex-direction:column;row-gap:calc(var(--unit)*1.4)}}.search-title{align-items:center;color:var(--color-green);display:flex}@media screen and (min-width:641px){.search-title{column-gap:calc(var(--unit)*.8)}}@media screen and (max-width:640px){.search-title{column-gap:calc(var(--unit)*1)}}.search-title-icon{line-height:var(--leading-none)}@media screen and (min-width:641px){.search-title-icon{width:calc(var(--unit)*1.4)}}@media screen and (max-width:640px){.search-title-icon{width:calc(var(--unit)*1.6)}}.search-title-icon svg{fill:currentcolor}.search-title-text{font-family:var(--font-family-shippori);letter-spacing:var(--tracking-base)}@media screen and (min-width:641px){.search-title-text{font-size:calc(var(--unit)*1.8)}}@media screen and (max-width:640px){.search-title-text{font-size:calc(var(--unit)*2)}}.search-tag{display:flex}@media screen and (min-width:641px){.search-tag{column-gap:calc(var(--unit)*.8)}}@media screen and (max-width:640px){.search-tag{column-gap:calc(var(--unit)*.8)}}.search-tag-button{align-items:center;background-color:var(--color-white);border-radius:var(--border-radius-full);display:flex;font-weight:var(--font-weight-medium);isolation:isolate;justify-content:center;letter-spacing:var(--tracking-base);line-height:var(--leading-half);overflow:clip;position:relative;will-change:transform}@media screen and (min-width:641px){.search-tag-button{font-size:calc(var(--unit)*1.5);padding:calc(var(--unit)*.6) calc(var(--unit)*1.8) calc(var(--unit)*.7);transition:color .2s ease}}@media screen and (max-width:640px){.search-tag-button{font-size:calc(var(--unit)*1.4);padding:calc(var(--unit)*.7) calc(var(--unit)*1.6);transition:color .32s ease}}.search-tag-button:before{background:linear-gradient(95deg,#007a6a,#004d43);border-radius:var(--border-radius-full);box-shadow:inset -1px -1px 1px 0 #005247,inset 1px 1px 0 0 #008572;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}@media screen and (min-width:641px){.search-tag-button:before{transition:opacity .2s ease}}@media screen and (max-width:640px){.search-tag-button:before{transition:opacity .32s ease}}@media screen and (hover:hover) and (min-width:641px){.search-tag-button:hover{color:var(--color-white)}.search-tag-button:hover:before{opacity:1}}.search-tag-button.is-active{color:var(--color-white)}.search-tag-button.is-active:before{opacity:1}.search-link{border-top:1px dashed rgb(var(--color-white-rgb)/50%)}@media screen and (min-width:641px){.search-link{margin-top:calc(var(--unit)*3.2);padding-top:calc(var(--unit)*3.2)}}@media screen and (max-width:640px){.search-link{margin-top:calc(var(--unit)*3.2);padding-top:calc(var(--unit)*3.2)}}.search-link-list{display:flex;flex-wrap:wrap}@media screen and (min-width:641px){.search-link-list{gap:calc(var(--unit)*1) calc(var(--unit)*.8)}}@media screen and (max-width:640px){.search-link-list{gap:calc(var(--unit)*1) calc(var(--unit)*.8)}}.search-link-button{align-items:center;background-color:rgb(var(--color-white-rgb)/40%);border:1px solid rgb(var(--color-white-rgb)/50%);border-radius:var(--border-radius-full);display:flex;justify-content:center;line-height:var(--leading-half);transition:color .2s ease}@media screen and (min-width:641px){.search-link-button{column-gap:calc(var(--unit)*.6);padding:calc(var(--unit)*.6) calc(var(--unit)*1.5)}}@media screen and (max-width:640px){.search-link-button{column-gap:calc(var(--unit)*.5);padding:calc(var(--unit)*.6) calc(var(--unit)*1.4)}}@media screen and (hover:hover) and (min-width:641px){.search-link-button:hover{color:var(--color-green)}}.search-link-text{letter-spacing:var(--tracking-base);white-space:nowrap}@media screen and (min-width:641px){.search-link-text{font-size:calc(var(--unit)*1.4)}}@media screen and (max-width:640px){.search-link-text{font-size:calc(var(--unit)*1.3)}}.search-link-icon{align-items:center;display:flex;justify-content:center;line-height:var(--leading-none)}@media screen and (min-width:641px){.search-link-icon{width:calc(var(--unit)*1)}}@media screen and (max-width:640px){.search-link-icon{width:calc(var(--unit)*1)}}.search-link-icon svg{fill:var(--color-green)}.role{display:grid}@media screen and (min-width:641px){.role{--role-contents-width:calc(var(--unit)*64);margin-top:calc(var(--unit)*2.4)}}@media screen and (max-width:640px){.role{margin-top:calc(var(--unit)*1.9);padding-inline:calc(var(--unit)*4)}}.role[data-category=corporate] .role-section:not([data-category=corporate]),.role[data-category=technical] .role-section:not([data-category=technical]){display:none}.role-section{border-bottom:1px dashed var(--color-green-bg)}@media screen and (min-width:641px){.role-section{align-items:start;overflow:hidden;padding-block:calc(var(--unit)*8.8)}}@media screen and (max-width:640px){.role-section{padding-block:calc(var(--unit)*5.6)}}@media screen and (min-width:641px){.role-header{float:right;padding-top:calc(var(--unit)*.7);width:var(--role-contents-width)}.role-image{float:left;width:calc(var(--unit)*48)}}@media screen and (max-width:640px){.role-image{margin-top:calc(var(--unit)*3.2)}}@media screen and (min-width:641px){.role-image img{border-radius:calc(var(--unit)*1.2)}}@media screen and (max-width:640px){.role-image img{border-radius:calc(var(--unit)*1)}}.role-sub{align-items:center;display:flex;line-height:var(--leading-none)}@media screen and (min-width:641px){.role-sub{column-gap:calc(var(--unit)*.8);padding-left:calc(var(--unit)*.4)}}@media screen and (max-width:640px){.role-sub{column-gap:calc(var(--unit)*.8);padding-left:calc(var(--unit)*.4)}}.role-sub-icon{flex:none;position:relative}@media screen and (min-width:641px){.role-sub-icon{top:calc(var(--unit)*.1);width:calc(var(--unit)*.9)}}@media screen and (max-width:640px){.role-sub-icon{top:calc(var(--unit)*.1);width:calc(var(--unit)*.9)}}.role-sub-text{font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-base)}@media screen and (min-width:641px){.role-sub-text{font-size:calc(var(--unit)*1.3)}}@media screen and (max-width:640px){.role-sub-text{font-size:calc(var(--unit)*1.2)}}.role-title{font-family:var(--font-family-shippori);letter-spacing:var(--tracking-base);line-height:var(--leading-half)}@media screen and (min-width:641px){.role-title{font-size:calc(var(--unit)*4);margin-top:calc(var(--unit)*1.8)}}@media screen and (max-width:640px){.role-title{font-size:calc(var(--unit)*2.8);margin-right:-1em;margin-top:calc(var(--unit)*1.6)}}.role-title strong{color:var(--color-green)}.role-text{letter-spacing:var(--tracking-base);text-align:justify}@media screen and (min-width:641px){.role-text{float:right;font-size:calc(var(--unit)*1.5);line-height:var(--leading-wide);padding-top:calc(var(--unit)*3);width:var(--role-contents-width)}}@media screen and (max-width:640px){.role-text{font-size:calc(var(--unit)*1.4);line-height:var(--leading-loose);margin-top:calc(var(--unit)*3.2)}}@media screen and (min-width:641px){.role-link{display:flex;flex-wrap:wrap;float:right;gap:calc(var(--unit)*2);padding-top:calc(var(--unit)*4);width:var(--role-contents-width)}}@media screen and (max-width:640px){.role-link{display:grid;gap:calc(var(--unit)*1.2);margin-top:calc(var(--unit)*2.4)}}.role-link-anchor{align-items:center;color:var(--color-green);display:flex;line-height:var(--leading-none)}@media screen and (min-width:641px){.role-link-anchor{column-gap:calc(var(--unit)*.4)}}@media screen and (max-width:640px){.role-link-anchor{column-gap:calc(var(--unit)*.4)}}@media screen and (hover:hover) and (min-width:641px){.role-link-anchor:hover .role-link-text:after{transform:scaleX(0);transform-origin:right center;transition:transform .24s var(--ease-power4-out)}}.role-link-text{font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-base);position:relative}@media screen and (min-width:641px){.role-link-text{font-size:calc(var(--unit)*1.5);padding:calc(var(--unit)*.2) 0}}@media screen and (max-width:640px){.role-link-text{font-size:calc(var(--unit)*1.4);padding:calc(var(--unit)*.2) 0}}.role-link-text:after{background-color:currentcolor;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleX(1);transform-origin:left center;transition:transform .4s var(--ease-energy);width:100%}@media screen and (min-width:641px){.role-link-icon{width:calc(var(--unit)*1.8)}}@media screen and (max-width:640px){.role-link-icon{width:calc(var(--unit)*1.8)}}.role-link-icon svg{fill:currentcolor}.cta{position:relative;text-align:center}@media screen and (min-width:641px){.cta{margin-top:calc(var(--unit)*12)}}@media screen and (max-width:640px){.cta{margin-top:calc(var(--unit)*8)}}.cta-button,.cta-button-link{display:flex;justify-content:center}.cta-button-link{align-items:center;color:var(--color-white);isolation:isolate;position:relative}@media screen and (min-width:641px){.cta-button-link{column-gap:calc(var(--unit)*.6);height:calc(var(--unit)*10);width:calc(var(--unit)*44)}}@media screen and (max-width:640px){.cta-button-link{column-gap:calc(var(--unit)*.2);height:calc(var(--unit)*8);width:calc(var(--unit)*32)}}@media screen and (hover:hover) and (min-width:641px){.cta-button-link:hover:before{transform:scale(.95)}}.cta-button-link:before{background:linear-gradient(101deg,#007a6a,#004d43);border-radius:var(--border-radius-full);box-shadow:inset -2px -2px 3px 0 #005247,inset 2px 2px 1px 0 #008572;content:"";height:100%;left:0;position:absolute;top:0;transition:transform .4s var(--ease-power4-out);width:100%;z-index:-1}.cta-button-text{font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-base);line-height:var(--leading-half)}@media screen and (min-width:641px){.cta-button-text{font-size:calc(var(--unit)*2)}}@media screen and (max-width:640px){.cta-button-text{font-size:calc(var(--unit)*1.6)}}.cta-button-icon{line-height:var(--leading-none)}@media screen and (min-width:641px){.cta-button-icon{width:calc(var(--unit)*2)}}@media screen and (max-width:640px){.cta-button-icon{width:calc(var(--unit)*1.8)}}.cta-button-icon svg{fill:currentcolor}@media screen and (min-width:641px){.cta-note{margin-top:calc(var(--unit)*3.2)}}@media screen and (max-width:640px){.cta-note{margin-top:calc(var(--unit)*2.4)}}.cta-note-item{letter-spacing:var(--tracking-base);line-height:var(--leading-half)}@media screen and (min-width:641px){.cta-note-item{font-size:calc(var(--unit)*1.3)}}@media screen and (max-width:640px){.cta-note-item{font-size:calc(var(--unit)*1.2)}}@media screen and (min-width:641px){.cta-note-item+.cta-note-item{margin-top:calc(var(--unit)*.6)}}@media screen and (max-width:640px){.cta-note-item+.cta-note-item{margin-top:calc(var(--unit)*1.2)}}


.bnCcontainer { background: var(--color_green); position: relative;}
.relatedBanner { padding: 90px 0;}
.relatedBanner .col_2 { width: 976px; gap: 15px; grid-template-columns: 1fr 1fr;}
.relatedBanner_list { width: 976px; max-width: 1200px; display: grid; gap: 15px; margin: 0 auto;}
.relatedBanner_list li { flex: 1;}
.relatedBanner_list li img { width: 100%;}

@media (max-width: 640px) {
_relatedBanner__list_15j29_68 {width:100%;}
.relatedBanner { padding: 44px 0;}
.relatedBanner .col_2 { width: 91.1111vw; gap: 16.6667px; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr;}
}