/* 投稿リストのカテゴリーの背景色をカテゴリーごとに設定する */
.c-postThumb__cat[data-cat-id="7"] {
  background-color: green;
}
.c-postThumb__cat[data-cat-id="8"] {
  background-color: blue;
}

/* 横方向に流れ続ける無限ループスライダーを実装する */
.loop-slider {
  display: flex;
  overflow: hidden;
}

.loop-slider .wp-block-group__inner-container,
.loop-slider .swell-block-columns {
  display: contents;
}

.loop-slider .swell-block-columns__inner {
  flex-wrap: nowrap;
  animation: infinity-scroll-left 60s infinite linear; /* アニメーションの時間を指定 */
}

.loop-slider .swell-block-column {
  width: 500px; /* 画像の横幅を指定（パソコン） */
}

@media screen and (max-width: 959px) {
  .loop-slider .swell-block-column {
    width: 200px; /* 画像の横幅を指定（スマホ） */
  }
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* トップページのボックス色 */
.box{
		border: solid 1px #ccc;
}

/* メインビジュアルボタン */
.topbtn{
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgb(255, 255, 255));
    border-radius: 2px;
    display: block;
    opacity: 0;
    transition: opacity 0.25s ease 0s;
}

/* newマーク */
.new-mark .p-postList__title::before {
	content: "New!";
	display: inline-block;
	background-color: red;
	color: #fff;
	line-height: 1;
	margin-right: .5em;
	padding: .3em .5em;
	font-size: .7em;
	vertical-align: text-bottom;
}

/* 組織図設定 */
.wpdevart_org_chart_container li .wpda_tree_item_container > div {
		    border: 1px solid #333 !important;
}

/* 文字を丸囲みする */
.circle3 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E44141;
  border-radius: 50%;
  width: 2.2em;
  height: 2.2em;
  color: #fff;
  font-size: 1.2em;
}
.circlestr {
    display: flex;
    align-content: space-between;
    align-items: center;
}

/* ページタイトル(H1) * */
.c-pageTitle {
		font-size: 1.5em;
}

/* ヘッダーロゴのサイズ */
.c-headLogo__img {
    height: 120%;
}

/* 見出し */

.post_content h4 {
    padding: 0 0 0 15px;
    border-left: solid 5px var(--color_htag);
    margin: 15px 0 5px 0;
		font-size: 1.1em;
}



/* メガメニュー設定 */


/* Font Avenewアイコンの設定 */
.kanta-ico  i{
display: block;
margin: 20px auto;
padding:10px 0;
font-size: 80px;
color: #043e54;
text-align: center;
}

.kanta-ico i:after{
}

/* SNSアイコンのサイズ変更 */
.u-fz-14 {
    font-size: 21px;
}


#particles-js {
    width: 100%;
    height: 100%;
    background: white;
    position: fixed;
}


@media (min-width: 960px){
.l-header__bar .l-container {
    background-color: #1D2327;
}
}



input[type="text"]{width:100%;}
input[type="email"]{width:100%;}
textarea{width:100%;}
input[name="your-subject"]{width:100%;}

[type=button], [type=reset], [type=submit], button {width:120px;}
[type=submit]{
    border-width: 1px;
    border-radius: 20px;
    margin-right: -50px;
}
[type=reset]{border-radius: 20px;}

label {
    width: 100%;
}