@charset "utf-8";
/*
Theme Name:BEYOND-Child
Template:beyond_tcd094
*/
/* BEYOND-child theme */
h3.module{color:#fff;font-size:135%;font-weight:bold;text-align:center;position:relative;padding:0.6em;background-color:#6eba33;}
h3.module::before{content: '';position:absolute;display:block;width:0;height: 0;left: 0;right: 0;bottom: -15px;margin: 0 auto;border-top:15px solid #6eba33;border-right: 15px solid transparent;border-left: 15px solid transparent;}
h4.grn_line{padding:0.4rem 0em;margin-bottom:1rem;background-image:linear-gradient(90deg, #6eba33 0 55px, transparent 50px 60px, #333 0 60px);background-repeat: no-repeat;background-size: 100% 2px;background-position:bottom;color:#333;font-weight:bold;font-size:120%;}
h4.grn_line:first-letter{color:#6eba33;font-size:130%;}@media(max-width:768px){h4.grn_line{font-size:140%!important;}}
.arrow {position: relative;width: 80px;text-align:right;}
.line_a {height: 1px;background-color: #999;transition-duration:0.4s;}
.line_b {position:absolute;top: 0;right: 0;transform-origin:right bottom;width: 20px;height: 1px;background-color: #999;transform: rotate(45deg);transition-duration: 0.4s;}
div.module_img{position: relative;margin: 0 auto;text-align: center;transition-duration: 0.5s;overflow:hidden;}
div.module_img img{filter: grayscale(70%) brightness(85%);width:100%;max-width:800px;transition-duration:0.5s;transform: scale(1.05);}
div.module_img p{position: absolute;background-color:rgba(0,0,0,0.6);padding:0.2em 1em 0.2em 1em;font-size:125%;color:#fff;text-align: center;top: 50%;left: 50%;transform: translate(-50%, -50%);transition-duration: 0.4s;}@media(max-width:768px){div.module_img p{font-size:150%;}}
div.module_white{background-color:#fff;font-size:85%;min-height:12em;padding:2em;margin-top:-0.5em;}
div.module_3_card{cursor:pointer;transition-duration:0.4s;box-shadow:4px 4px 0px rgba(110,186,51,0.3)}
div.module_3_card:hover{transform: translateY(-4px);box-shadow:8px 8px 0px rgba(110,186,51,0.3);animation-timing-function: ease-in;cursor:pointer;}
div.module_3_card:hover div.module_img p{background-color:rgba(110,186,51,.8);font-size:130%;color:#fff;animation-timing-function: ease-in;}
@media(max-width:768px){div.module_3_card:hover div.module_img p{font-size:160%;}}
div.module_3_card:hover div.module_img img{filter:none;animation-timing-function: ease-in;transform: scale(1);}
div.module_3_card:hover div.line_a, div.line_b{background-color: #6eba33;}
.flex_cooperation{display:flex;width:80%;justify-content: center;margin:auto;align-items: center;}
.erp_kakomi{flex:2;color:#6eba33;border:solid 1px #6eba33;text-align:center;padding:1em;}
.kaikei_kakomi{flex:2;color:#4060A9;border:solid 1px #4060A9;text-align:center;padding:1em;}
.kakeru{color:#999;font-size:200%;flex:1;text-align:center;}
.uc_kakomi{flex:2;color:#F5BA18;border:solid 1px #F5BA18;text-align:center;padding:1em;}
.headerCTA{display:block;text-align:center;margin: auto;padding: 1rem 1rem;font-weight: bold;border: 2px solid #6eba33;color: #6eba33;border-radius: 100vh;transition:0.3s ease;cursor:pointer;background-color: #fff;margin-top: 1em;margin-bottom: 2.5em;box-shadow: 0px 3px 3px rgb(0 0 0 / 10%), 0px 5px 5px rgb(0 0 0 / 5%);position: relative;}
.headerCTA a{color:#6eba33!important;}
.headerCTA:hover{color: #fff!important;background: #6eba33;box-shadow: none;transform: scale(0.98);transition: 0.3s ease;}
.headerCTA:hover span.text::after{border-left-color:#fff;transform:translateY(-10%) rotate(90deg);transition: 0.2s ease;margin-left:-0.05em;}
.headerCTA span.text::after{content: '';position: absolute;top: 50%;margin-left: 8px;width: 0;height: 0;border:5px solid transparent;border-left-color: #6eba33;border-width: 5px 8px;transform: translateY(-70%);transition:0.2s ease;}
.headerCTA span.img{position: absolute;top: 50%;right: 8px;transform: translateY(-50%);-webkit-transform: translateY(-50%);filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1)) drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.05));}
@media(max-width:788px){.headerCTA span.img{display:none;}}
.headerCTA:hover a{color:#fff;}

.caseCtaTitle{text-align:center;font-weight:bold;font-size:1.3em;line-height:1.4;color:#666;}
span.caseNote{color:#6eba33;border:0.5px solid #6eba33;padding:0.2em 0.5em;font-size:0.8em;}
.caseNumbering{font-size:1.25em;vertical-align:-0.05em;color:#6eba33;}
.caseCompanies{color:#fff;background:#6eba33;padding:0.6em 0.5em 0.6em 0.2em;writing-mode:vertical-rl;}
p.caseCompaniesName{line-height:1.5;}
p.caseCompaniesName span{font-size:0.75em;margin-left:0.1em;}
.caseCardFlex{display:flex;justify-content:center;align-items:center;gap:0.5em;margin-bottom:2.6em;margin-top:1.5em;}