/* **************************************************

Name: group.css

Description: group list
Create: 2025.07.09

Copyright 2024 Hitachi, Ltd. 

***************************************************** */

/* from common.css
---------------------------------------------------------------------- */
legend{
display: none;
}

.TextStyle2 {
font-size: 83%;
}

.RightAdjust {
text-align: right;
}

.CenterAdjust {
margin-left: auto;
margin-right: auto;
text-align: center;
}

/* -------- midashi -------- */
.js_category_container h2{
margin-bottom:8px;
}

/* -------- PageTop  -------- */
.backtotop--page-top{
float: none !important;
margin-bottom:49px;
}

/* -------- Links  -------- */
.HorizontalInnerLinks{
margin-bottom:24px;
}

.HorizontalInnerLinks li {
float: left;
margin: 0 15px 0 0;
}

.HorizontalInnerLinks li a{
font-size: 1rem;
}

.HorizontalInnerLinks li a::after{
content: "\e90a"; /*\e900*/
display: inline-block;
font-family: icomoon;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin-left: 0.1rem;
width: 1rem;
line-height: 1;
transform: rotate(180deg);
vertical-align:middle;
}

.LinkListStyle1{
margin-bottom:24px;
}

.LinkListStyle1 li{
margin-bottom:8px;
line-height:1.5rem;
}




/* -------- updata -------- */
.updata{
margin-bottom:8px;
}

/* group list
---------------------------------------------------------------------- */
.grouplist {
margin-bottom: 24px;
border-bottom: solid #dadada 1px;
}
.grouplist .Section {
padding-top: 8px;
border-top: solid var(--color-supportive-grey-2) 1px;
}
.grouplist .Section h3{
float: left;
width: 80px;
text-align: right;
margin-bottom: 5px;
font-size:1rem;
}
.grouplist .Section ul.LinkListStyle1{
float: right;
width: 800px;
margin-bottom: 5px;
padding-top:5px;
}
.grouplist .Section ul.LinkListStyle1 li{
margin-bottom:0.25rem;
}

.grouplist .failed p{
margin-bottom:8px;
}

/* -------- refine search  -------- */
div.refine {
margin-bottom: 56px;
padding: 5px 15px;
background:var(--color-supportive-grey-1);
color:var(--color-supportive-grey-5);
}
div.refine dt {
margin-bottom:5px;
text-align:left;
}
div.refine dt {
width: 30%;
font-size: 90%;
line-height: 160%;
}

div.refine p{
margin-bottom:0;
}

/* --- form --- */
div.refine input:-webkit-autofill {
-webkit-text-fill-color:var(--color-supportive-grey-5);
}

div.refine input{

}

div.refine .Search {
border: 0 none;
height: 26px;
margin: 0 0 0 15px;
padding: 4px;
vertical-align: top;
width: 68%;
line-height: 160%;
}
div.refine .Btn {
height: 26px;
margin: 0 0 7px;
padding: 0 10px;
background-color: var(--color-supportive-grey-2);
border: 0 none;
color:var(--color-supportive-grey-5);
font-size: 90%;
cursor: pointer;
-moz-appearance: none;
}

/* -------- ClearFix -------- */
.ClearFix::after {
content: "";
display: block;
clear: both;
}

/* from aem commonSettings
---------------------------------------------------------------------- */

.grouplist .Section ul.LinkListStyle1 a,
.HorizontalInnerLinks li a{
color: var(--primary-color);
}
.grouplist .Section ul.LinkListStyle1 a:hover,
.HorizontalInnerLinks li a:hover{
color: #0c0c0c;
text-decoration: underline;
}

.grouplist .Section ul.LinkListStyle1 a:after,
.grouplist .Section ul.LinkListStyle1 a[target="_blank"]:after{
display: inline-block;
font-family: icomoon;
font-size: .875rem;
font-style: normal;
font-variant: normal;
font-weight: var(--font-weight-normal);
line-height: 1;
margin-left: 1rem;
text-transform: none;
vertical-align: middle;
}

.grouplist .Section ul.LinkListStyle1 a:after{
content: "\e900";
}

.grouplist .Section ul.LinkListStyle1 a[target="_blank"]:after{
content: "\e902";
}

.PageTop a:after{
content: "\e90a";
font-family: icomoon !important;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 1;
text-transform: none;
}

/* ==========================================
@media
========================================== */
/* for 995px over
========================================== */
@media screen and (min-width: 995px) {

/* Corporate : group
---------------------------------------------------------------------- */
.grouplist .Section ul.LinkListStyle1{
 width:calc(100% - 10em);
}

}

/* for 995px -
========================================== */
@media screen and (max-width: 994px) {

/* Corporate : group
---------------------------------------------------------------------- */
.grouplist .Section h3 {
	text-align: left;
	float: none;
	width: auto;
}
.grouplist .Section ul.LinkListStyle1 {
	float: none;
	width: auto;
}

div.refine dd .Search {
	width: 100%;
	margin-bottom:5px;
}
div.refine dt {
	width: auto;
}
div.refine dd span{
	display:block;
	text-align:center;
}
div.refine .Search {
	width: 70%;
	margin: auto;
}

}

/* for - 767px
========================================== */
@media screen and (max-width: 767px) {
}

/* for - 579px
========================================== */
@media screen and (max-width: 579px) {
}


/* for - 399px
========================================== */
@media screen and (max-width: 399px) {
}