@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

body {
	background-image: url("https://www.agilecore.co.jp/wp-content/uploads/2026/01/bg_page-1.jpg");
	background-size: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: white;
	padding-top: 50px;
}

body.home {
	padding-top: 0;
	background: none;
	background-color: white;
}


/*ヘッダ削除*/
.page .logo-header {

}
/* ========== Agilecore Top for Cocoon ========== */
.ac-top{
  --ac-bg:#f6fbfb;
  --ac-accent:#67c8c1;
  --ac-accent2:#6fa8ff;
  --ac-text:#2c2c2c;
  --ac-muted:#6b7b7b;
  --ac-card:#ffffff;
  --ac-radius:22px;
  --ac-shadow:0 10px 30px rgba(0,0,0,.06);
  background: var(--ac-bg);
}

.ac-top *{ box-sizing:border-box; }
.ac-section { 
	padding: 4% 0;
}
.ac-top a{ text-decoration:none; }

.ac-grid{
    width: min(1000px, 92vw);
    margin: 0 auto;
    display: flex;
    gap: 2%;
    align-items: center;
}

.ac-card.ac-dev-text {
    order: 2;
}

/* トップコアラ */
.koala {
    position: absolute;
}
.soccer-koala {
    right: -16%;
    top: 86%;
}
.pc-koala {
	right: -16%;
	bottom: -17%;
}

.koala img {
    width: 13rem;
    height: auto;
}

@media screen and (max-width: 860px) {
  .ac-grid {
    flex-direction: column;
  }

  .ac-grid .ac-service-visual {
    order: 1;
  }

  .ac-grid .ac-service-text,
	.ac-grid .ac-recruit-text {
    order: 2;
  }
  .ac-grid-reverse .ac-dev-visual {
    order: 1;
  }

  .ac-grid-reverse .ac-dev-text {
    order: 2;
  }
  .soccer-koala {
	right: -10%;
    bottom: 12rem;
    top: unset;
	}
	.pc-koala {
		right: -6%;
        bottom: 15rem;
        top: unset;
	}
}
@media screen and (max-width: 460px) {
	.soccer-koala,
	.pc-koala {
		top: unset;
        right: -13%;
        bottom: 84%;
	}
	.koala img {
    width: 10rem;
    height: auto;
}
}

.ac-card{
  height: auto;
  background: none;
/*   border-radius: var(--ac-radius);
  box-shadow: var(--ac-shadow); */
  padding: 4%;

}

.ac-eyebrow{
  margin: 0 0 10px;
  font-size: 14px;
  letter-spacing: .08em;
  color: var(--ac-muted);
}

.textwidget.custom-html-widget p {
    margin-bottom: 0;
}

.ac-title{
  margin: 0 0 14px;
  font-size: clamp(26px, 3.2vw, 40px);
  line-height: 1.2;
  background: linear-gradient(90deg, rgba(154, 168, 252, 1), rgba(99, 218, 187, 1) 50%, rgba(154, 168, 252, 1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ac-text{
  margin: 0;
  font-size: 15px;
  line-height: 1.9;
  color: var(--ac-text);
}

.ac-btn {
  background-image: linear-gradient(90deg, rgba(154, 168, 252, 1), rgba(99, 218, 187, 1) 70%);
  border-radius: 999px;
  box-shadow: -2px -2px 5px #3d675a87 inset, 0px 3px 6px #ecf3f5cc inset;
  color: #fff;
  display: inline-flex;
  font-size: 14px;
  justify-content: left;
  margin-top: 18px;
  padding: 12px 20px;
  position: relative;
  width: 200px;
  z-index: 1;
  transition: .3s;
}
.ac-btn:hover {
  box-shadow: 1px 1px 7px #3d675a87 inset;
  color: #f2f2f2;
}

.ac-btn-ghost{
  background: transparent;
  border: 1px solid rgba(103,200,193,.35);
  color: #2f8f8a;
}

/* Hero */
.ac-hero{
    position: relative;
    padding: 0;
    overflow: hidden;
    clear: right;
    height: 38rem;
}

.ac-hero-inner{
    position: relative;
    width: auto;
    margin: 0 auto;
    text-align: center;
    height: -webkit-fill-available;
    background-image: url(https://www.agilecore.co.jp/wp-content/uploads/2026/01/bg_index_2.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 60rem;
    background-color: #ecf3f5;
}

.ac-hero-title{
    width: calc(658 / 1300 * 100%);	
	max-width: 658px;
    line-height: 0;
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    top: 20%;
    z-index: 1;
}

@media screen and (max-width: 768px) {
	.ac-hero-title {
        width: calc(600 / 650 * 100%);
        top: 23%;
	}
}
.ac-hero-koala{
    position: absolute;
    display: inline-block;
    margin-top: 8px;
    right: 51%;
    transform: translateX(50%);
    top: 38%;
}

.top-koala {
  width: 21rem;
    height: auto;
	max-width: fit-content;
}
.top-koala-wrap {
	position: relative;
}
.koala-label {
	position: absolute;
	max-width: 11rem;
    width: fit-content;
    line-height: 1.6;
    padding: 8px 12px;
    text-align: left;
    background: rgba(255, 255, 255, .85);
    border-radius: 999px;
    font-size: 12px;
    color: #2f8f8a;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .06);
    white-space: normal;
}

.ac-hero-koala-label{
    right: 15%;
	left: -5rem;
    top: 29%;
	font-weight: 600;
    white-space: normal;
    opacity: 0;
    animation: fadeText 7s infinite;
}

/* 1つ目 */
.message-1 {
  animation-delay: 0s;
}

/* 2つ目 */
.message-2 {
  animation-delay: 3s;
}

@keyframes fadeText {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translateY(-6px);
  }
  100% {
    opacity: 0;
  }
}

section.top-message-area {
    text-align: center;
    justify-items: center;
	margin: 4%;
}


@media screen and (max-width: 600px) {
  .ac-hero-koala-label {
    width: 7rem;
	left: 0rem;
    font-size: 8px;
  }
	p.ac-hero-koala-label {
    left: 0;
	top: 10rem;
}
}


/* === Agilecore 背景画像 === */
.ac-top{
  background-color: white;
}
.ac-hero {
	    position: relative;
    padding: 0;
    overflow: hidden;
    clear: right;
    height: 33rem;
}

@keyframes bg-slider {
/* 	from { background-position: 0 0; }
    to { background-position: -1518px 0; } /* 1518pxとは使用した背景画像の長さ */ */
}
.top-content-wrap {
	background-image: url("https://www.agilecore.co.jp/wp-content/uploads/2026/01/bg_index-1.jpg");
	background-position-x: center;
	background-position-y: 6rem;
    background-repeat: no-repeat;
    background-size: 100%;
}

/* Visual cards */
.ac-service-visual, .ac-dev-visual{
    height: auto;
    overflow: hidden;
    width: -webkit-fill-available;
    padding: 0;
    border-radius: 20px;
}

.ac-service-visual img,
.ac-dev-visual img{
    max-width: fit-content;
    padding: 0;
    margin: 0;
	width: -webkit-fill-available;
}

/* Topics */
a.topics-link {
    font-size: 14px;
}

.ac-topics-title{
  margin: 0 0 20px;
  font-size: 26px;
  letter-spacing: .08em;
  color: transparent;
  background: repeating-linear-gradient(
		90deg,
		rgba(154, 168, 252, 1) 0 0.6em,
		rgba(99, 218, 187, 1) 0.6em 1.2em,
		rgba(154, 168, 252, 1) 1.2em 1.9em,
		rgba(99, 218, 187, 1) 1.9em 2.3em,
		rgba(154, 168, 252, 1) 2.3em 2.9em,
		rgba(99, 218, 187, 1) 2.9em 3.5em
	);
	background-clip: text;
	-webkit-background-clip: text;
}

.ac-topics-list{
  display: grid;
  gap: 12px;
  margin: 0 auto;
  width: min(880px, 92vw);
}

/* Recruit */
.ac-recruit-inner{
  width: min(1000px, 92vw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 24px;
  align-items: center;
  background: linear-gradient(90deg, rgba(103,200,193,.12), rgba(111,168,255,.10));
  border-radius: var(--ac-radius);
  box-shadow: var(--ac-shadow);
  padding: 34px;
}

.ac-recruit-koala img{
  width: min(1317px, 389vw);
  height: auto;
  display:block;
  margin: 0 auto;
}

/* Responsive */
@media (max-width: 860px){
  .ac-grid, .ac-grid-reverse{
    grid-template-columns: 1fr;
  }
	.ac-top (max-width: 860px){
		background-size: 100px;
	}
  .ac-recruit-inner{
    grid-template-columns: 1fr;
    text-align: left;
  }
/* 	#navi {
		display: none;
	} */
}

.visually-hidden{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

	.article p {
		margin-bottom: 0;
	}

.header-container-in.hlt-center-logo-top-menu {
	padding: 1em;
	position: absolute;
    width: -webkit-fill-available;
	z-index: 2;
}





#header-container, #header-container .navi, #navi .navi-in>.menu-header  {
	background: none;
}
.item-label {
	color: #67c8c1;
}

.article h2 {
display: inline-block;
    padding: 1rem 0;
    font-size: 1.7rem;
    margin: 0;
}

.button-wrap {
  position: relative;
  width: 240px;
  overflow: clip;
}

.koala-introduction {
    position: relative;
    display: inline-block;
    bottom: 6rem;
    right: -2rem;
    text-align: left;
    float: inline-end;
}
@media screen and (max-width: 400px) {
  .koala-introduction {
    bottom: 6rem;
    right: 5px;
  }
}

/* ナビゲーション */

.sub-menu a {
  position: relative;
}
.sub-menu a ::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 0%;
  height: 2px;
  background: #67c8c1;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.sub-menu a :hover::after {
  width: 100%;
}

/* サブメニュー */
ul.sub-menu {
    background: white;
    border-radius: 0.5em;
    display: block;
    box-shadow: 0px 0px 10px #cacfd4;
	padding: 10px;
}

.ac-card.ac-service-text,
.ac-card.ac-dev-text,
.ac-card.ac-recruit-text {
	text-align: left;
	width: -webkit-fill-available;
	position: relative;
}

div #content-top {
	    display: inline-block;
    float: right;
    position: relative;
    width: 100px;
    z-index: 1;
}
div#content-top-in {
    width: auto;
}

div#header-container {
	height: 50px;
	position: fixed;
	top: 0;
    z-index: 3;
    width: -webkit-fill-available;
    margin: 0.5%;
}
@media screen and (max-width: 1023px) {
    .header-container-in.hlt-top-menu {
        align-items: start;
    }
}

 section.ac-grid-reverse {
        flex-direction: row-reverse;
    }
@media screen and (max-width: 1023px) {

}
.section.reverse {
  flex-direction: row-reverse;
}

.main#main {
  background:none;
  z-index: 1;
}
.textwidget.custom-html-widget {
    position: relative;
}

.balloon {
	position: absolute;
	z-index: 0;
}
.top-koala-wrap .balloon {
	z-index: -1;
}
.balloon.small {
    width: clamp(40px, 6vw, 90px);
    height: clamp(40px, 6vw, 90px);
}
.balloon.medium {
    width: clamp(65px, 8vw, 130px);
    height: clamp(65px, 8vw, 130px);
}
.balloon.large {
    width: clamp(80px, 10vw, 150px);
    height: clamp(80px, 10vw, 150px);
}

.p-balloon_l_1 {
	top: 9rem;
    left: 6%;
}
.p-balloon_l_2 {
    top: 67rem;
    left: 3%;
}
.p-balloon_l_3 {
    right: -2rem;
	z-index: 1;
}

.p-balloon_m_1 {
    top: -3rem;
    left: -2rem;
	z-index: 1;
}
.p-balloon_s_1 {
	left: -3%;
}
.p-balloon_s_2 {
	right: -2%;
}
.p-balloon_s_3 {
    right: 6%;
    top: 49rem;
}

.p-balloon_s_4 {
    right: 3%;
    top: 92rem;
}

@media (max-width: 1340px) {
	.p-balloon_l_1 {
		left: -5%;
	}
	.p-balloon_l_2 {
		left: -5rem;
	}
	.p-balloon_s_4 {
		right: -3rem;
	}
	.p-balloon_s_3 {
		right: -3rem;
	}
}

/* トップ球体 */

/* Animation */
.t-balloon_l_1,
.t-balloon_m_3 {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
.t-balloon_m_1,
.t-balloon_l_2 {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
  animation-delay: -1s;
}
.t-balloon_m_2,
.t-balloon_s_1 {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
  animation-delay: 1s;
}

@keyframes floating-y {
  0% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(5%);
  }
}

.t-balloon_l_1 {
    left: -17rem;
    bottom: 2rem;
}
.t-balloon_l_2 {
	top: 4rem;
    right: -11rem;
}
.t-balloon_m_1 {
	top: -12rem;
    left: -11rem;
}
.t-balloon_m_2 {
	top: -13rem;
    right: -16rem;
}
.t-balloon_m_3 {
    bottom: -1rem;
    right: -19rem;
}
.t-balloon_s_1 {
    left: -4rem;
    top: 2rem;
}

@media screen and (max-width: 768px) {
	.t-balloon_l_1 {
		left: -5rem;
	}
	.t-balloon_l_2 {
		right: -2rem;
		top: 6rem;
	}
	.t-balloon_m_1 {
		left: -3rem;
	}
	.t-balloon_m_2 {
		right: -3rem;
		top: -10rem;
	}
	.t-balloon_m_3 {
		right: -5rem;
		left: unset;
	}
	.t-balloon_s_1 {
		left: 0rem;
	}
}



article#post-51,
article#post-53,
article#post-54,
article#post-124,
article#post-48,
article#post-97,
article#post-106,
article#post-59,
article#post-3,
article#post-194,
article#post-329 {
	    margin: 6% 0% 7% 0%;
}
aside#custom_html-56 {
    margin-top: 6%;
}
main > article.type-post {
    margin: 6% auto;
    max-width: 1200px;
    padding: 0 7%;

}


@media screen and (max-width: 550px){

}
.body .widget {
	text-align: center;
	margin: 0;
}

.koala-posision {
	font-size: 50%;
}
.koala-name {
	font-size: 60%;
	font-weight: bold;
}

/* 目次を非表示 */
div#toc {
    display: none;
}
.breadcrumb.sbp-main-before,
.breadcrumb.pbp-main-before {
    top: 0;
    position: sticky;
    width: 1218px;
    left: 0;
    margin: auto;
}
@media screen and (max-width: 1217px) {
    .breadcrumb.sbp-main-before,
	.breadcrumb.pbp-main-before {
        width: auto;
    }
}

/* 問い合わせボタン */
@media only screen and (min-width: 821px) {
	#mega-menu-wrap-navi-header #mega-menu-navi-header {
		position: relative;
		z-index: 998;
	}
	
	#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item.mega-item-align-right a {
        display: block;
        width: 7rem;
        border-radius: 999px;
        color: white;
        background: linear-gradient(90deg, rgba(154, 168, 252, 1), rgba(99, 218, 187, 1) 70%);
        text-align: center;
	}
	.contact-btn.mega-menu-item > a.mega-menu-link:hover, 
	.contact-btn.mega-menu-item > a.mega-menu-link:focus,
	.entry-btn.mega-menu-item > a.mega-menu-link:hover, 
	.entry-btn.mega-menu-item > a.mega-menu-link:focus {
		color:white;
	}
	#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item.mega-item-align-right#mega-menu-item-282 {
		right: 0;
		position: absolute;
	}
	#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item.mega-item-align-right#mega-menu-item-282 a {
		background: #0c71e3;
		box-shadow: -2px -2px 5px #3d416787 inset, 0px 3px 6px #ecf3f5cc inset;
		transition: .3s;
	}
	#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item.mega-item-align-right#mega-menu-item-282 a:hover {
		box-shadow: 1px 1px 7px #3d416787 inset;
		color: #f2f2f2;
	}
	
	#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item.mega-item-align-right#mega-menu-item-258 {
		position: absolute;
		right: 7.3rem;
	}
	#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item.mega-item-align-right#mega-menu-item-258 a {
		background: #02b7b3;
		box-shadow: -2px -2px 5px #37585487 inset, 0px 3px 6px #ecf3f5cc inset;
		transition: .3s;
	}
	#mega-menu-wrap-navi-header #mega-menu-navi-header > li.mega-menu-item.mega-item-align-right#mega-menu-item-258 a:hover {
		box-shadow: 1px 1px 7px #37585487 inset;
		color: #f2f2f2;
	}

	#mega-menu-wrap-navi-header #mega-menu-navi-header li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
		display: none;
	}
}



/* 各ページサイズ */
.content-wrap {
    margin: auto;
	padding: 0 4%;
    z-index: 1;
    max-width: 900px;
    position: relative;
}

/* 固定ページヘッダー */
header.article-header.entry-header {
	justify-items: center;
	text-align: center;
	position: relative;
}
/* 固定ページコアラ */
.type-page header.article-header.entry-header::after {
  content: "";
  position: absolute;
  transform: translate(-30%, -40%);
  width: 180px;
  height: 180px;
  pointer-events: none; 
  z-index: -1;
}
@media only screen and (max-width: 820px) {
	.type-page header.article-header.entry-header::after {
		content: "";
		position: unset;
		display: block;
		width: 120px;
		height: 120px;
		pointer-events: none;
		transform: unset;
		margin: auto;
	}
}
/* トップ */
#post-10 header.article-header.entry-header::after,
#post-54 header.article-header.entry-header::after {
	content: none;
}

#post-54 #custom_html-24,
#post-54 .entry-title {
	visibility: hidden;
	position: absolute;
}

.entry-title {
	display: inline-block;
    width: 12em;
    background-image: linear-gradient(90deg, rgba(154, 168, 252, 1), rgba(99, 218, 187, 1) 50%, rgba(154, 168, 252, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sub-title {
	width: fit-content;
    background-image: linear-gradient(90deg, rgba(154, 168, 252, 1), rgba(99, 218, 187, 1) 50%, rgba(154, 168, 252, 1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* フッター */
#custom_html-32 div, #custom_html-33 div {
    justify-items: left;
}
.footer-menu {
	display: flex;
}

.footer-menu p {
	width: 8em;
    text-align: right;
    margin-right: 2em;
}
.footer-menu-list {
	display: inline-grid;
    list-style: none;
    font-size: medium;
    column-gap: 4rem;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, auto);
	margin-bottom: 5%;
}
ul.footer-menu-list.service-list {
    grid-template-rows: repeat(1, auto);
    column-gap: 6.5em;
	margin-bottom: 0;
}
.footer-menu-list li {
	width: max-content;
    margin-left: 1%;
}
.footer-menu-list li a {
	text-decoration: none;
	color: #67c8c1;
}

aside#custom_html-32 {
	margin-bottom: 5%;
	position: relative;
	z-index: 2;
}

.footer-company-info {
    display: flex;
	gap: 3rem;
}

.footer-img-wrap {
    display: flex;
    gap: 2rem;
	width: auto;
    height: fit-content;
}
.footer-img-wrap h2 {
    font-size: 0.7em;
    font-weight: 400;
    line-height: 1.3;
}
img.isms-img {
    width: 100px;
    height: auto;
}
.location {
    text-align: left;
}
.location p {
    font-size: small;
    display: inline-block;
    width: max-content;
	text-decoration: none;
	color: #2c2c2c;
}


.ac-nagano.parceiro {
	width: 60%;
    margin: auto;
    margin-bottom: 3%;
}
/*1023px以下*/
@media screen and (max-width: 1023px){
	.footer-img-wrap {
    display: block;
	}
}


@media screen and (max-width: 768px){
	.footer-company-info,
	.footer-menu {
	text-align: left;
	display: block;
	}
	.footer-company-info div {
    margin-bottom: 5%;
	}
	.footer-menu-list {
		grid-auto-flow: row;
		grid-template-columns: repeat(2, auto);
		padding: 0;
		font-size: 0.8em;
	}
	.footer-menu p {
		width: -webkit-fill-available;
		text-align: left;
	}
	.location p {
    font-size: 0.8em;
    display: inline-block;
    width: -webkit-fill-available;
	}
	aside#custom_html-32, aside#custom_html-33 {
    width: -webkit-fill-available;
	}
}
/* 概要 */
.summary-area{
	margin: 5% 8% 5% 8%;
    text-align: center;
}
.content-section {
	justify-items: center;
	justify-self: center;
	width: -webkit-fill-available;
    margin: 5% 8% 5% 8%;
    max-width: 900px;
}

.content-summary  {
    display: block;
    text-align: center;
}


/* 会社概要 */
table.history-table td {
    padding: 1% 1%;
}
.left-th {
    width: 30%;
}
.history-date {
	width: 6rem;
}
th, td {
	font-size: 0.8rem;
}
.company-koala-area {
    display: block;
    position: absolute;
    right: 1rem;
    top: -6rem;
    z-index: -1;
    width: 22%;
}
h2.sub-title {
	font-size: 1.7rem;
	display: block;
	margin: auto;
}
h2.sub-title.left {
	font-size: 1.7rem;
	padding: 0;
	margin: 0;
	display: inline-block;
}

table:not(.has-border-color) :where(th, td) {
  border-bottom: 1px solid var(--cocoon-x-thin-color);
  border-top: 1px solid var(--cocoon-x-thin-color);
}
.history-table tr:first-child th,
.history-table tr:first-child td {
  border-top: none;
}
.history-table tr:last-child td {
  border-bottom: none;
}


.landscape-area {
    display: inline-block;
    justify-items: center;
    width: -webkit-fill-available;
    background-color: #ebf3f5;
    border-radius: 60px;
    box-shadow: 3px 3px 13px -1px #c5d5d9;
    margin: 0;
    padding: 3%;
}
.landscape-area.conclusion {
	position: relative;
	overflow: hidden;
	z-index: 3;
}
.history-wrap {
	margin: 3em auto;
    padding: 2% 0;
    justify-items: center;
   max-width: 1000px;
}
.history-wrap h2{
	text-align: center;
}
.history-table {
	background-color: white;
    display: block;
    padding: 1% 2%;
    width: auto;
    border-radius: 2rem;
}

.img-link div img:hover {
	width:400px;
	height: auto;
}

/* アジルコアについて */
.agile-company-area {
	justify-items: center;
	text-align: center;
	background: url(https://www.agilecore.co.jp/wp-content/uploads/2026/02/bg_ci.png) no-repeat center;
    background-size: contain;
	margin: 8%;
}

.agile-company-area h2 {
	display: block;
}
.agile-company-koala {
	display: block;
	width: 40%;
	margin: auto;
}

.content-card {
    display: flex;
    width: -webkit-fill-available;
    height: auto;
    margin: 2rem 0;
    align-items: center;
    max-width: 55rem;
}
.card-img {
    width: 400px;
	height: 300px;
    border-radius: 30px;
    overflow: hidden;
}
.card-img img {
	width: -webkit-fill-available;
    height: auto;
}
.card-text {
	margin-left: 2%;
	width: 60%;
}
.card-text a {
	text-decoration: none;
}
.card-text a h3 {
    font-size: 1.7rem;
    margin-bottom: 0;
}
a {
    color: #67c8c1;
	text-decoration: none;
}
i.fa.fa-external-link {
    margin-left: 2px;
}

.card-img img {
  transition: transform 0.5s ease;
}

.img-link:hover .card-img img {
  transform: scale(1.05);
}

.card-img.president {
    background: white;
	align-content: flex-end;
}

/* 企業理念 */
.president-img-wrap {
	height: 300px;
	width: -webkit-fill-available;
    display: block;
    background: #ece8e9;
    overflow: hidden;
    position: relative;
	margin: 5% 0;
}
.president-img {
	position: absolute;
    width: 500px;
    bottom: -15%;
    right: -5%;
}
.president-text h3 {
	color: #92a6fc;
    position: absolute;
    margin: 4%;
    padding: 0;
	position: relative;
	z-index: 1;
}
.president-text p {
	position: absolute;
    bottom: 0;
    margin: 5%;
}

@media (max-width: 768px) {
	.content-card {
		display: block;
	}
	.card-img {
		width: -webkit-fill-available;
		height: auto;
	}
	.card-text {
		margin-left: 0%;
		width: auto;
	}
	.card-text a h3 {
		padding: 0;
		font-size: 1.5rem;
		margin: auto;
	}
}
@media (max-width: 640px) {
	.president-img {
		right: -20%;
	}
}
@media (max-width: 500px) {
	.president-img {
		right: -25%;
        width: 400px;
	}
	.president-text p {
    bottom: 30%;
}
}

@media (max-width: 365px) {
	.president-img {
		right: -43%;
	}
}

h2.section-title {
  display: flex;
  flex-direction: column;  
  align-items: center;    
  gap: 12px;
  text-align: center;
  position: relative;
  z-index: 1;
}

h3.section-title {
    margin-bottom: 0;
}

/* 丸囲み数字 */
.num-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 36px;
  height: 36px;
  border-radius: 50%;

  background-color: #67c8c1;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
}

/* タイトル文字 */
.title-text {
  font-size: 1.7rem;
  font-weight: 700;
  color: #333;
}

/* 重ねるための親 */
.overlap-wrap {
  position: relative;
  display: flex;
  gap: 16px;
  justify-content: center;
  text-align: start;
  width: fit-content;
}


/* 各カード */
.detail-content {
  text-align: left;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 16px 20px;
  background-color: #ecf3f5;
  border-radius: 20px;
  max-width: 280px;
  box-sizing: border-box;
  width: -webkit-fill-available;
  z-index: 1;
}

/* チェックマーク（丸囲み） */
.detail-content .check {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #67c8c1;
  color: #ffffff;
  font-size: 14px;
  flex-shrink: 0;
}

.detail-content .check .fa {
  line-height: 1;
}

.detail-content p {
  margin: 0;
  line-height: 1.6;
  color: #555;
  font-size: 14px;
}


.important {
    margin: 5% auto 3% auto;
    text-align: center;
}
.important h2 {
    display: inline-block;
	margin-bottom: 2%;
}
@media screen and (max-width: 768px) {
  .overlap-wrap,
  .solution-buttons {
    flex-direction: column;
    align-items: center;
    margin: 0 5%;
	width:-webkit-fill-available;
  }
	.agile-support-wrap {
		margin-top: 0;
	}
	.conclusion-text.is-active {
		background-position-y: 45px;
	}
	.detail-visual-area {
		padding: 3%;
	}
	.detail-visual-wrap {
		width: auto;
	}
  .detail-area {
	  width:-webkit-fill-available;
  }
  .solution-btn,
  .detail-content {
	 margin: 0px 5%;
	  width:-webkit-fill-available;
	  max-width: unset;
	}
  .detail-koala {
	    display: none;
        top: -5rem;
        left: -2rem;
	}
	.detail-koala.reverse {
		transform: scale(-1, 1);
        right: 0rem;
        right: -2rem;
	}
	.detail-koala img {
		width: 8rem;
		height: auto;
    }
}
.translucent-white {
    background-color: rgb(255 255 255 / 60%);
}
.white {
	background-color: #ffffff;
}

/* 事業紹介 */
.api-service {
	position: relative;
    display: flex;
    height: 400px;
}

.api-slogan {
    max-height: 300px;
    width: auto;
}
.api-koala {
    height: 300px;
    width: auto;
    align-self: end;
}

.api-koala-label {
    text-align: center;
    right: 8%;
    top: 10%;
}

.api-text {
    margin-top: 3%;
}

@media (max-width: 767px) {
    .api-service {
        display: block;
        height: fit-content;
    }
	.api-service img {
		display: block;
		margin: auto;
	}

	.api-koala-label {
		top: 72%;
		right: 0%;
	}
}


/* 募集要項 */
.selection-flow-area {
    justify-items: center;
}
.flow {
    background: white;
    width: -webkit-fill-available;
    padding: 2%;
    border-radius: 20px;
	margin: 2%;
}
.flow .flow-description {
    border-top: solid 1px #d9dee0;
}
.flow >p, .flow >ul {
    margin-left: 11%;
	margin-bottom: 0;
}
h3.section-title.flow-title {
	display: flex;
    padding: 2%;
	gap: 3%;
}
.flow-title .title-text {
	font-size: 1em;
}
.policy {
    margin: 3%;
}
.policy h3 {
	margin:0;
	padding: 0;
}

/* 仕事内容 */
.project-example {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    gap: 1rem;
}

h3.border-title {
    margin: 0;
}

.coding-languages-img,
.cloud-services-img {
	width: 70%;
	height: auto;
	margin: 4%;
}
.work-text {
	margin-top: 3%;
}

@media screen and (max-width: 768px) {
	.project-example {
		display: grid;
		grid-auto-flow: row;
}

}

.border-title {
	border-bottom: 1px solid #d9dee0;
    text-align: center;
    margin-bottom: 0;
	
}

/* ========== /Agilecore Top ========== */

body.home .content-bottom {
	margin: 0;
	padding-bottom: 5%;
}
.widget-content-bottom-title {
    padding: 1rem 0;
    font-size: 2em;
    margin: 0;
    color: transparent;
    background: repeating-linear-gradient(90deg, 
		rgba(154, 168, 252, 1) 0 0.6em, 
		rgba(99, 218, 187, 1) 0.6em 1.2em, 
		rgba(154, 168, 252, 1) 1.2em 1.9em, 
		rgba(99, 218, 187, 1) 1.9em 2.1em, 
		rgba(154, 168, 252, 1) 2.1em 2.7em, 
		rgba(99, 218, 187, 1) 2.7em 3.5em);
    background-clip: text;
    -webkit-background-clip: text;
}
.widget-content-bottom ul {
	display: inline-block;
    width: min(880px, 92vw);
}
.widget-content-bottom ul li {
  position: relative;
    margin: 2%;
    display: block;
    align-items: center;
    background: white;
    height: 3rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
    border-radius: 16px;
}
.widget-content-bottom ul li a {
    font-size: 1rem;
    width: -webkit-fill-available;
    text-align: left;
    padding-left: 26%;
    z-index: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
	.widget-content-bottom ul li a {
		font-size: 0.7rem;
	}
}
.widget-content-bottom ul li span {
	font-size: 12px;
    color: #7e8c8c;
    width: 25%;
    z-index: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

a article.type-post {
    margin: 0;
}
article.related-entry-card {
	margin: 0;
	padding:  0;
}


.fa-fw {
	display: none;
}


/* お知らせ */

.type-post header.article-header.entry-header {
	text-align: left;
	justify-items: left;
	margin-bottom: 3%;
}
.type-post header.article-header.entry-header h1 {
	padding: 0;
	text-align: left;
	margin: 0;
}

.type-post .entry-content.cf {
    justify-self: center;
}
article.post header h1 {
    width: auto;
}
.post .date-tags {
    display: block;
}
.post .date-tags .post-date,
.post-date .entry-date {
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 1217px) {
    .entry-card-content {
        margin-left: 0%;
    }
}


/* 404エラーページ */
.error404 article.post.article {
    margin: 10% 0;
    justify-items: center;
}
.error404 h1, .not-found-message {
    display: block;
	margin: auto;
	text-align: center;
}
img.not-found {
    width: 13rem;
    height: auto;
    display: block;
	margin: auto;
}


.sp-only {
  display: none;
}

@media (max-width: 531px) {
  .sp-only {
    display: inline;
  }
}