@charset "utf-8";

/*============================================================
                    
	トップページCSS設定
					
============================================================*/

/* グリッドレイアウト
------------------------------------------------------------*/
.section-home {
	margin: 0 10px 0;
	padding: 20px 0 0;
}
.loading .catchTop,
.loading .catch-text-sub,
.loading .catch-text-wrap {
	animation: none;
}
.catchTop {
	display: table;
	width: 100%;
	height: 280px;
	overflow: hidden;
	background:#1b1b1b url(../img/home/pic_catch.jpg) no-repeat bottom center;
	background-size: auto 100%;
	animation: catchBg .75s linear .5s 1 forwards;
	opacity: 0;
}
@keyframes catchBg {
	0%   { opacity: 0;  background-size: auto 110%; }
	100% { opacity: 1;  background-size: auto 100%; }
}
.catchTop-inner {
	display: table-cell;
	padding-left: 80px;
	vertical-align: middle;
}
.catchTop-inner:hover {
	text-decoration: none;
}
.catch-text-sub {
	padding: 5px 20px;
	font-size: 160%;
	font-style: italic;
	color: rgba(255,255,255,.65);
	letter-spacing: 2px;
	animation: catchSubBg .25s linear 1.5s 1 forwards;
}
.catch-text-wrap {
	display: inline-block;
	margin: 5px 0;
	padding: 5px 20px;
	font-size: 200%;
	color: #fff;
	background-color: rgba(25,118,210,.55);
	letter-spacing: 2px;
	animation: catchTxtBg .25s linear 1.75s 1 forwards;
}
.catch-text-wrap br {
	display: none;
}
.catch-text-sub,
.catch-text-wrap {
	opacity: 0;
}
@keyframes catchSubBg {
	0%   { opacity: 0; transform: translateY(-10px); }
	100% { opacity: 1; transform: translateY(0); }
}
@keyframes catchTxtBg {
	0%   { opacity: 0; transform: translateX(-10px); }
	100% { opacity: 1; transform: translateX(0); }
}
.catch-text strong {
	margin-right: 3px;
	font-size: 120%;
	letter-spacing: 3px;
}
/*アライアンスパートナー募集*/
.home-partner-lists {
	margin: 0 -10px;
}
.home-partner-item {
	margin: 0 10px 20px;
	background-color: white;
}
.home-partner-item,
.home-partner-text {
	overflow: hidden;
}
.home-partner-thumb {
	float: left;
	padding: 15px 0 15px 15px;
}
.home-partner-thumb img {
	width:300px;
	height:115px;
}
.home-partner-text {
	padding: 30px;
}

/*最近の導入実績*/
.sec-home-title {
	margin-bottom: 20px;
	padding:5px 0 0;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}
.sec-home-title::before {
	content: attr(data-eng);
	display: block;
	font-size: 172%;
}
.home-result-lists,
.home-info-lists {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.home-result-item,
.home-info-item {
	margin: 0 10px 20px;
	background-color: white;
}
.home-result-item,
.home-info-item {
	width: 460px;
}
.home-result-item,
.home-result-text,
.home-info-item,
.home-info-text {
	overflow: hidden;
}
.home-result-text,
.home-info-text {
	padding: 10px 15px 10px 15px;
}
.home-result-thmub,
.home-info-thmub {
	float: left;
	padding: 15px 0 10px 15px;
}
.home-result-thmub,
.home-info-thmub {
	width: 100px;
}
.home-result-image,
.home-info-image {
	display: block;
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}
.home-result-time,
.home-result-city,
.home-info-time {
	font-size: 87%;
	color: #787878;
}
.home-result-city {
	margin-bottom: 5px;
}
.home-result-tag {
	display: inline-block;
	margin: 0 5px 5px 0;
	padding: 3px 8px;
	border-radius: 32px;
	background-color: #f3f3f3;
	font-size: 72%;
}
.btn-more {
	display: inline-block;
	margin: 10px 0 5px;
	padding: .6em 1.2em;
	border-radius: 4px;
	background-color: #666;
	color: #fff !important;
	font-size: 87%;
}
.result-btn__wrapper {
	margin:20px 0;
	text-align:center;
}
.result-btn {
	display:inline-block;
	padding:15px 25px;
	border-radius:5px;
	background:#666;
	color:#fff !important;
	font-size:114%;
	letter-spacing:1px;
	text-shadow:1px 1px 0 rgba(0,0,0,.2);
	box-shadow:0 1px 1px rgba(0,0,0,.2);
}


/*以下不要*/
.mainImg {
	width:100%;
	max-width:620px;
	height:auto;
	overflow:hidden;
}
.mainImg img {
	width:100%;
	max-width:620px;
	height:auto;
	vertical-align:top;
}
/*各カテゴリー*/
.item .entryCategory {
	position:absolute;
	top:0;
	left:0;
	height:24px;
	padding:0 10px;
	line-height:24px;
	color:#fff;
	text-align:center;
}
.item .entryDate {
	float:left !important;
	padding:10px 0 10px 20px;
}
.item .entryMore {
	float:right;
}
.catReport {
	background:#f24e4e;
}
.catOpen {
	background:#36C;
}
.catNews,.catPress {
	background:#009738;
}
.catPress {
}
.catUser {
	background:#969;
}

/*ウィンドウサイズ960px未満*/
@media screen and (max-width: 959px) {
.catchTop {
	background-position: bottom 0 right 0;
}
/*最近の導入実績*/	
.home-info-lists {
	display: block;
	margin: 0 0 20px;
}
.home-result-item,
.home-info-item {
	width: 100%;
	margin: 0 0 20px;
}
}

/*ウィンドウサイズ640px未満*/
@media screen and (max-width: 639px) {
.section-home {
	padding: 10px 0 0;
}
.catchTop {
	background-position: bottom 0 right -40px;
	text-align: center;
}
.catchTop-inner {
	padding-left: 0;
}
.catch-text-sub {
	margin-bottom: 20px;
	padding: 0;
	font-size: 110%;
	color: rgba(255,255,255,.85);
}
.catch-text-wrap {
	margin: 0;
	padding: 0;
	font-size: 140%;
	letter-spacing: 1px;
	background: none;
}
.catch-text-min {
	display: inline-block;
	margin: 2px 0;
	padding: 5px 10px;
	background-color: rgba(25,118,210,.55);
}
.catch-text-wrap br {
	display: inline;
}
.catch-text strong {
	margin-right: 0;
	letter-spacing: 2px;
}
/*最近の導入実績*/	
.home-result-lists {
	display: block;
	margin: 0 0 20px;
}
.home-result-item,
.home-info-item {
	width: 100%;
	margin: 0;
}
.home-result-thmub,
.home-info-thmub {
	width: 60px;
}

/*アライアンスパートナー募集*/
.home-partner-thumb {
	float: none;
	padding: 0;
	text-align: center;
}
.home-partner-thumb img {
	width:100%;
	height:auto;
}

/*以下不要*/
.mainImg {
	width:100% !important;
	margin:10px 0 20px 0 !important;
}
}
/*コロナニュース用CSS*/
.news_COVID-19 {
	background-color:#fafafa;
	margin:15px;
	padding:30px;
	border:1px solid #f24e4e;
}
.news_COVID-19 > p {
	padding-bottom:15px;
}
.news_COVID-19 > dl {
	background-color:#DCDCDC;
	padding:30px;
}
.news_COVID-19 > dt {
	padding-bottom:15px;
}
.news_COVID-19 > dd {
	padding-bottom:5px;
}