@charset "utf-8";

.bold { font-weight:bold;}
.clear { clear:both;}
.al { text-align:left;}
.ar { text-align:right;}
.ac { text-align:center;}
.clearfix:after { height:0; visibility:hidden; content:"."; display:block; clear:both;}
.clearfix { _height: 1px; min-height: 1px; /*￥*//*/ height: auto; overflow: hidden; /**/}

.menu-trigger,.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger { position: relative; width:30px; height:21px;}
.menu-trigger span { position:absolute; left:0; width:100%; height:1px; background-color:#fff;}
.menu-trigger span:nth-of-type(1) { top:0;}
.menu-trigger span:nth-of-type(2) { top:10px;}
.menu-trigger span:nth-of-type(3) { bottom:0;}
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) { opacity:0;}
.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}

* { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body { text-align: center; background: #000;
  font-family: hiragino-kaku-gothic-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-feature-settings: "palt";
  line-height:1.7; color:#fff; letter-spacing:0.1em;}
img{ border:none; vertical-align:middle; max-width:100%;}
img{ width:auto\9; height:auto\9;}
svg{ vertical-align:middle; max-width:100%;}
svg{ width:auto\9; height:auto\9;}

section{ overflow-x: hidden;}

a{ text-decoration: none;}
a:hover{ text-decoration: none;}
header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, table, th, td, a,li { box-sizing: border-box;}


html { visibility: hidden;}
html.wf-active, html.loading-delay { visibility:visible;}

#loading{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; z-index:15000;}
#loading img{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:80px; height:auto; display:none;}
#copyRight{ font-size:0.75rem; letter-spacing:0em; padding:1rem 0 1rem;}


.loadAnimeType00{opacity:0; filter: blur(10px);transform:translate(0,-4rem);}
.loadAnimeType01{transform:translate(0,0) scale(5.0); opacity:0; filter: blur(10px);}
.loadAnimeType02{transform:translate(-6rem,0); opacity:0; filter: blur(10px);}

.loadAnimeType00.animeOn{animation:turnupType00 .75s ease-in calc(var(--index) * 0.5s) 1 normal forwards;}
.loadAnimeType01.animeOn{animation:turnupType01 1.5s ease-in calc(var(--index) * 0.5s) 1 normal forwards;}
.loadAnimeType02.animeOn{animation:turnupType02 1.0s ease-out calc(var(--index) * 0.5s) 1 normal forwards;}

.turnupType00{opacity:0; filter: blur(10px);transform:translate(0,-4rem);}
.turnupType00.animeOn{ animation:turnupType00 .75s ease-in 0s 1 normal forwards;}

@keyframes turnupType00 {
  0%{ opacity:0; filter: blur(10px);transform:translate(0,-4rem);}
  100%{ opacity:1; filter: blur(0px);transform:translate(0,0);}
}

.turnupType01{transform:translate(0,0) scale(5.0); opacity:0; filter: blur(10px);}
.turnupType01.animeOn{ animation:turnupType01 1.5s ease-in calc(var(--index) * 0.5s) 1 normal forwards;}

@keyframes turnupType01 {
  0%{ transform:translate(0,0) scale(5.0); opacity:0; filter: blur(10px);}
  100%{ transform:translate(0,0) scale(1.0); opacity:1; filter: blur(0px);}
}

.turnupType02{transform:translate(-6rem,0); opacity:0; filter: blur(10px);}
.turnupType02.animeOn{ animation:turnupType02 1.0s ease-out 0s 1 normal forwards;}

@keyframes turnupType02 {
  0%{ transform:translate(-6rem,0); opacity:0; filter: blur(10px);}
  100%{ transform:translate(0,0); opacity:1; filter: blur(0px);}
}

.turnupType03{transform:translate(-4rem,0); opacity:0;}
.turnupType03.animeOn{ animation:turnupType03 .5s ease-in 0s 1 normal forwards;}

@keyframes turnupType03 {
  0%{ transform:translate(-4rem,0); opacity:0;}
  100%{ transform:translate(0,0); opacity:1;}
}




#headerWrapper{ display:flex; justify-content: space-between; align-items:flex-end; padding:1rem; position: fixed; top:0; left:0; width:100%; z-index:9999; background:rgba(0, 0, 0, 0.9);}

#headerWrapper h1 img{ width:40px; height:auto;}
#gNavWrapper > ul{ display:inline-block;}
#gNavWrapper > ul > li{ display:inline-block; padding:0 1rem; font-family: oswald, sans-serif; font-weight: 500; font-style: normal; line-height:1; position:relative;}
#gNavWrapper > ul > li > a{ color: #fff; font-size:1.2rem; position:relative;}
#gNavWrapper > ul > li > a::after{ content:""; position:absolute; bottom:-6px; left:0; width:100%; height:1px; background:#A8C420; transform: scaleX(0); transition: all .25s;}
#gNavWrapper > ul > li > a:hover{ color:#707070;}
#gNavWrapper > ul > li > a:hover::after{ transform: scaleX(1);}
#gNavWrapper > ul > li > span{ color:#fff; font-size:1.2rem;}
#gNavWrapper > ul > li:hover > span{ color:#707070;}
#gNavWrapper > ul#lang > li > span{ color:#707070; font-size:1.2rem;}
#gNavWrapper > ul > li > ul{ position:absolute; top:42px; left:1rem; text-align:left;background:rgba(0, 0, 0, 0.9); padding-bottom:0.5rem; display:none;}
#gNavWrapper > ul > li > ul > li{padding:0.5rem 1rem; position:relative;}
#gNavWrapper > ul > li > ul > li > a{white-space: nowrap; font-size:1.0rem;}
#gNavWrapper > ul > li > ul > li::before{ content:"-";position: absolute; top:50%; left:4px; transform:translate(0,-50%);}
#gNavWrapper > ul > li > ul > li:hover a{ color:#A8C420;}

#gNavWrapper > ul#lang{ display:inline-block; padding-left:3rem;}
#gNavWrapper > ul#lang > li:first-child{position:relative;}
#gNavWrapper > ul#lang > li:first-child::after{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#fff;}

@media only screen and (max-width : 920px) {
  #gNavWrapper > ul#lang{ padding-left:0;}
}
@media only screen and (max-width : 840px) {
  #gNavWrapper > ul > li{ padding:0 0.5rem;}
}
@media only screen and (max-width : 800px) {
  #headerWrapper h1{ position:relative; z-index:10001;}
  #gNavWrapper{ display:block; background:rgba(0, 0, 0, 0.9); width:100vw; height:100vh; padding:4rem; position:fixed; top:0; left:0; z-index:9998; transform: translate(100%,0); transition: all .5s; overflow: auto;}
  #gNavWrapper.on{transform: translate(0%,0);}
  #gNavWrapper > ul#gNav > li{ display:block; padding:1rem 0;}
  #gNavWrapper > ul#lang{ display:block; padding:2rem 0 0;}

  #gNavWrapper > ul > li > ul{ margin:1rem auto 0; position:static; border:1px solid #707070; padding:0.5rem 1rem; display:block;}
}


.pageCover{ overflow-x:hidden;}
.gradeBg{  background:linear-gradient(45deg, #000 0%, #121b00 50%, #000000 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #091b00 50%, #000 100%), #000000; width:100%;}

#mainVisualWrapper{margin-top:100px; padding:1rem; position:relative; max-width:1680px; margin-left:auto; margin-right:auto;}
#mainVisualWrapper::after{ content:""; position:absolute; z-index:1001; bottom:0.9rem; left:0; width:100%; height:2px; background:#000;}
#mainVisualInner{ position:relative; width:100%; height:100%; overflow:hidden;}

#mainVisualList{ width:100%; height:100%;}
#mainVisualList > li{ position:absolute; top:50%; left:50%; width:100%; height:auto; transform: translate(-50%,-50%); z-index:2;}
#mainVisualList > li img{object-fit: cover; filter: blur(20px); transform: scale(1.1); opacity:0;}
#mainVisualList > li img.mainFadeInStart{animation: mainFadeInAnime 5s linear 0s 1 normal backwards;}

@keyframes mainFadeInAnime {
  0%{ filter: blur(20px); transform: scale(1.1); opacity:0;}
  10%{ filter: blur(20px); transform: scale(1.1); opacity:0;}
  20%{ filter: blur(0); transform: scale(1.1); opacity:1;}
  70%{ opacity:1;}
  80%{ filter: blur(0); transform: scale(1.2); opacity:0;}
}
/*
@keyframes mainFadeInAnime {
  0%{ filter: blur(20px); transform: scale(2.4); opacity:0;}
  10%{ filter: blur(20px); transform: scale(2.4); opacity:0;}
  20%{ filter: blur(0); transform: scale(1.1); opacity:1;}
  70%{ opacity:1;}
  80%{ filter: blur(0); transform: scale(1); opacity:0;}
}
*/

#mainVideoBg{ position:absolute; z-index:1; object-fit:cover; height:auto; width:100%; top:-27%; left:0;}
/*
#mainVideoPc{ position:absolute; z-index:1; object-fit:cover; height:auto; width:100%; top:-27%; left:0;}
#mainVideoSp{display:none;}
*/
#coverSVG{ object-fit:cover; height:auto; width:100%; position:relative; z-index:1000;}

#catchcopy{ position:absolute; bottom:0; left:50%; transform: translate(-50%,0) scale(1.5); z-index:1002; width:46%; height:auto; opacity:0;animation: catchFadeInAnime 1s ease-in 0s 1 normal forwards;}
#cc01,#cc02,#cc03,#cc04,#cc05,#cc06,#cc07,#cc08,#cc09,#cc10,#cc11,#cc12{fill:#FFFFFF;}

@keyframes catchFadeInAnime {
  0%{ transform: translate(-50%,0) scale(1.5);opacity:0;}
  100%{ transform: translate(-50%,0) scale(1); opacity:1;}
}

#serviceList{ display:inline-block; position:absolute; top:58%; left:50%; margin-left:-20%; z-index:1003; text-align:left;}
#serviceList span{display:block; font-family: oswald, sans-serif; font-weight: 500; font-style: normal; line-height:1; margin-bottom:4px; font-size: calc(8px + (20 - 12) / (800 - 375) * (100vw - 375px) ); min-height: 0vw;}

#company{ padding-top:80px; margin-top:-80px;}

@media only screen and (max-width : 800px) {
  /*
  #mainVideoPc{display:none;}
  #mainVideoSp{display:block; position:absolute; z-index:1; object-fit:cover; height:auto; width:100%; top:-27%; left:0;}
  */
  #mainVisualWrapper{padding:1rem 0;}

  #catchcopy{ bottom:0; width:80%; max-width:320px;}

  #serviceList{ top:56%;}
  #serviceList span{ margin-bottom:2px;}

  #vision{ padding-top:100px; margin-top:-100px;}
  #company{ padding-top:30px; margin-top:-30px;}
}




.scrollSignWrapper{ width:100%;margin:4rem auto; text-align:center;}
.scrollSignWrapper span{display:inline-block; font-family: oswald, sans-serif;font-weight: 400;font-style: normal;writing-mode: vertical-rl; position:relative; padding:0 0 1rem 6px; overflow: hidden; font-size:0.75rem; letter-spacing:0;}
.scrollSignWrapper span::before{ content:""; width:1px; height:100%; background:#707070; position:absolute; top:0; left:0;}
.scrollSignWrapper span::after{ content:""; width:1px; height:75%; background:#fff; position:absolute; top:0; left:0;animation:scrollLoopAnime 1.75s linear 0.1s infinite normal forwards; transform: translate(0,-100%);}
@keyframes scrollLoopAnime {
  0%{ transform: translate(0,-100%);}
  100%{ transform: translate(0,200%);}
}

@media only screen and (max-width : 800px) {
  .scrollSignWrapper{margin:4rem auto 0; padding:2rem 0 0;}
  .scrollSignWrapper.engVersion{margin:2rem auto 4rem;}
}




.contentWrapper{ margin:4rem auto 0rem;}
.contentWrapper.mbSet{ margin:4rem auto 4rem;}
.contentWrapper.bgGray{ background:#202024; padding:8rem 0; margin:0 auto 0rem;}


.mainTitle{ margin-bottom:12rem;}
.mainTitle.engTitle{ margin-bottom:4rem;}
.mainTitle > span.secTitleLead{display:block; margin-top:2rem; line-height:2.4; font-size:1.3rem;}
.secTitle > div:first-child{ margin-bottom:1rem;}
.secTitle1-en{display:block; font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1; font-size:2.4rem; color: #000;}
.secTitle1-jp{display:block; font-size:1.3rem;}
.decPoint-en{display:block; font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1.4; font-size:2.4rem; color:#A8C420;}


.serviceList{ margin:4rem auto;}
.serviceList > li{ margin-bottom:4rem;}

#serviceListEventProduce{ position:relative; padding-top:18rem;}
#serviceListEventProduce::before{ content:""; position:absolute; top:0; left:0; width:100%; height:450px; background: url(img/produce_banner__pc.jpg) center center no-repeat; background-size:auto 100%; z-index:-1;}
#serviceListEventProduce::after{ content:""; position:absolute; top:0; left:0; width:100%; height:450px; background:#000; z-index:-1; transition: all .5s;}
#serviceListEventProduce.animeOn::after{transform:scaleY(0);}

#serviceListCasting{ position:relative; padding-top:18rem;}
#serviceListCasting::before{ content:""; position:absolute; top:0; left:0; width:100%; height:450px; background: url(img/casting_banner__pc.jpg) center center no-repeat; background-size:auto 100%; z-index:-1;}
#serviceListCasting::after{ content:""; position:absolute; top:0; left:0; width:100%; height:450px; background:#000; z-index:-1; transition: all .5s;}
#serviceListCasting.animeOn::after{transform:scaleY(0);}

#serviceListInbound{ position:relative; padding-top:18rem;}
#serviceListInbound::before{ content:""; position:absolute; top:0; left:0; width:100%; height:450px; background: url(img/inbound_banner__pc.jpg) center center no-repeat; background-size:auto 100%; z-index:-1;}
#serviceListInbound::after{ content:""; position:absolute; top:0; left:0; width:100%; height:450px; background:#000; z-index:-1; transition: all .5s;}
#serviceListInbound.animeOn::after{transform:scaleY(0);}

.serviceListBox{ background:rgba(17, 17, 18, 0.9); padding:4rem; max-width:680px; margin:0 auto;}
.serviceListTitle-en{font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1; font-size:3.6rem; color:#A8C420;}
.serviceListTitle-jp{ margin:4rem auto; font-size:1.3rem;}
.serviceListText{ margin:-3rem auto 4rem;}
.moreBtn{ display:inline-block; max-width:320px; width:100%; margin:0 auto; padding:0.7rem 1rem 1rem; border:1px solid #fff;font-family: oswald, sans-serif; font-weight: 500; font-style: normal; line-height:1; font-size:1.4rem;}
.moreBtn:hover{ background:#fff; color:#000;}

@media only screen and (max-width : 800px) {
  .contentWrapper.mbSet{ margin:4rem auto 0;}
  .contentWrapper.bgGray{ padding:4rem 0;}

  .mainTitle{ margin:0 1rem 12rem;}
  .mainTitle.engTitle{ margin:0 1rem 2rem;}
  .mainTitle > span.secTitleLead{display:block; margin-top:2rem; line-height:2.4; font-size:1.0rem;}
  .secTitle1-en{font-size:1.4rem;}
  .secTitle1-jp{font-size:1.0rem;}
  .decPoint-en{font-size:1.4rem;}

  #serviceListEventProduce{ padding-top:150px;}
  #serviceListEventProduce::before{ height:150px; background-size:contain;}
  #serviceListEventProduce::after{ height:150px;}

  #serviceListCasting{ padding-top:150px;}
  #serviceListCasting::before{ height:150px; background-size:contain;}
  #serviceListCasting::after{ height:150px;}

  #serviceListInbound{ padding-top:150px;}
  #serviceListInbound::before{ height:150px; background-size:contain;}
  #serviceListInbound::after{ height:150px;}

  .serviceListBox{ padding:2rem 0;}
  .serviceListTitle-en{font-size:2.4rem;}
  .serviceListTitle-jp{ margin:2rem auto; font-size:1.0rem;}

  .moreBtn{ padding:0.7rem 1rem 1rem; font-size:1.2rem;}
}




.aboutSummary{ background:#202024 url(img/about_banner__pc.jpg) center top no-repeat; background-size:auto 100%; padding:18rem 0 2rem; margin-top:2rem; position:relative;}
.aboutSummary::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#202024; transition: all .5s;}
.aboutSummary.animeOn::after{transform:scaleY(0);}

.aboutFlex{ display:flex; justify-content: center; gap:4rem; align-items: flex-start;}
.aboutFlex > div{background:rgba(17, 17, 18, 0.9); padding:2rem; width:360px; transform: scale(0); transition: all .5s; transition-delay: .5s;}
.aboutFlex > div.animeOn{transform: scale(1);}
.aboutFlex > div dl{ margin-bottom:2rem;}
.aboutFlex > div dt{font-family: oswald, sans-serif; font-weight: 500; font-style: normal; color:#A8C420; font-size:1.8rem;}
.aboutFlex > div dd{ font-size:0.8rem;}

@media only screen and (max-width : 800px) {
  .aboutSummary{background:#202024 url(img/about_banner__sp.jpg) center top no-repeat; background-size:contain; padding:6rem 0 0;}
  .aboutSummary::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#202024; transition: all .5s;}
  .aboutSummary.animeOn::after{transform:scaleY(0);}
  
  .aboutFlex{ flex-direction:column; gap:2rem;}
  .aboutFlex > div{margin:0 auto; width:320px; }

  .aboutFlex > div dt{font-size:1.4rem;}
  .aboutFlex > div dd{ font-size:0.8rem;}
}




.memberBannerWrapper{ margin:4rem auto;}
.memberBannerImg{ height:450px; width:100vw; background:url(img/member_banner__pc.jpg) center 0 repeat-x; background-size:auto 100%; position:relative;}
.memberBannerImg::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#202024; transition: all .5s;}
.memberBannerImg.animeOn::after{transform:scaleY(0);}
.memberBannerInner{ max-width:860px; margin:-1.5rem auto 0; display:flex; justify-content: space-between; gap:2rem; position:relative; align-items:flex-end;}
.memberBannerInner h2{ text-align:left; font-size:1.8rem; font-weight: bold; line-height:1.6;}
.arrowBtn{ height:64px; width:auto;}
.arrowBtn:hover{ opacity:0.5;}

.memberSummary{ max-width:960px; margin:2rem auto; text-align: left;}

@media only screen and (max-width : 800px) {
  .memberBannerWrapper{ margin:2rem auto;}
  .memberBannerImg{ height:150px; background:url(img/member_banner__pc.jpg) center 0 no-repeat; background-size: contain;}
  .memberSummary{ margin:2rem 1rem; font-size:0.8rem;}
}




.recruitSummary{ background: url(img/crosstalk_banner__pc.jpg) center top no-repeat; background-size:auto 100%; padding:15rem 0 2rem; margin-top:2rem; position: relative;}
.recruitSummary::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; transition: all .5s;}
.recruitSummary.animeOn::after{transform:scaleY(0);}

.recruitFlex{ display:flex; justify-content: center; gap:4rem; align-items:stretch;}
.recruitFlex > div{background:rgba(17, 17, 18, 0.9); padding:2rem; width:360px; position:relative; transform: scale(0); transition: all .5s; transition-delay: .5s;}
.recruitFlex > div.animeOn{transform: scale(1);}

.recruitFlex > div dl{ margin-bottom:5rem;}
.recruitFlex > div dt{font-family: oswald, sans-serif; font-weight: 500; font-style: normal; color:#A8C420; font-size:1.8rem;}
.recruitFlex > div dd{ text-align: left; font-size:0.8rem;}
.recruitFlex > div dd ul{ margin:1em 0;}
.recruitFlex > div dd ul li{ list-style-type:disc; list-style-position: outside; margin:0 0 0 1.0em;}

.readBtn{ display:inline-block; max-width:320px; width:100%; margin:0 auto; padding:1rem 1rem 1rem; border:1px solid #fff;font-family: oswald, sans-serif; font-weight:400; font-style: normal; line-height:1; font-size:1.4rem;}
.readBtn:hover{ background:#fff; color:#000;}
.readBtn.fixBtm{ position:absolute; bottom:2rem; left:2rem; width:calc(100% - 4rem);}

@media only screen and (max-width : 800px) {
  .recruitSummary{ background-size:contain; padding:6rem 0 0;}
  .recruitFlex{ flex-direction: column; gap:2rem; align-items:stretch;}
  .recruitFlex > div{width:320px; margin:0 auto;}
  .recruitFlex > div dl{ margin-bottom:2rem;}

  .readBtn{ font-size:1.2rem;}
  .readBtn.fixBtm{ position:static; bottom:2rem; left:2rem; width:calc(100% - 4rem);}
}




#hamburger{ display:none;}
.spOnly{ display:none;}

.footerWrapper{ background:#202024; padding:2rem 0 1rem; margin-top:8rem;}
.footerNavWrapper{ padding:0 0 2rem;}
.footerNavWrapper > div{ display:inline-block; text-align:left; padding:0 1rem; vertical-align:top;}
.footerNavWrapper > div > a{ font-family: oswald, sans-serif; font-weight: 500; font-style: normal; line-height:1; color: #fff; font-size:1.2rem;}
.footerNavWrapper > div > span{ font-family: oswald, sans-serif; font-weight: 500; font-style: normal; line-height:1; color: #fff; font-size:1.2rem;}
.footerNavWrapper > div > a:hover{color:#A8C420;}
.footerNavWrapper > div > ul{ margin:1rem 0 0;}
.footerNavWrapper > div > ul > li::before{ content:"-"; padding-right:5px; color:#6A6464;}
.footerNavWrapper > div > ul > li > a{font-family: oswald, sans-serif; font-weight: 400; font-style: normal; line-height:1; font-size:1rem; color:#6A6464;}
.footerNavWrapper > div > ul > li > a:hover{color:#A8C420;}
.footerLogo{ margin:1rem auto;}
.footerLogo img{width:40px; height:auto;}
.siteNav{ margin:2rem auto 0;}
.siteNav li a{font-size:0.8rem;font-family: oswald, sans-serif;font-weight: 400;font-style: normal;}
.siteNav li a:hover{opacity:0.8;}

@media only screen and (max-width : 800px) {
  .footerWrapper { margin-top:4rem;}
  .footerNavWrapper > div{ padding:0 1rem 1rem;}
  .footerNavWrapper > div > a{ font-size:1.0rem;}
  .footerNavWrapper > div > span{ font-size:1.0rem;}
  .footerNavWrapper > div > ul{ margin:4px 0 0;}
  .footerNavWrapper > div > ul > li > a{font-size:0.8rem;}
  .footerLogo{ margin:1rem auto;}
  .footerLogo{ margin:0 auto 1rem;}

  #hamburger{ position:fixed; top:1rem; right:1rem; display:block; z-index:10000;}
  .pcOnly{ display:none;}
  .spOnly{ display:block;}
}




.contactBannerWrapper{ margin:4rem auto;}
.contactBanner{ display:block; background:#A8C420; max-width:564px; margin:0 auto; text-align: left; color:#000; position:relative;}
.contactBanner:hover{ background:#a9c420b8;}
.contactBanner::after{ content:""; position:absolute; right:0; bottom:0; height:240px; width:50%; background: url(img/mascot.png) right bottom no-repeat; background-size:contain;}
.contactBannerTitle{ position:relative; margin:0 2rem 1rem; padding:2rem 0 1rem; font-family: oswald, sans-serif; font-weight: 500; font-style: normal; line-height:1; font-size:2.4rem; width:50%;}
.contactBannerTitle::after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#000;}
.contactBannerText{ margin:0 2rem 0; padding:0 0 2rem;width:50%; font-weight: bold;}
.contactBannerText.en{ letter-spacing:0; font-size:0.8rem;}

@media only screen and (max-width : 800px) {
  .contactBannerTitle{ margin:0 1rem 1rem; font-size:1.8rem;}
  .contactBannerText{ margin:0 1rem 0; font-size:0.8rem; letter-spacing:0;}
}




.lowerCover{ overflow-x:hidden; padding-top:80px;}
.lowerLeadWrapper{ text-align:left; max-width:1000px; margin:0 auto;}
.memberLead{ margin:2rem 0 4rem;}
.memberLead p{font-size:1.0rem; font-weight: bold;}

.memberListWrapper{margin:0 auto 4rem;}
.memberList{ max-width:1680px; margin:0 auto; text-align:left; line-height:1;}
.memberList > li{ position:relative; display:inline-block; width:20%; height:auto; background:#A8C420; overflow: hidden; vertical-align:top;}
.memberList > li > a{}
.memberList > li svg{ position:absolute; top:12px; left:12px; z-index:999;}
.memberList > li svg{ width:17%; height:auto;}
.memberList > li#m10 svg{ width:25%; height:auto;}
.memberList > li#m22 svg{ width:23%; height:auto;}
.memberList > li#m24 svg{ width:23%; height:auto;}
.memberList > li#m26 svg{ width:23%; height:auto;}

.npColor{fill:#000;}
.memberList > li > a img{ transition: all .5s; transform: scale(1);}
.memberList > li > a:hover img{ /*mix-blend-mode:Hard-light;*/ opacity:0.2; transform: scale(1.02);}
.memberList > li > span img{ transition: all .5s; transform: scale(1);}
.memberList > li > span:hover img{ /*mix-blend-mode:Hard-light;*/ opacity:0.2; transform: scale(1.02);}
.memberList > li > a:hover .npColor{fill:#000;}

@media only screen and (max-width : 1000px) {
  .lowerLeadWrapper{ padding:0 1rem;}
}
@media only screen and (max-width : 800px) {
  .lowerCover{ padding-top:40px;}
  .memberList > li{ width:33.3333%;}
  .memberList > li svg{ top:5px; left:5px;}

  .memberLead{ margin:2rem 0 2rem;}

  .lowerLeadWrapper.noPadding-sp{ padding:0;}
}




.memberSingleMain{ max-width:1000px; width:100%; height:480px; margin:0 auto; position:relative; text-align: left;}
.memberSingleMain > svg{ position:absolute; top:0; left:-100px}
.memberName{font-family: oswald, sans-serif; font-weight: 500; font-style: normal; line-height:1; font-size:6.8rem; color:#A8C420;}
.memberMessage{ font-size:1.8rem; margin:4rem 0 0; font-weight:bold; line-height:1.4;}
.memberMainPhoto{ position: absolute; left:400px; top:40px; height:auto; width:600px; z-index:-1;}
.memberMainPhoto::after{ content:""; position:absolute; top:0; left:0; width:100%; height:101%; background:#000; transform: translate(0,0); animation:memberMainPhotoAnime .5s ease-in 1.35s 1 normal forwards;}
@keyframes memberMainPhotoAnime {
  0%{ transform: translate(0,0);}
  100%{ transform: translate(100%,0);}
}

.memberSingleContent{ max-width:1000px; width:100%; margin:4rem auto 0; padding-left:400px; text-align: left; position:relative;}
.memberNamePosition > dt{ font-size:1.6rem; font-weight: bold;}
.memberNamePosition > dt .aka{ font-size:1.2rem; font-weight: normal; margin-bottom:1rem;}
.memberNamePosition > dd .en{font-family: oswald, sans-serif; font-weight: 400; font-style: normal; line-height:1; font-size:1.3rem; color:#A8C420;}
.memberInfoTable{ margin:2rem 0; width:100%; font-size:0.8rem;}
.memberInfoTable th{ font-weight: normal; padding:0.5rem 0; border-bottom:1px solid #202024; width:25%;}
.memberInfoTable td{ font-weight: normal; padding:0.5rem 0 0.5rem 1rem; border-bottom:1px solid #202024;}
.memberInfoTable tr:last-of-type th{ border-bottom:none;}
.memberInfoTable tr:last-of-type td{ border-bottom:none;}

.memberBox{ border-bottom:1px solid #202024; padding-bottom:2rem; margin-bottom:2rem;}
.memberBox.noBorder{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
.memberQ{font-family: oswald, sans-serif; font-weight: 400; font-style: normal; line-height:1; font-size:2.0rem;}
.memberA{ margin:2rem 0 0; font-size:0.8rem;}

.faq > dt{ margin-bottom:2.0em; padding-left:4em; position:relative;}
.faq > dt span{ position:absolute; top:50%; transform: translate(0,-50%); left:0; display:inline-block; width:2em; font-family: oswald, sans-serif; font-weight: 400; font-style: normal; line-height:1; font-size:1.6rem; color:#959595;}
.faq > dd{ margin-bottom:2.0em; padding-left:4em; position:relative;}
.faq > dd span{ position:absolute; top:50%; transform: translate(0,-50%); left:0; display:inline-block; width:2em; font-family: oswald, sans-serif; font-weight: 400; font-style: normal; line-height:1; font-size:1.6rem; color:#A8C420;}

.memberSubPhoto{ position:relative; right:calc(480px + 4rem); top:-20rem; margin-bottom:-24rem; height:auto; width:480px;}
.memberSubPhoto::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; transform: translate(0,0);}
.memberSubPhoto.animeOn::after{animation:memberSubPhotoAnime .5s ease-in 0s 1 normal forwards;}
@keyframes memberSubPhotoAnime {
  0%{ transform: translate(0,0);}
  100%{ transform: translate(-100%,0);}
}

.mottoWrapper{ background:#202024; padding:6rem 0 4rem; position:relative; z-index:-1;}
.mottoWrapper dl dt{ margin-bottom:2rem;}
.mottoWrapper dl dd{ font-size:2.4rem; font-weight: bold;}
.mottoWrapper dl dd span{ display:block; font-size:0.5em; font-weight:normal;}

.memberSingleComment{max-width:1000px; width:100%; margin:4rem auto 0; text-align: left;}
.commentTitle{font-family: oswald, sans-serif; font-weight: 400; font-style: normal; line-height:1; font-size:2.0rem;}

.commentBox{ margin-top:2rem;}
.commentBox img{ vertical-align: bottom;}
.commentInner{ background:url(img/cbox_bottom.svg) right bottom no-repeat; background-size: 100% auto; padding:0 2rem 2rem 4rem; margin-top:-2px;font-size:0.8rem;}

.commentFlex{max-width:780px; display: flex; justify-content: space-between; align-items:center; gap:4rem; margin:2rem auto 0;}
.commentPhoto{ flex-basis: 30%;}
.commentText{ flex-basis: 70%;}
.fromText{font-family: oswald, sans-serif; font-weight: 400; font-style: normal; line-height:1; font-size:1.2rem;color:#A8C420; margin:0 0 0 2rem;}
.fromText span{ font-size:1.8rem;}

.membersBackBtnWrapper{ max-width:320px; margin:4rem auto; text-align: center;}
.membersBackBtnWrapper a{ display:block; padding:1rem 0; color:#fff; border:1px solid #fff;}

@media only screen and (max-width : 1000px) {
  .memberSingleMain{ height:auto; padding-left:3rem;}
  .memberSingleMain > svg{ width:2rem; left:2px;}
  .memberName{font-size:2.4rem;}
  .memberMessage{ font-size:1.2rem; margin:2rem 0 0;}
  .memberMainPhoto{ position: relative; left:2rem; top:-2rem; width:100%;}

  .memberSingleContent{ margin:2rem auto 0; padding-left:0; padding:0 1rem;}

  .memberNamePosition > dt{ font-size:1.4rem;}
  .memberNamePosition > dt .aka{ font-size:0.8rem;}
  .memberNamePosition > dd .en{font-size:1.2rem;}
  .memberNamePosition > dd .jp{ display:block;}

  .memberInfoTable th{ font-size:0.8rem;}
  .memberInfoTable td{ font-size:0.8rem;}

  .memberSubPhoto{ position: relative; right:4rem; top:0; width:100%;margin-bottom:0;}

  .memberQ{ font-size:1.4rem;}
  .memberA{ font-size:0.8rem;}

  .faq > dt span{ font-size:1.2rem;}
  .faq > dd span{ font-size:1.2rem;}

  .mottoWrapper{ padding:2rem 1rem 2rem;}
  .mottoWrapper dl dt{ margin-bottom:2rem;}
  .mottoWrapper dl dd{ font-size:1.4rem;}

  .memberSingleComment{padding:0 1rem;}
  .commentTitle{font-size:1.4rem;}

  .commentBox{ width:340px; margin-top:1rem;}
  .commentBox img{width:100%; height:20px;}
  .commentFlex{flex-direction:column; gap:2rem;}
  .commentInner{ padding:0 1rem 1rem 2rem;font-size:0.8rem;}
  .commentPhoto{ flex-basis:auto; text-align: center;}
  .commentPhoto img{ max-width:180px;}
  .commentText{ flex-basis:auto;}
  .fromText{font-size:1.0rem; margin:0 auto; text-align: center;}
  .fromText span{ font-size:1.8rem; display: inline-block; padding-left:10px;}

  .membersBackBtnWrapper a{ font-size:0.8rem;}
}


.modal { /*display: none;*/ color:#000; overflow: auto; height:200px; margin:0 0 1rem; padding:1rem 1rem 0; border:1px solid #202024;}

#modal01 p{ font-size:0.8rem;}
#modal01 ol li{ margin:1rem 0; font-size:0.8rem;}
#modal01 ol li div{ font-weight: bold;}




.contactFormWrapper{max-width:1000px; margin:0 auto; text-align:left;}
.require::after{content:"必須"; display: inline-block; line-height: 1; padding: 0.25rem 0.5rem; background: #A8C420; border-radius: 5px; color: #000; font-size: 0.75rem; margin: 0.25rem 0 0 1rem; vertical-align: top;}
.require.en::after{content:"Required"; letter-spacing:0;}

input[type=text]{ border:1px solid #ccc; background:#fff; padding:0.5rem; max-width:480px; width:100%; color:#000;}
input[type=text].p-postal-code{ max-width:7em;}
input[type=text].sizeS{ max-width:320px;}
input[type=number]{ border:1px solid #ccc; background:#fff; padding:0.5rem; max-width:5em; width:100%;}
input[type=email]{ border:1px solid #ccc; background:#fff; padding:0.5rem; max-width:480px; width:100%;}
textarea{ border:1px solid #ccc; background:#fff; padding:0.5rem; width:100%; height:6em; color:#000;}
input[type=radio],input[type=checkbox]{ display:none;}
.form-check-label{ position:relative; display:inline-block; padding:0 0 0 1.8em; cursor:pointer; line-height:1;}
.form-check-label::after{content:''; position:absolute; top:50%; left:0; display:block; line-height:1; transform: translate(0,-50%); width:16px; height:16px; border: 2px solid #333;}
.form-check-label::before { content: ""; position: absolute; top: 50%; left: 0; display: block; line-height: 1; transform: translate(0, -50%); width: 16px; height: 16px; content: ""; opacity: 0; background:#655F5F;}
input[type=radio]:checked + .form-check-label::before { opacity:1;}
input[type=radio]:checked + .form-check-label::after { border: 2px solid #655F5F;}
input[type=checkbox]:checked + .form-check-label::before { opacity:1;}
input[type=checkbox]:checked + .form-check-label::after { border: 2px solid #655F5F;}
select { appearance: none; background: none; border: none; color: #333; font-size: 1rem; width: 100%; height: 100%; padding: 0 10px;}
.selectBox{ background:#eee; height:3rem; width:100%; max-width:calc(375px - 2rem); border-radius:8px; position: relative; z-index:1;}
.selectBox::after {position: absolute;content: '';width: 8px;height: 8px;right: 10px;top: 50%;transform: translateY(-50%) rotate(45deg);border-bottom: 2px solid #333;border-right: 2px solid #333;z-index: -1;}

.formList > dt{ margin-bottom:0.5em;}
.formList > dd{ margin-bottom:02em;}

.submitWrapper > ul > li{ display:inline-block; margin:0 0.5rem 0 0;}
.contactMailAttentionTextWrapper{ font-size:0.8rem; padding:2rem 0 4rem;}

.submitBtn{ display:inline-block; line-height:1; padding:0.9rem 2rem 1rem; background: #000; border:1px solid #fff; border-radius: 100px; color: #fff; font-size: 1rem;}
.submitBtn:hover{ background: #fff; color:#000;}

.submitBtn.gray{ background:#333;}
.submitBtn:hover.gray{ background:hsl(0, 0%, 63%);}

.beforeCheckText{ margin:2rem 0 2rem; color:#A8C420; font-size:1.0rem;}

.checkAnser{border:1px solid #ccc; min-height:1em; background:#000; padding:0.5rem; max-width:480px; width:100%; color:#fff;}
.checkAnser.w100{ max-width:initial;}

.contactNoteListWrapper{ margin:2rem 0;}
.contactNoteListWrapper ul li{ list-style-type: disc; list-style-position:outside; margin:0 0 0 1.4em; font-size:0.8rem;}
.privacyText{ font-size:0.8rem; margin:0 0 2rem;}
.agreeWrapper{ padding:1rem; background-color:#eee; margin:2rem 0; color:#000;}
.agreeWrapper p{ margin-bottom:1rem;}
.agreeWrapper a{ text-decoration:underline;}
.agreeWrapper a:hover{ text-decoration:none;}

.sendCompWrapper{margin:0 0 4rem;}
.sendCompWrapper p{ margin:0 0 1rem;}
.sendCompWrapper p.note{ font-size:0.8rem;}
.addressBox{margin-top:10px;}

@media only screen and (max-width : 800px) {
  .contactFormWrapper{ padding:0 1rem;}

  .beforeCheckText{ font-size:0.8rem;}

  .sendCompWrapper{margin:0 0 2rem;}
  .sendCompWrapper p{ font-size:0.8rem;}
}




.servicePageTitle{ padding:0 0 0 120px; position:relative;}
.servicePageTitle.icon01{ background:url(img/icon_service01.svg) 0 0 no-repeat; background-size:88px;}
.servicePageTitle.icon02{ background:url(img/icon_service02.svg) 0 0 no-repeat; background-size:88px;}
.servicePageTitle.icon03{ background:url(img/icon_service03.svg) 0 0 no-repeat; background-size:88px;}

.servicePageTitle > dl > dt > span.en{font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1.4; font-size:2.4rem; color:#A8C420;}
.servicePageTitle > dl > dt > span.jp{ display:block; font-weight:bold; font-size:1.2rem;}
.servicePageTitle > dl > dd{ margin-top:1em;}

.serviceHead{ margin:2rem 0 4rem;}


.serviceContentWrapper{ padding:4rem 0 4rem; position:relative;}
.serviceContentWrapper.mt4rem{ margin-top:4rem;}
.serviceContentWrapper.engTopColumn{ padding:0 0 4rem;}

.serviceContentInner{ max-width:500px; margin:0 auto 4rem; text-align:left; width:100%;}
.serviceContentInner.mb0{ margin:0 auto 0;}
.serviceContentInner.contentRight{ margin-left:50%;}
.serviceContentInner.contentLeft{ margin-right:50%;}
.serviceImageLeft{position: absolute; top:0; right:50%; padding:4rem 4rem 0 0;}
.serviceImageRight{position: absolute; top:0; left:50%; padding:4rem 0 0 4rem;}
.serviceImageLeft img{max-height:300px; width:auto;}
.serviceImageRight img{max-height:300px; width:auto;}

.serviceContentInner > h3{ margin:0 0 1rem;}
.serviceContentInner > h3 > dl > dt{font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1.4; font-size:3.6rem; color:#A8C420;}
.serviceContentInner > h3 > dl > dd{ display:block; font-weight:bold; font-size:1.0rem;}
.serviceContentInner > h3 > dl > dd.missionText{ font-size:1.0rem;}
.serviceContentInner > h3 > span{font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1.4; font-size:3.6rem; color:#A8C420;}
.serviceContentInner > h3.btLine{position: relative; padding-bottom:1rem;}
.serviceContentInner > h3.btLine::before{ content:""; position:absolute; bottom:0 ;left:0; width:100%; height:1px; background:#666;}
.serviceContentInner > h4{ font-weight: bold; font-size:1.8rem; margin:4rem 0 1rem;}
.serviceContentInner > h4.bigText{ margin:2rem 0 1rem;font-size:1.8rem;}

.serviceContentInner.engVersion{ max-width:1000px;}

.textUnderline{font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1; position:relative; font-size:1.4rem; padding-bottom:5px; margin-bottom:2rem;}
.textUnderline::after{ content:""; height:1px; width:100%; background:#202024; position: absolute; bottom:0; left:0;}

.serviceLead{ margin:0 0 4rem; font-size:0.8rem;}
.serviceLead.addPb{ padding-bottom:4rem;}

.serviceWorkList{ margin:2rem 0 2rem;}
.serviceWorkList.mb0{ margin:0 0 0;}
.serviceWorkList > li{ margin:0 0 1rem;}
.serviceWorkList > li > h4{ position:relative; padding:0 0 0 1.4rem; font-weight: bold; font-size:1.0rem; margin-bottom:2px;}
.serviceWorkList > li > h4::before{ content:""; position: absolute; top:50%; left:0; transform: translate(0,-50%); width:0.8rem; height:0.8rem; background:#fff;}
.serviceWorkList > li > p{ font-size:0.8rem;}

.caseWrapper{max-width:1000px; margin:0 auto; text-align:left; width:100%;}
.caseWrapper.mw640{ max-width:564px;}
.caseWrapper .caseTitle{ font-size:1.8rem; line-height:1; padding:1rem 0; color:#fff; background:#A8C420; font-family: oswald, sans-serif;font-weight:500; font-style: normal; text-align: center;}
.caseWrapper > ul{ display:flex; flex-wrap:wrap; gap:10px; margin:2rem 0 0 28px;}
.caseWrapper > ul > li{width:calc(33.33% - 1rem); background:#202024; padding:2rem; border-radius:8px;}
.serviceWorkNum{font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1; position:relative; font-size:1.4rem; display: block; margin-bottom:1rem;}
.caseWrapper > ul > li > h3{ font-size:0.8rem; margin-bottom:1rem; font-weight:bold;}
.caseWrapper > ul > li > p{ font-size:0.8rem;}
.caseWrapper > ul > li > p.mt1em{ margin-top:1em;}
.caseWrapper > ul > li > a{ font-size:0.8rem;}

.caseWrapper > ul.column{ flex-direction: column;}
.caseWrapper > ul.column > li{width:100%;}

.serviceBgGray{ background:#202024;}
.serviceBgActors{ background:#737384;background:#202024;}
.serviceContentCenter{ max-width:1000px; margin:0 auto 4rem; padding:4rem 0; text-align:left; width:100%;}
.serviceContentCenter.mpSet{ margin:0 auto; padding:0 0 4rem;}
.serviceBgActors .serviceContentCenter{ margin:0 auto;}

.serviceBgActors.enVersion{background:#000;}
.serviceBgActors.enVersion .serviceContentCenter{ margin:0 auto; padding:0 0;}

.serviceContentCenter > h3{font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1.4; font-size:6.0rem; color:#A8C420; margin-bottom:2rem;}
.serviceContentCenter > h3 > dl > dt{font-family: oswald, sans-serif;font-weight:500; font-style: normal; line-height:1.4; font-size:6.0rem; color:#A8C420;}
.serviceContentCenter > h3 > dl > dd{ display:block; font-weight:normal; font-size:1.0rem; color:#fff;}
.serviceContentCenter > h4{ margin-bottom:1rem; font-size:1.8rem; font-weight:bold;}
.serviceContentCenter > h4 > dl > dt{ font-size:1.2rem;}
.serviceContentCenter > h4 > dl > dd{ font-weight:bold; font-size:1.8rem;}
.serviceContentCenter > h5{ font-weight: bold; font-size:1.0rem; margin-bottom:1rem;}
.serviceContentCenter > p{ font-size:0.8rem;}

.serviceImageCenter{ margin:2rem 0 0; position:relative;}
.serviceImageCenter::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; transition: all .5s;}
.serviceImageCenter.animeOn::after{transform:scaleY(0);}

.serviceActorsImage{margin:-2rem 0; position:relative;}
.serviceActorsImage::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; transition: all .5s;}
.serviceActorsImage.animeOn::after{transform:scaleY(0);}

.serviceBgActors.enVersion .serviceActorsImage{margin:2rem 0 4rem;}

.serviceActorsList{ display:flex; flex-wrap:wrap; gap:1rem; margin:2rem 0 0; justify-content:center;}
.serviceActorsList > li{width:calc(25% - 1rem); border:1px solid #fff; padding:0; border-radius:8px; text-align:center; height:6rem; position:relative;}
.serviceActorsList > li span{ position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); display:block; width:100%;}

.photoList > li{ margin:1rem 0;}

.servicePhoto{ position:relative;}
.servicePhoto::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; transform: translate(0,0);}
.servicePhoto.animeOn::after{animation:servicePhotoAnime .5s ease-in 0s 1 normal forwards;}
.servicePhoto.moveRight.animeOn::after{animation:servicePhotoRightAnime .5s ease-in 0s 1 normal forwards;}
@keyframes servicePhotoAnime {
  0%{ transform: translate(0,0);}
  100%{ transform: translate(-100%,0);}
}
@keyframes servicePhotoRightAnime {
  0%{ transform: translate(0,0);}
  100%{ transform: translate(100%,0);}
}

@media only screen and (max-width : 800px) {
.servicePageTitle{ padding:0 0 0 80px;}
.servicePageTitle.icon01{ background-size:60px;}
.servicePageTitle.icon02{ background-size:60px;}
.servicePageTitle.icon03{ background-size:60px;}

.servicePageTitle > dl > dt > span.en{font-size:1.4rem;}
.servicePageTitle > dl > dt > span.jp{ font-size:1.0rem;}
.servicePageTitle > dl > dd{ font-size:0.8rem;}
.servicePageTitle > dl > dd br{ display:none;}

.serviceHead{ margin:2rem 0 2rem;}

.serviceContentWrapper{ padding:2rem 0;}
.serviceContentWrapper.mt4rem{ margin-top:0;}
.serviceContentWrapper.engTopColumn{ padding:0 0 0;}

.serviceContentInner{ margin:0 auto 0;}
.serviceContentInner.contentRight{ margin-left:0; padding:0 1rem;}
.serviceContentInner.contentLeft{ margin-right:0; padding:0 1rem;}
.serviceContentInner.engVersion{ padding:0 1rem;}
.serviceImageLeft{position:static; padding:0; padding:0 1rem;}
.serviceImageRight{position:static; padding:0; padding:0 1rem;}
.serviceImageLeft.pb2rem--sp{ padding:0 1rem 2rem;}
.serviceImageRight.pb2rem--sp{ padding:0 1rem 2rem;}
.serviceImageLeft img{max-height:none;}
.serviceImageRight img{max-height:none;}

.serviceContentInner > h3 > dl > dt{font-size:1.8rem;}
.serviceContentInner > h3 > dl > dd{ font-size:0.8rem; margin-top:10px;}
.serviceContentInner > h3 > dl > dd.missionText{ font-size:1.0rem;}
.serviceContentInner > h3 > span{font-size:1.8rem;}
.serviceContentInner > h4{ font-size:1.0rem; margin:2rem 0 1rem;}
.serviceContentInner > h4.bigText{ font-size:1.0rem;}

.textUnderline{ font-size:1.2rem;}

.serviceLead{ margin:0 0 2rem;}
.serviceLead.addPb{ padding-bottom:0;}
.serviceLead br{ display:none;}


.serviceWorkList > li > h4{ padding:0 0 0 1.4rem;}
.serviceWorkList > li > h4::before{ width:0.8rem; height:0.8rem;}

/*.caseWrapper{ padding:0 1rem;}*/
.caseWrapper .caseTitle{ font-size:1.4rem; padding:0.5rem 0; margin:0 1rem;}
.caseWrapper > ul{ margin:1rem 1rem 1rem 1rem;}
.caseWrapper > ul > li{width:calc(50% - 5px); padding:1rem;}
.serviceWorkNum{ font-size:1.2rem;}
.caseWrapper > ul > li > h3{ font-size:0.8rem;}

.serviceBgGray .serviceContentCenter{ padding:4rem 1rem 2rem; margin:0 0 2rem;}
.serviceBgActors .serviceContentCenter{ padding:2rem 1rem 4rem; margin:0 0 2rem;}
.serviceBgActors.enVersion .serviceContentCenter{ margin:0 auto; padding:0 1rem;}
.serviceContentCenter.mpSet{ margin:0 auto; padding:0 1rem 2rem;}
.serviceContentCenter > h3{ font-size:2.4rem;}
.serviceContentCenter > h3 > dl > dt{font-size:2.4rem;}
.serviceContentCenter > h3 > dl > dd{ font-size:0.8rem;}
.serviceBgActors.enVersion .serviceContentCenter > h3{ margin-bottom:1rem;}
.serviceContentCenter > h4{ margin-bottom:1rem; font-size:1.0rem;}
.serviceContentCenter > h4 > dl > dd{ font-size:0.8rem;}
.serviceContentCenter > h4 > dl > dt.highclassEn{ font-size:1.0rem;}
.serviceContentCenter > h4 > dl > dd.highclassJp{ font-size:1.0rem;}
.serviceContentCenter > h5{ font-size:0.8rem;}
.serviceContentCenter > p{ font-size:0.8rem;}
.serviceContentCenter > p br{ display:none;}

.serviceActorsImage{margin:-4rem 0 0;}
.serviceBgActors.enVersion .serviceActorsImage{margin:2rem 0 0;}

.serviceActorsList{ gap:10px;}
.serviceActorsList > li{width:calc(50% - 10px); height:4rem;}
.serviceActorsList > li span{ font-size:0.8rem;}
}




.aboutusWrapper{ background:url(img/aboutus_mainbg__pc.jpg) center top no-repeat; background-size:cover; width:100%; max-width:1680px;height:1400px; margin:2rem auto 0; display:flex; flex-direction: column; justify-content: center;}
.philosophyWrapper{ display:flex; height:50%; width:100%; position:relative;}
.visionWrapper{ display:flex; height:50%; width:100%; position:relative;}

.philosophyInner{ position: absolute; top:60%; left:50%; transform: translate(-50%,0);}
.philosophyInner dl{ margin-bottom:2rem;}
.philosophyInner dl dt{font-family: oswald, sans-serif;font-weight: 500;font-style: normal;color: #A8C420;font-size: 1.8rem;}
.philosophyInner h2{ font-size:2.0rem; font-weight: bold; letter-spacing:0.1em;}

.visionInner{ position: absolute; top:25%; left:50%; transform: translate(-50%,0);}
.visionInner dl{ margin-bottom:2rem;}
.visionInner dl dt{font-family: oswald, sans-serif;font-weight: 500;font-style: normal;color: #A8C420;font-size: 1.8rem;}
.visionLead{ max-width:640px; margin: 0 auto; font-size:1.3rem; line-height:2.0;}


.actionWrapper{ padding-bottom:300px; background:url(img/text_resist_bg__pc.svg) center bottom no-repeat; background-size:auto 260px;}
.actionInner dl{ margin-bottom:2rem;}
.actionInner dl dt{font-family: oswald, sans-serif;font-weight: 500;font-style: normal;color: #A8C420;font-size: 1.8rem;}

#actionFigure{ margin:2rem auto 0;}
#actionFigure svg{ width:860px; height:auto;}
.af-st0{fill:#FFFFFF;}
.af-st1{fill:#999999;}
.af-st2{fill:#666666;}
.af-st3{fill:#333333;}
.af-st1{fill:#FFFFFF;}
.af-st2{fill:#999999;}
.af-st3{fill:#999999;}

.af-st4{fill:#D5C3E6;}
.af-st5{fill:#B0E2E5;}
.af-st6{fill:#EACAE4;}
.af-st7{fill:#E2C37E;}
.af-st8{fill:#D1E56F;}

#actionLogo{ opacity:1; transform-origin: center center;}
#actionP1,#actionP2,#actionP3,#actionP4,#actionP5{ opacity:0.2; filter:grayscale(100%);}
#actionFigure.animeOn #actionP1{animation:actionPointAnime .5s ease-in 0s 1 normal forwards;}
#actionFigure.animeOn #actionP2{animation:actionPointAnime .5s ease-in .5s 1 normal forwards;}
#actionFigure.animeOn #actionP3{animation:actionPointAnime .5s ease-in 1.0s 1 normal forwards;}
#actionFigure.animeOn #actionP4{animation:actionPointAnime .5s ease-in 1.5s 1 normal forwards;}
#actionFigure.animeOn #actionP5{animation:actionPointAnime .5s ease-in 2.0s 1 normal forwards;}
@keyframes actionPointAnime {
  0%{ opacity:0.2; filter:grayscale(100%);}
  100%{ opacity:1; filter:grayscale(0%);}
}

#actionFigure.animeOn #actionLogo{animation:actionLogoAnime .5s ease-in 3s 1 normal forwards;}
@keyframes actionLogoAnime {
  70%{ transform:scale(1);}
  80%{ transform:scale(1.4);}
  100%{ transform:scale(1);}
}

#actionC1,#actionC2,#actionC3,#actionC4,#actionC5{ opacity:0.5;}
#actionFigure.animeOn #actionC1{animation:actionCircleAnime1 .5s linear 2.5s 1 normal forwards;}
#actionFigure.animeOn #actionC2{animation:actionCircleAnime1 .5s linear 2.5s 1 normal forwards;}
#actionFigure.animeOn #actionC3{animation:actionCircleAnime1 .5s linear 2.5s 1 normal forwards;}
#actionFigure.animeOn #actionC4{animation:actionCircleAnime1 .5s linear 2.5s 1 normal forwards;}
#actionFigure.animeOn #actionC5{animation:actionCircleAnime1 .5s linear 2.5s 1 normal forwards;}
@keyframes actionCircleAnime1 {
  0%{ opacity:0.5;}
  100%{ opacity:1;}
}

.accessFlex{ display:flex; justify-content: space-between; align-items: flex-end;}
.accessFlex div dl dt{font-family: oswald, sans-serif;font-weight: 500;font-style: normal;font-size: 1.4rem;}
.accessFlex div dl dd{ font-size:0.8rem;}

.greetingWrapper{ background:#202024; padding:0 0;}
.greetingFlex{ max-width:1000px; margin:0 auto; display:flex; justify-content: space-between; gap:4rem; align-items:center;}
.greetingTextWrapper{ text-align: left; flex-basis: 50%;}
.greetingTextWrapper h3 dl{ margin-bottom:2rem;}
.greetingTextWrapper h3 dl dt{font-family: oswald, sans-serif;font-weight: 500;font-style: normal;color: #A8C420;font-size: 1.8rem;}
.greetingTextWrapper p{ font-size:0.8rem;}
.greetingImgWrapper{ position: relative; flex-basis: 50%;}


.companyWrapper{ max-width:860px; margin:4rem auto; text-align: left;}
.companyWrapper h3 dl{ margin-bottom:2rem;}
.companyWrapper h3 dl dt{font-family: oswald, sans-serif;font-weight: 500;font-style: normal;color: #A8C420;font-size: 1.8rem;}
.companyWrapper h3 span{font-family: oswald, sans-serif;font-weight: 500;font-style: normal;color: #A8C420;font-size: 1.8rem; display:block; margin-bottom:2rem;}
.companyWrapper.engVersion{max-width:1000px;}

.companySummary{ max-width:720px; margin:4rem auto; text-align: left;}
.companySummary > h2{font-family: oswald, sans-serif; font-weight:400; font-style: normal; line-height:1; font-size:1.8rem;}
.companySummaryFlex{ display: flex; justify-content: space-between; gap:4rem; align-items: flex-start;}
.companyInfoList{ margin-top:2rem;}
.companyInfoList > li{ border-bottom: 1px solid #202024; padding-bottom:1em; margin-bottom:1em;}
.companyInfoList > li:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}

.mapBtn{ display:inline-block; max-width:320px; width:100%; margin:0 auto; padding:1rem 4rem 1rem; border:1px solid #fff;font-family: oswald, sans-serif; font-weight:400; font-style: normal; line-height:1; font-size:1.4rem; border-radius:100px;}
.mapBtn:hover{ background:#fff; color:#000;}


.companyTable{ width:100%; margin:2rem auto 4rem; text-align: left; border-top:1px solid #202024; font-size:0.8rem;}
.companyTable th{ font-weight:normal; padding:0.5rem 1rem; border-bottom:1px solid #202024;}
.companyTable td{ padding:0.5rem 1rem; border-bottom:1px solid #202024;}
.companyTable td > ol > li{ padding-left:1.4em; position:relative;}
.companyTable td > ol > li:nth-child(1)::before{ content:"①"; position:absolute; top:0; left:0;}
.companyTable td > ol > li:nth-child(2)::before{ content:"②"; position:absolute; top:0; left:0;}
.companyTable td > ol > li:nth-child(3)::before{ content:"③"; position:absolute; top:0; left:0;}

.gMapWrapper{ max-width:642px; margin:2rem auto;}
.gMapWrapper iframe{ width:100%; height:450px;}

@media only screen and (max-width : 1000px) {

  .companySummary{ padding:0 1rem;}
  .companySummaryFlex{ flex-direction:column; gap:2rem;}

  .mapBtn{font-size:1.0rem;}
  .companyInfoList{ font-size:0.8rem;}


  .aboutusWrapper{ background-size:1000px; height:auto;}
  .philosophyInner{ position: static;transform: translate(0,0); margin:0 auto; padding:240px 0 120px;}
  .philosophyInner dl{ margin-bottom:1rem;}
  .philosophyInner dl dt{font-size: 1.4rem;}
  .philosophyInner dl dd{font-size: 0.8rem;}
  .philosophyInner h2{ font-size:1.0rem;}

  .visionInner{ position: static; transform: translate(0,0); margin:0 auto; padding:0 0 80px;}
  .visionInner dl{ margin-bottom:1rem;}
  .visionInner dl dt{font-size: 1.4rem;}
  .visionInner dl dd{font-size: 0.8rem;}
  .visionLead{ font-size:0.8rem; padding:0 1rem;}

  .actionWrapper{ padding:60px 10px 240px; background:url(img/text_resist_bg__sp.svg) center bottom no-repeat; background-size:100% auto;}
  .actionInner dl{ margin-bottom:1rem;}
  .actionInner dl dt{font-size: 1.4rem;}
  .actionInner dl dd{font-size: 0.8rem;}
  
  #actionFigure{ margin:2rem auto 0;}
  #actionFigure svg{ width:640px;}

  .greetingFlex{ flex-direction: column; gap:2rem; padding:0 1rem; max-width:640px;}
  .companyWrapper{ max-width:640px; margin:4rem auto; padding:0 1rem;}
  .companyWrapper.engVersion{ margin:0 auto 4rem;}

  .greetingTextWrapper{ padding-bottom:1rem;}
  .greetingTextWrapper h3 dl{ margin-bottom:1rem;}
  .greetingTextWrapper h3 dl dt{font-size: 1.4rem;}
  .greetingTextWrapper h3 dl dd{font-size: 0.8rem;}
  /*.greetingTextWrapper p{ font-size:0.8rem;}*/

  .companyWrapper h3 dl{ margin-bottom:1rem;}
  .companyWrapper h3 dl dt{font-size: 1.4rem;}
  .companyWrapper h3 span{font-size: 1.4rem;}
  .companyWrapper h3 dl dd{font-size: 0.8rem;}
  .companyTable{font-size:0.8rem;}
  .companyTable th{ padding:0.5rem 0.5rem; width:7rem;}
  .companyTable td{ padding:0.5rem 0.5rem;}

  .accessFlex{ flex-direction: column; gap:1rem; align-items: flex-start;}
  .accessFlex div dl dt{font-size: 1.2rem;}
  .accessFlex div dl dd{font-size: 0.8rem;}
}

@media only screen and (max-width : 500px) {
  .aboutusWrapper{ background-size:500px;}
  .philosophyInner{ padding:120px 0 60px;}
  .visionInner{ padding:0;}

  .actionWrapper{ padding:60px 10px 120px;}
}




.privacyPolicyWrapper{ max-width:1000px; width:100%; margin:2rem auto 0; text-align: left;}
.signBox{ text-align: right;}
.privacyPolicyBox{ margin:4rem 0 0;}
.privacyPolicyBox > h3{ font-size:1.3rem; margin-bottom:1rem;}
.privacyPolicyBox > ol > li{ list-style-position: outside; margin:2em 0 2em 1.5em; list-style-type: decimal;}
.privacyPolicyBox > ol > li > ol{ margin:1em 0 1em 0;}
.privacyPolicyBox > ol > li > ol > li > ul{ margin:1em 0 1em 2em;}
.privacyPolicyBox > ol > li > ol > li > ul > li{list-style-position: outside; margin:1em 0 1em 1em; list-style-type:disc;}
.privacyPolicyBox > ol > li > ol > li > ol{ margin:1em 0 1em 2em;}
.privacyPolicyBox > ol > li > ol > li > ol > li{ margin:1em 0 1em 0;}
.privacyPolicyBox > ol > li > div{margin:1em 0 1em 0;}

.footerSign{ margin-top:4rem; font-size:0.8rem;}
.footerSign > div{margin:1em 0 1em 0;}

@media only screen and (max-width : 1000px) {
  .privacyPolicyWrapper{ padding:0 1rem; font-size:0.8rem;}
  .privacyPolicyBox{ margin:2rem 0 0;}
  .privacyPolicyBox > h3{ font-size:1.0rem;}
  .footerSign{ margin-top:2rem;}
}




.recruitHead{ background:url(img/text_wanted_bg.svg) center bottom no-repeat; background-size: auto 100%; padding:4rem 0; margin-top:-1rem; position:relative; z-index:-1;}
.recruitHeadInner{ text-align:left; max-width:1000px; margin:0 auto; padding:0 2rem;}
.recruitHeadInner dl dt{font-family: oswald, sans-serif; font-weight: 500; font-style: normal; color: #A8C420; font-size: 1.8rem;}
.recruitHeadInner dl dd{ margin-top:1rem; font-size:1rem;}

.recruitContentWrapper {padding: 4rem 0 4rem; position: relative;}
.recruitTableWrapper {text-align:left; max-width:1000px; margin:0 auto; padding:0 2rem;}
.recruitTableWrapper > h2{ display:inline-block; background:#A8C420; line-height:1; padding:1rem 4rem; color:#fff; font-weight:bold; margin:0 0 calc(1rem + 5px); position:relative;}
.recruitTableWrapper > h2::after{ content:""; position:absolute; bottom:-1rem; left:0; width: 0; height: 0; border-style: solid; border-color:#A8C420 transparent transparent transparent; border-width:1rem 1rem 0px 0px;}
.recruitTableWrapper > table.jobTable{ background:#202024; border-top:1px solid #000; border-left:1px solid #000; width:100%; font-size:0.8rem; margin:0 0 2rem;}
.recruitTableWrapper > table.jobTable > tbody > tr > th{ padding:1rem 1rem; border-bottom:1px solid #000; border-right:1px solid #000; width:20%; font-weight: normal;}
.recruitTableWrapper > table.jobTable > tbody > tr > td{ padding:1rem 1rem; border-bottom:1px solid #000; border-right:1px solid #000;}
.recruitTableWrapper > table.jobTable > tbody > tr > td table th{ font-weight:normal; padding:0 0.5em 0 0;}
.recruitTableWrapper > table.jobTable > tbody > tr > td table td::before{ content:"："; padding-right:0.5em;}

.applyBtn{ display:inline-block; padding:1rem 0; line-height:1; max-width:380px; width:100%; margin:0 auto; background:#A8C420; color:#fff; font-weight:bold;}
.applyBtn:hover{ background:#8b9b38; color:#fff;}


#crosstalk{ padding-top:1rem;margin-top:-1rem;}

.crossTalkHeader{ height:300px; position:relative; background:url(img/crosstalk_header.jpg) center center no-repeat; background-size:auto 100%;}
.crossTalkHeader > span{ position:absolute; top:60%; left:50%; transform:translate(-50%,-50%);font-family: oswald, sans-serif; font-weight: 500; font-style: normal; color: #A8C420; font-size:2.4rem;}
.crossTalkFooter{ height:300px; position:relative; background:url(img/crosstalk_footer.jpg) center center no-repeat; background-size:auto 100%; margin:0 0 4rem;}
.crossTalkFooter > span{ position:absolute; top:60%; left:50%; transform:translate(-50%,-50%);font-family: oswald, sans-serif; font-weight: 500; font-style: normal; color: #A8C420; font-size: 1.8rem; line-height:1.2;}

.crossTalkMembers{text-align:left; max-width:1000px; margin:4rem auto 4rem; padding:0 2rem;}
.crossTalkMembers > p{ font-size:0.8rem;}

.cMemberList{ max-width:640px; margin:4rem auto;}
.cMemberList{ display:flex; justify-content: space-between; align-items: stretch; gap:4rem;}
.cMemberList > li{ font-size:0.8rem; text-align: center;}
.cMemberList > li dl{ margin-top:0.5em;}
.cMemberList > li dl dt{font-weight: normal;}
.cMemberList > li dl dd{font-family: oswald, sans-serif; font-weight: 400; font-style: normal; line-height:1.4; font-size: 0.8rem; color:#A8C420; margin-top:0.5em;}

.crossTalkBox{ margin:4rem auto 4rem;}
.crossTalkBoxInner{max-width:1000px; margin:0 auto; padding:0 2rem; position:relative;}

.talkBox{ background:#202024; text-align:left; padding:2rem 4rem;}
.talkBox.ml{ margin-left:12rem;}
.talkBox.mr{ margin-right:12rem;}
.talkBox.mc{ margin-left:6rem; margin-right:6rem;}

.talkImage1{ position: absolute; top:2rem; left:calc(16rem - 320px );}
.talkImage1 img{ height:auto; width:320px;}
.talkImage2{ position: absolute; top:2rem; right:calc(16rem - 320px );}
.talkImage2 img{ height:auto; width:320px;}
.talkImage4{ position: absolute; top:2rem; right:calc(16rem - 320px );}
.talkImage4 img{ height:auto; width:320px;}

.talkBox h2{ position:relative; padding:0 0 0 2.8rem; font-size:1.2rem;}
.talkBox h2 span{ font-family: oswald, sans-serif; font-weight: 400; font-style: normal; line-height: 1; font-size: 1.6rem; color:#A8C420; position: absolute; top:0; left:0;}

.talkBox > div{ font-size:0.8rem; padding:0 0 2rem; margin:2rem 4rem; border-bottom: 1px solid #333; position:relative;}
.talkBox > div.noBorder{border-bottom:none;padding:0 0 0; margin:2rem 4rem 0;}
.talkBox > div.mc1-left::before{ content:""; position: absolute; top:0;left:-4rem; width:4rem; height:4rem; background:url(img/c_member_icon1.png) 0 0 no-repeat; background-size: contain;}
.talkBox > div.mc1-right::before{ content:""; position: absolute; top:0;right:-4rem; width:4rem; height:4rem; background:url(img/c_member_icon1.png) right 0 no-repeat; background-size: contain;}
.talkBox > div.mc2-left::before{ content:""; position: absolute; top:0;left:-4rem; width:4rem; height:4rem; background:url(img/c_member_icon2.png) 0 0 no-repeat; background-size: contain;}
.talkBox > div.mc2-right::before{ content:""; position: absolute; top:0;right:-4rem; width:4rem; height:4rem; background:url(img/c_member_icon2.png) right 0 no-repeat; background-size: contain;}
.talkBox > div.mc3-left::before{ content:""; position: absolute; top:0;left:-4rem; width:4rem; height:4rem; background:url(img/c_member_icon3.png) 0 0 no-repeat; background-size: contain;}
.talkBox > div.mc3-right::before{ content:""; position: absolute; top:0;right:-4rem; width:4rem; height:4rem; background:url(img/c_member_icon3.png) right 0 no-repeat; background-size: contain;}

.recruitPhoto{ position:relative;}
.recruitPhoto::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; transform: translate(0,0);}
.recruitPhoto.animeOn::after{animation:recruitPhotoLeftAnime .5s ease-in 0s 1 normal forwards;}
.recruitPhoto.moveRight.animeOn::after{animation:recruitPhotoRightAnime .5s ease-in 0s 1 normal forwards;}
@keyframes recruitPhotoLeftAnime {
  0%{ transform: translate(0,0);}
  100%{ transform: translate(-100%,0);}
}
@keyframes recruitPhotoRightAnime {
  0%{ transform: translate(0,0);}
  100%{ transform: translate(100%,0);}
}

@media only screen and (max-width : 1000px) {
  .recruitHead{ background-size: contain; padding:2rem 0; margin-top:0;}
  .recruitHeadInner{ padding:0 1rem;}
  .recruitHeadInner dl dt{font-size: 1.4rem;}
  .recruitHeadInner dl dd{ font-size:0.8rem;}

  .recruitContentWrapper {padding:2rem 0 2rem;}
  .recruitTableWrapper { padding:0 1rem;}
  .recruitTableWrapper > h2{ padding:1rem 2rem; font-size:0.8rem;}
  .recruitTableWrapper > table.jobTable > tbody > tr > th{ padding:0.5rem; width:25%;}
  .recruitTableWrapper > table.jobTable > tbody > tr > td{ padding:0.5rem;}
  .recruitTableWrapper > table.jobTable > tbody > tr > td table th{ display:block; padding:0; font-weight: bold;}
  .recruitTableWrapper > table.jobTable > tbody > tr > td table td{display:block; padding:0 0 1em; color: #ccc;}
  .recruitTableWrapper > table.jobTable > tbody > tr > td table td::before{ content:none; padding-right:0;}
  
  .applyBtn{ font-size:0.8rem;}

  .crossTalkHeader{ height:140px; background-size:cover;}
  .crossTalkHeader > span{ font-size:1.4rem;}
  .crossTalkFooter{ height:140px; background-size:cover; margin:0 0 2rem;}
  .crossTalkFooter > span{ font-size: 1.0rem;}

  .crossTalkMembers{margin:2rem auto 2rem; padding:0 1rem;}
  
  .cMemberList{ margin:2rem auto;}
  .cMemberList{ gap:10px;}
  .cMemberList > li dl dt span{ display:block;}

  .crossTalkBox{ margin:2rem auto 2rem;}
  .crossTalkBoxInner{padding:0 0;}
  
  .talkBox{ padding:2rem 1rem;}
  .talkBox.ml{ margin-left:0;}
  .talkBox.mr{ margin-right:0;}
  .talkBox.mc{ margin-left:0; margin-right:0;}
  
  .talkImage1{ position:static; margin-top:1rem;}
  .talkImage1 img{ height:auto; width:240px;}
  .talkImage2{ position:static; margin-top:1rem;}
  .talkImage2 img{ height:auto; width:240px;}
  .talkImage4{ position:static; margin-top:1rem;}
  .talkImage4 img{ height:auto; width:240px;}
  
  .talkBox h2{ padding:0 0 0 2.2rem; font-size:1.0rem;}
  .talkBox h2 span{ font-size: 1.2rem;}

  .talkBox > div{ padding:2rem 0 2rem; margin:2rem 10px;}
  .talkBox > div.noBorder{padding:2rem 0 0; margin:2rem 10px 0; padding-bottom:0!important;}

  .talkBox > div.mc1-left{padding:0 0 2rem 4rem;}
  .talkBox > div.mc1-left::before{ top:0;left:0;}
  .talkBox > div.mc1-right{padding:0 4rem 2rem 0;}
  .talkBox > div.mc1-right::before{ top:0;right:0;}

  .talkBox > div.mc2-left{padding:0 0 2rem 4rem;}
  .talkBox > div.mc2-left::before{ top:0;left:0;}
  .talkBox > div.mc2-right{padding:0 4rem 2rem 0;}
  .talkBox > div.mc2-right::before{ top:0;right:0;}

  .talkBox > div.mc3-left{padding:0 0 2rem 4rem;}
  .talkBox > div.mc3-left::before{ top:0;left:0;}
  .talkBox > div.mc3-right{padding:0 4rem 2rem 0;}
  .talkBox > div.mc3-right::before{ top:0;right:0;}
}



.imgListWrapper{}
.service1imgList{display:flex;justify-content: space-between; align-items: stretch;}
.service1imgList > li{}
.service1imgList li img{}

@media only screen and (max-width : 1250px) {
  .service1imgList > li{width:33.33%;}
  .service1imgList li img{height:auto;}
}