@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

body {
  font-family: 'Noto Sans JP', sans-serif !important;
}

.ContentList__subCategory  .ContentList__topicList ,
.ContentList__subCategory  .ContentList__moreOption,
.CustomizeContainer__CustomizeOption {
  display: none !important;
}

.ContentBox__boxInnerHome div.ContentBox__alignCenter{
  display: block;
}

/* 見出し設定 */
.CustomWidget__customDescription h1,
.KbDetailLtContainer__description h1 {
  font-size: 1.5em;
  background: #eaf5f9;
  border-left: solid 10px #27acd9;
  padding: 0.75rem 1.5rem;
}
.CustomWidget__customDescription h2,
.KbDetailLtContainer__description h2 {
  font-size: 1.3em;
  position: relative;
  padding: .4em 0;
  border-bottom: 6px solid #bae5f3 ;
}
.CustomWidget__customDescription h2:before,
.KbDetailLtContainer__description h2:before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 12%;
  height: 6px;
  content: '';
  background: #33b7e3;
}
.CustomWidget__customDescription h1,
.KbDetailLtContainer__description h2:nth-of-type(2n) {
    margin-top: 2em;
}

.CustomWidget__customDescription h3,
.KbDetailLtContainer__description h3 {
  font-size: 1.1em;
  padding: 0em 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #27acd9;/*左線*/
}

.KbDetailLtContainer__articelDetail h1{
font-size:1.7em;
}

/* 余白設定 */
p.description.KbDetailLtContainer__description div img{
  margin-top: 0.6em;
  margin-bottom: 2em;
}

/* homeバナー */
div.ContentBox__alignCenter{
  display: inline-block;
}
div.ContentBox__alignCenter a{
  background-color:#27acd9;
  border: 2px solid #27acd9;
  color: #fff;
  border-radius: 8px;
  padding: 2% 0;
  position:relative;
  display: block;
  transition: 0.3s;
}
div.ContentBox__alignCenter a:before{
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 220px;
  top:-100px;
  left: 0;
}
div.ContentBox__alignCenter a:hover{
  background-color: #fff;
  color: #27acd9;
}

/* マニュアルバナー */
div.KbCategory__boxInner a{
  display: block;
  position: relative;
}
div.KbCategory__boxInner a::after{
  display: block;
  position: absolute;
  content: "";
  width: 145%;
  height: 100px;
  top:-20px;
  left: -90px;
}

/* Zoho基本操作バナー */
div.KbSubCategoryContainer__contentList a{
  display: block;
}




/* リンクボタン */
a.custom_btn{
  background-color: #2ea7e0;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 5% 2%;
  margin: 24px auto;
  display: block;
  font-size: 1.0rem;
  font-weight: bold;
  border-radius: 8px;
  border: 2px solid #27acd9;
  box-sizing: border-box;
  transition: 0.3s;
}
a.custom_btn:hover{
  background-color: #fff;
  color: #27acd9;
}

/* PCサイズ（1024px〜） */
@media screen and (min-width: 1024px) {
  a.custom_btn{
    max-width: 350px;
    font-size: 1.1rem;
    padding: 2% 3%;
  }
}


/* table */
table.oniwa-table{
  width:100%;
  border:1px solid #ddd;
  border-collapse:collapse;
}
table.oniwa-table thead tr td{
  background-color:#222;
  color:#fff;
  text-align:center;
}
table.oniwa-table td{
  padding:1%;
  border:1px solid #ddd;
}
table.oniwa-table td span.red{
  color:#ff0000;
}

.commonStyle__zt3BrandBg {
  background-color: #27acd9 !important;
}
.Icon__brand {
  color: #27acd9 !important;
}
.SearchContainer__downArrow {
  border-top-color: #27acd9 !important;
}
.Header__searchTitle {
  font-size: 1.2em;
  color: #333 !important;
  text-shadow:none;
}

.AvatarText__avatarText{
  color: #27acd9 !important;
  background-color: #fff !important;
  border-color: #27acd9 !important;
  font-size: 0.8em;
}
.Signin__loginHalf.Signin__agentlogin{
  display: none !important;
}
.UserContainer__innerContainer1, .UserContainer__innerContainer2{
  width: 100%;
  float: none;
}
.Signin__loginHalf {
    border-bottom: 0.0625rem dotted #e6e6e6;
    border: none;
    background: #eee;
    border-radius: 8px;
}
.Header__homeContent .Header__searchSection{
  padding: 11.25rem 0 6.25rem 0;
}

#field_accountId {
  visibility: hidden;
  height: 0;
}

.TicketFormLeftContainer__sectionName.問い合わせの情報{
  display:none;
}
.TicketDetailLeftContainer__detailHeader.commonStyle__detailHeader {
  font-size: 1.5rem;
  color: #2ea7e0;
}

.TicketFormLeftContainer__formHeader {
    color: #2ea7e0;
    margin-bottom: 1rem;
}
.Footer__footerBg {
    display: none;
}

.TicketList__filterPanel.commonStyle__flex.commonStyle__flexWrap{
	display:none;
}