@charset "utf-8";
/*
Theme Name:BEYOND-Child
Template:beyond_tcd094
*/
/* BEYOND-child theme */
.common_catch{font-size:24pt;}
h2.archive_h2{color:#6eba33;font-size:130%;text-align:center;margin-top:2em;line-height:1.5;}
.titleNote{width:1000px;color:#333;margin:2em auto;}@media(max-width:1024px){.titleNote{width:90%}}
.case_category_button_wrap{max-width:1000px;width: 90%;margin-right:auto;margin-left:auto;}
ol.case_category_button{display: flex;margin:0.5em 0em 0.5em 0em;flex-wrap: wrap;}
li.case_category_archive{color:#6eba33;border:1px solid #6eba33;border-radius:0.2rem;margin:0.5em;padding:0.35em 0.3em 0.35em 0.3em;}@media(max-width:540px){li.case_category_archive{font-size:85%;}}
li.case_category_archive a{color:#6eba33;}
li.case_category_archive:hover{opacity: 0.75;}
ul#categoryMenu {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1000px;width: 100%;margin: auto;line-height: 1.4;margin-bottom: 4em;padding: 0;box-sizing: border-box;}
@media(max-width:768px){ul#categoryMenu{display:block;width:90%;}}
ul#categoryMenu li { flex: 0 0 25%;margin: 0;position: relative;list-style: none;box-sizing: border-box;}
ul#categoryMenu:after {content: "";display: block;clear: both;}
ul#categoryMenu li span::after {content: " ▼";font-size: 0.6em;color: #6eba33;margin-left: 5px;display: inline-block;transition: transform 0.3s ease, color 0.3s ease;vertical-align: 0.4em;}
ul#categoryMenu li span:hover::after {color: #fff;transform: rotate(180deg);}
ul#categoryMenu li span {color: #6eba33;text-decoration: none;text-align: center;padding: 0.8em 0;display:block;border-bottom: 3px solid #6eba33;background-color: #f2f2f2;z-index: 300;position: relative;}
ul#categoryMenu li span:hover {transition:0.5s ease;background-color: #6eba33;border-bottom: 2.5px solid #6eba33;color: #fff;cursor: pointer;}
ul#categoryMenu li ul.sub {opacity:0.9;transition:0.3s ease;position: absolute;top: 100%;left: 0;background: #000;border-radius: 0 0 6px 6px;box-shadow: 0 1px 3px rgba(0,0,0,0.15);display: none;z-index: 999;min-width: 100%;}
ul#categoryMenu li:hover ul.sub {min-width: 100%;display: block;}
ul#categoryMenu li ul.sub li {float: none;width:100%;}
ul#categoryMenu li ul.sub li a {font-size:0.9em;color: #fff;text-align: left;padding: 0.9em 1.2em;font-weight: normal;background-color: #000;border: none;border-radius: 0;display: block;}
ul#categoryMenu li ul.sub li a:hover {background-color: #6eba33;}
ul#categoryMenu li:hover > span {background-color: #6eba33;color: #fff;}
ul#categoryMenu li:hover > span:after {color: #fff;transform: rotate(180deg);}
.resolution_category_button_wrap{width:1000px;margin-right:auto;margin-left:auto;margin-bottom:2em;}@media(max-width:1100px){.resolution_category_button_wrap{width:90%;}}
ol.resolution_category_button{display: flex;margin:0.5em 0em 0.5em 0em;flex-wrap: wrap;}
a.resolution_category_archive{font-size:85%;color:#6eba33;border:1px solid #6eba33;border-radius:0.2rem;margin:0.5em;padding:0.35em 0.3em 0.35em 0.3em;line-height:1.5;}
a.resolution_category_archive:hover{opacity: 0.75;cursor:pointer;}
ol.resolution_category_button li{margin-top:1em;}
.pullDownContainer{display:flex;justify-content:center;margin-bottom:2em;}
.pullDownContainerInner{width:1024px;}
@media(max-width:1024px){.pullDownContainerInner{width:90%;}}
.selectPull{display: inline-flex;align-items: center;position: relative;font-size:0.85em;}
.selectPull::after {position: absolute;right: 15px;width: 10px;height: 7px;background-color:#6eba33;clip-path: polygon(0 0, 100% 0, 50% 100%);content: '';pointer-events: none;}
.selectPull select {appearance: none;height:2.2em;padding: .3em calc(1em + 20px) .3em .8em;border: 1px solid #333;border-radius: 25px;background-color: #fff;color: #333;font-size: 1em;cursor: pointer;}
.caseResolutionFlex {display: flex;margin: 4em auto 0.5em;width: 1050px;justify-content: center;}
@media (max-width: 1280px) {.caseResolutionFlex {display: block;width: 90%;text-align: center;}}
.caseResolutionFlex img {display: block;margin: auto;max-width: 100%;height: auto;transition:0.3s ease;}
.caseResolutionFlex img:hover {opacity:0.7;}
.caseNote{font-size:0.75em;border:0.5px solid #6eba33;color:#6eba33;padding:0.25em;}
.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;}