@charset "Shift_JIS";

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

Name: fls_info.css

Description:  for decoration of general pages CSS

Create: 2024.01.17
Update: 2024.04.08

Copyright 2024 Hitachi Foods & Logistics Systems,Inc.

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


/*******************
fls Grid4
*******************/
.flsNonKV {
padding-top: 80px;
}

/*******************
Sitemap - h2
*******************/
.sitemapContents h2.flsInfoH2 {
margin-bottom: 15px;
padding-bottom: 0;
}

/*******************
fls Title
*******************/
.flsNonKV h1 .flsTitleSub22 {
margin-top: 15px;
display: block;
}
.PageTitleStyle1.flsNonKV {
margin-bottom: 50px;
}
.PageTitleStyle1.flsNonKV + .secMW900,
.secMW900 + .secMW900 {
margin-bottom: 0;
}

/* fls h2*/
h2.flsInfoH2 span {
background-color: #EEEEE6;
padding: 10px 40px;
border-radius: 15px;
font-size: 22px;
color: #0082c8;
}
h2.flsInfoH2 span a {
color: #0082c8;
}
/* fls Info - box */
.flsInfoBox {
padding: 10px 40px;
background-color: #EEEEE6;
border-radius: 15px;
margin-bottom: 15px;
}
.flsInfoBox h2 {
margin-bottom: 0;
padding-bottom: 0;
}
.flsInfoBox h2.flsInfoH2 span {
background-color: #EEEEE6;
padding: 10px 0;
border-radius: 10px;
color: #0082c8;
}
.flsInfoBox.transparentBox {
background-color: transparent;
}
.flsSitemapIndent35 {
padding-left: 35px;
}

/**/
.textStyle16.mb10:has(+ .flsListStyle1){
margin-bottom: 10px;
}
/*contact us*/
#privacybox {
border: 1px solid #DDD;
margin-bottom: 15px;
}
.privacy_check {
display: block;
border: 1px solid #DDD;
text-align: center;
width: 100%;
padding: 15px;
margin-bottom: 15px;
}
.flsInfoBoxPatternC {
background-color: #EEEEE6;
padding: 20px 30px;
}
#privacybox {
border: 1px solid #ccc; padding: 15px; height: 300px; overflow-y: scroll; font-size: 90%; margin-bottom: 10px;
}
label.privacy_check  {
cursor: pointer; text-align: center; width: 100%; display: block; padding: 10px 0; margin-bottom: 10px; border: 1px solid #ccc;
}
label.privacy_check + p {
margin-bottom: 20px;
}
label.privacy_check:hover {
background-color: #fff88f; border-color: #fff88f;
}
input#privacy_checkbox[type='checkbox'] {
font-weight: bold;
}
label.privacy_check.checked {
border-color: #b1000e; color: #b1000e;
}
.checked input#privacy_checkbox[type='checkbox'] {
color: #b1000e;
}
.disable a {
color: #666; text-decoration: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;
}
.disable.checked a {
color: #b1000e; text-decoration: underline; user-select: auto; -moz-user-select: auto; -webkit-user-select: auto; -ms-user-select: auto;
}
.disable {
position: relative;
}
.disable:before {
content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; z-index: 10; opacity:0.4;
}
.disable.checked:before { display: none;
}

@media screen and (max-width: 767px) {
.JS h2.flsInfoH2  {
margin: 0 0 15px;
}
h2.flsInfoH2 span{
font-size: 20px;
}
.flsTitleSub22 {
font-size: 16px;
}
.flsInfoBoxPatternC {
padding: 15px;
}
.BoxPatternC.flsInfoBoxPatternC p {
padding-left: 0;
padding-right: 0;
}
}