@charset "utf-8";
/* CSS Document */

body {
	width: 100%;
	margin: auto;
	font-style: normal;
	font-weight: 500;
	font-size: 14px !important;
	color: #0a1929 !important;
	line-height: 1.6;
}
.blue-text::selection,
.blue-text .spacing-half::selection {
    -webkit-text-fill-color: #115bfb!important;
}
::selection {
	background: #ffc533;
}
/*******************************************************

メインビジュアル

********************************/
div.mainVisual {
	position: relative;
	width: 100%;
	height: 500px;
	margin: auto;
	background: #fff;
}
div.mainVisual .mainVisual-inner {
	width: 90%;
	max-width: 1200px;
	margin: 20px auto auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	overflow: hidden;
}
.swiper-container--01 {
    width: calc(100% - 580px);
    height: auto;
    margin: 10px auto;
    overflow: hidden;
}
.swiper-container--02 {
    width: 480px;
    height: 460px;
    margin: auto auto 10px;
    overflow: hidden;
	background: #fff;
	margin-left: 100px;
}
.swiper-container--02 .swiper-img-area {
	height: 480px !important;
	overflow: hidden;
}
.swiper-container--02 .swiper-img-area img {
	width: auto;
    height: 480px;
    transform: translateX(-11%);
}
.swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
	transition-timing-function: .25s ease-in-out;
}
.swiper-container--01 .swiper-slide .title {
	transition: .5s all;
}
.swiper-container--02 .swiper-slide .swiper-img-area {
	transition: 5s all;
}
.swiper-container {
	margin: 0!important;
}
.swiper-btn {
	position: relative;
    display: inline-block;
    width: 240px;
    font-size: 13px;
    font-weight: 700;
	color: #118bfb;
    text-align: center;
	margin-top: 30px;
	margin-left: 1px;
    padding: 13px 0 12px;
	border: 3px solid #118bfb;
    border-radius: 25px;
	border-image-slice: 1;
    transition: .3s cubic-bezier(0.5, 1, 0.89, 1);
	transition-delay: 0s, .4s;
}
.swiper-btn:hover {	
    background: linear-gradient(90deg, #115bfb 0%, #118bfb 100%);
}
.btn---2 {	
    padding: 11px 0 9px;
}
.swiper-btn::after {
    content: "";
    position: absolute;
    top: 40%;
    bottom: 0;
    right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    background: url(/wp-content/uploads/img/top/arrow_blue.svg) center center / 10px no-repeat;
    transition: .3s;
}
.swiper-btn a {
	text-decoration: none!important;	
	padding: 15px 77px 14px;
	color: #007aff !important;
}
.swiper-btn a:hover {
	color: #fff !important;
	text-decoration: none!important;
	padding: 15px 77px 14px!important;
}
.swiper-btn:hover::after {	
    right: 12px;
    background: url(/wp-content/uploads/img/top/arrow_w.svg) center center / 10px no-repeat;
}
div.mainVisual-bottom {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	padding: 70px 0;
}
div.mainVisual-bottom p {
	font-size: 14px;
}
span.yellow-back {
	padding: 1px 8px 2px;
	background: #ffe59a;
}
span.red-back {
	font-weight: 700;
	color: #f03748;
}

div.PC--mainVisual-inner {
	display: block;
}
div.SP--mainVisual-inner {
	display:none;
}
/**************************************************************

フローティングバナー（追従バナー）

**************************************************************/
.floatingBanner {
	position: fixed;
	z-index: 100;
	bottom: 80px;
	right: 0;
	animation: animation 1s forwards;
}
@keyframes animation {
	0% {
		transform: translateX(300px);
	}
}
@keyframes close {
	100% {
		transform: translateX(300px);
	}
}
.floatingBanner_img {
	height: auto;
	display: block;
}
.floatingBanner_img img {
	width: 300px;
	height: auto;
}
.is-hidden {	
	animation: close .5s forwards;
}
.floatingBanner_close {
	position: absolute;
	top: 0;
	left: -42px;
	cursor: pointer;
}
.floatingBanner_close .btn-text {
	position: relative;
	font-size: 13px; 
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 1.5px;
	writing-mode: vertical-rl; 
	color: #fff;	
    background: #0b439e;
	height: 200px;
	padding: 54px 12px;
	border-radius: 15px 0 0 15px;
    transition: all .3s;
}
.floatingBanner_close .btn-text::after {
	content: "";
    position: absolute;
    bottom: 14px;
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background: url(/wp-content/uploads/img/top/arrow_floating.svg) center center / 14px no-repeat;
    transition: all .3s;
	z-index: 3;
}

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

テキストアニメーション

**************************************************************/
.text-block {
	width: 100%;
	margin: auto 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1.3;
	font-size: 2.6rem;
	font-weight: 700;
	/*padding-right: 80px;*/
	letter-spacing: 1.1px;
}
.text-block-m {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.6;
	padding: 0;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: left;	
	transform: translateX(0%);
}
.text-block-s {
	display: flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.2;
	padding: 0;
	font-size: 2.6rem;
	font-weight: 700;
	text-align: center;	
	transform: translateX(0%);
}
.text-block-s .text-item {
	padding: 10px 0 0;
}
.text-block-s .text-item-comment {
	font-size: 14px !important;
	text-align: center;	
	margin-top: 30px;
}
.item-m {
	font-size: 1.7rem;
	margin-bottom: 10px;
}
.item-s {
	font-size: 2rem;
}
.item-ss {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	margin-top: 20px;
} 
.item-sss {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	margin-top: 15px;
	text-align: left;
} 
.text-split {
	overflow: hidden;
}
.text-split span {
	display: inline-block;
	min-width: 0.15em;
}
.text-item {
	width: fit-content;
	overflow: hidden;
}
.text-block--3 .text-item {
	transform: translateX(-101%);
}
.text-block--3 .is-active .text-item {
	transform: translateX(0);
	transition: transform cubic-bezier(0.74, 0, 0.24, 0.99) 1.1s;
}
.text-block--3 .is-active .text-item:nth-child(1) {
	transition-delay: 0s;
}
.text-block--3 .is-active .text-item:nth-child(1) > span {
	transition-delay: 0s;
}
.text-block--3 .is-active .text-item:nth-child(2) {
	transition-delay: 0.13s;
}
.text-block--3 .is-active .text-item:nth-child(2) > span {
	transition-delay: 0.13s;
}
.text-block--3 .is-active .text-item:nth-child(3) {
	transition-delay: 0.26s;
}
.text-block--3 .is-active .text-item:nth-child(3) > span {
	transition-delay: 0.26s;
}
.text-item > span {
	display: block;
}
.text-block--3 .text-item > span {
	transform: translateX(101%);
}
.text-block--3 .is-active .text-item > span {
	transform: translateX(0);
	transition: transform cubic-bezier(0.74, 0, 0.24, 0.99) 1.1s;	
	margin-top: 5px;
}
.swiper-pagination {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
.swiper-pagination-bullet {
	width: 28px!important;
	height: 14px!important;
	display: inline-block;
    border-radius: 3px!important;
	margin: 0 5px !important;
	color: #7c7f81!important;
	font-size: 11px!important;
	background: #e1e1e1!important;
	opacity: 1!important;
	line-height: 16px;
	transition: all .2s;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	color: #fff!important;
    background: #007aff!important;
	font-weight: 700;
}
.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {	
    bottom: 15px!important;
}
/* ページネーションの余白(位置) */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 10px 30px;
}

p.comment {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}
.blue-text {
	 background: linear-gradient(94.26deg, #115bfb 1.21%, #118bfb 79.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.navy-text {
	 background: linear-gradient(94.26deg, #002068 1.21%, #125796 79.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.yellow-back {
	padding: 1px 8px 2px;
	background: #ffe59a;
}
span.red-back {
	font-weight: 700;
	color: #f03748;
}
/***********************************************************

テキストスクロール

***********************************************************/
.fade-in {
	opacity: 0;
	transition-duration: 500ms;
	transition-property: opacity, transform;
}
.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

/* 左から右にフェードイン */
.fadeInLeft.visible {
    animation: fadeInLeft 0.7s ease 0s 1 normal;
}
/* fadeInLeft */
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
  }
}
/* 右から左にフェードイン */
.fadeInRight.visible {
    animation: fadeInRight 0.7s ease 0s 1 normal;
}
/* fadeInLeft */
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
  }
}

/* 下から上にフェードイン */
.fadeInBottom.visible {
animation: fadeInBottom 1s ease 0s 1 normal;
}
/* fadeInBottom */
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}
.fadeInBottom2.visible {
animation: fadeInBottom2 1s ease 0s 1 normal;
}
/* fadeInBottom */
@keyframes fadeInBottom2 {
  15% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}
.fadeInBottom3.visible {
animation: fadeInBottom3 1s ease 0s 1 normal;
}
/* fadeInBottom */
@keyframes fadeInBottom3 {
  30% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
  }
}

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

TOPコンテンツ

***********************************************************/
section.top-about-area {
	width: 100%;
	margin: 280px auto auto;
	padding-top: 70px;
	padding-bottom: 10px;
	background: linear-gradient(101.88deg, #EAF2F9 -9.11%, #FBFBFC 52.2%, #E6F0F9 94.15%, #A0D2FF 114.8%);
	background: linear-gradient(101.88deg, #eaf2f9 -9.11%, #fbfbfc 52.2%, #f1f8ff 94.15%, #deeeff 114.8%);
}
section.top-about-area .inner {	
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
section.top-about-area .inner .about-area {
	width: 100%;
	margin: 30px auto;
	display: flex;
	flex-wrap: wrap;
}
section.top-about-area .inner .about-area .item {
	width: 28%;
	margin: 20px 0;
	margin-right: 8%;
}
section.top-about-area .inner .about-area .item:nth-of-type(3n){
	margin-right: 0 !important;
}
section.top-about-area .inner .about-area .item .title {
	width: 100%;
	margin: auto auto 5px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
section.top-about-area .inner .about-area .item .in-title {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -1px;
	margin-bottom: 20px;
}
section.top-about-area .inner .about-area .item .num {
    display: inline-block;
    justify-content: flex-end;
    font-size: 12px;
	font-weight: 700;
    color: #f03748;
    text-transform: none;
	margin-bottom: 7px;
}
section.top-about-area .inner .about-area .item .item-inner .img {
	margin-top: 10px;
}
img.about-img-size-b {
	width: 100px;
	height: auto;
	margin-left: 20px;
}
img.about-img-size {
	width: 70px;
	height: auto;
	margin-left: 20px;
}
img.about-img-size-s {
	width: 65px;
	height: auto;
	margin-left: 30px;
}
span.yellow-back {
	padding: 3px 10px 2px;
	background: #ffe59a;
	border-radius: 15px;
}
span.red-back {
	font-weight: 700;
	color: #f03748;
}
section.top-feature-area {
	width: 100%;
	margin: auto;
	padding-top: 80px;
	padding-bottom: 70px;
	background: rgb(63,186,255);
	background: linear-gradient(90deg, rgba(63,186,255,1) 0%, rgba(46,115,226,1) 100%);
}
section.top-feature-area .inner {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
section.top-feature-area .inner .feature-area {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 30px auto;
}
span.dot-text  {	
	display: inline-block;
	position: relative;
	color: #f03748;	
}
span.dot-text::before {
	position: absolute;
	top: -.7em;
	left: 50%;
	transform: translate(-50%, 0);
	color: #f03748;
	font-size: .85em;
	content: "・";
}
span.dot-text-y  {	
	display: inline-block;
	position: relative;
	color: #fbff2f;
	font-size: 105%;
}
span.dot-text-y::before {
	position: absolute;
	top: -.5em;
	left: 50%;
	transform: translate(-50%, 0);
	color: #fbff2f;
	font-size: .8em;
	content: "・";
}
section.top-feature-area .inner .feature-area .feature-item {
	position: relative;
	width: 49%;
	margin-right: 1%;
	background: #fff;
	border-radius: 15px;
	margin-bottom: 20px;
	padding-bottom: 0;
	box-shadow: 10.092px 10.092px 45px rgba(0, 0, 0, 0.03);
    transition: all .3s;
}
section.top-feature-area .inner .feature-area .feature-item::after {
    content: "";
    position: absolute;
    bottom: 12px;
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background: url(/wp-content/uploads/img/top/arrow_blue--gradation.svg) center center / 14px no-repeat;
    transition: all .3s;
	z-index: 3;
}
section.top-feature-area .inner .feature-area .feature-item:hover {	
    transition: all .3s;
	transform: translateY(-5px);
	box-shadow: 10.092px 10.092px 45px rgba(0, 0, 0, 0.1);
}
section.top-feature-area .inner .feature-area .feature-item:nth-child(even) {
	margin-right: 0;
	margin-left: 1%;
}
section.top-feature-area .inner .feature-area .feature-item .item-inner {
	width: 100%;
	padding: 30px 30px 25px;
}
.feature-title {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: 20px;
	display: flex;
	flex-direction: row;
    align-items: flex-start;	
}
.feature-title .num {
	font-size: 32px;
	min-width: 46px !important;
	text-align: center;
	margin-bottom: 0;
	line-height: 1;
}
.title-w {
	color: #fff;
}
.feature-title .title {	
	border-left: 2px solid #118bfb ;
	margin-left: 12px;
	padding-left: 12px;
	line-height: 1.4;
	margin-bottom: 0;
	text-align: left!important;
}
div.mv-text-area blockquote {
	padding: 0;
	font-style: normal;
	letter-spacing: 1.1px;
}
div.mv-text-area p {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 0;
}
section.top-feature-area .inner .feature-area .feature-item a {
	text-decoration: none;
	color: #0a1929;
}
.feature-item .feature-comment {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 0;
}
section.top-mv-area {
	width: 100%;
	margin: auto;
	overflow: hidden;
}
section.top-mv-area .inner {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	padding: 100px 0 70px;
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
section.top-mv-area .inner-area {
	width: 90%;
	max-width: 1200px;	
	margin: -20px auto 100px;
	display: flex;
}
section.top-mv-area .mv-area {
	width: 65%;
	margin-left: 5%;
	aspect-ratio: 16 / 9;
}
section.top-mv-area .mv-area iframe {	
	width: 100%;
	height: 100%;
}
.point-text {
	position: relative;
    font-size: 145%;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 35px !important;
    padding-left: 45px !important;
}
.point-text::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -0.5em;
    left: 0;
    width: 1.7em;
    height: 1.5em;
    background-image: url(/wp-content/uploads/img/top/quote.svg);
}
.point-text::after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -0.5em;
    width: 1.7em;
    height: 1.5em;
    background-image: url(/wp-content/uploads/img/top/quote.svg);
	transform: rotate(180deg);
}
section.top-useCase-area {
    position: relative;
	width: 100%;
	margin: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	background: linear-gradient(101.88deg, #eaf2f9 -9.11%, #fbfbfc 52.2%, #f1f8ff 94.15%, #deeeff 114.8%);
}
section.top-useCase-area .inner {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
section.top-useCase-area .inner .in-p {
	text-align: left;
	padding: 15px 0 30px;
}
div.useCase-area {
	width: 90%;
	max-width: 1200px;
	margin: 30px auto 20px !important;
}
div.useCase-area .useCase-slider {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	align-items: stretch;
}
.useCase-slider .useCase-block {
	position: relative;
	width: 32%;
	display: flex;
	flex-direction: column;
	transition: all .3s;
	transform: translateY(0);
	box-shadow: 10.092px 10.092px 45px rgba(0, 0, 0, 0.03);
	margin-right: 1%;
	margin-left: 0;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 10px;
	border: 3px solid rgba(157,201,247,.35);
}
.useCase-slider .useCase-block::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background: url(/wp-content/uploads/img/top/arrow_blue--gradation.svg) center center / 14px no-repeat;
    transition: all .3s;
	z-index: 3;
}
.useCase-slider .useCase-block:nth-of-type(2),
.useCase-slider .useCase-block:nth-of-type(5) {
	margin-right: 1%;
	margin-left: 1%;
}
.useCase-slider .useCase-block:nth-of-type(3),
.useCase-slider .useCase-block:nth-of-type(6) {
	margin-right: 0;
	margin-left: 1%;
}
.useCase-slider .useCase-block:hover {	
	transform: translateY(-5px);
}
.useCase-slider .useCase-block a,
.useCase-slider .useCase-block a:visited {
	text-decoration: none;
}
.useCase-slider .useCase-block .useCase-inner {
	position: relative;
	padding: 15px 30px 30px;
	background: #fff;
	border-radius: 10px;
	z-index: 2;
}
.useCase-slider .useCase-block .useCase-inner .text .case-title {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 10px;
	text-align: center;
}
.useCase-slider .useCase-block .useCase-inner .text .case-comment {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 0;
}
.useCase-slider .useCase-block .useCase-inner .img {
	width: 100%;
	display: flex;
    justify-content: center;
	margin: 10px auto 20px;
}
.useCase-slider .useCase-block .useCase-inner a,
.useCase-slider .useCase-block .useCase-inner a:visited {	
	color: #0a1929 !important;
}
.useCase-slider .block-w-all {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	margin: auto;
	transition: all .3s;
	transform: translateY(0);
	box-shadow: 10.092px 10.092px 45px rgba(0, 0, 0, 0.03);
	background: #fff;
	border-radius: 10px;
	border: 3px solid rgba(157,201,247,.35);
}
.useCase-slider .block-w-all::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background: url(/wp-content/uploads/img/top/arrow_blue--gradation.svg) center center / 14px no-repeat;
    transition: all .3s;
	z-index: 3;
}
.useCase-slider .block-w-all:hover {	
	transform: translateY(-5px);
}
.useCase-slider .block-w-all a {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
	text-decoration: none;
	color: #0a1929 !important;
}
.useCase-slider .block-w-all a:hover,
.useCase-slider .block-w-all a:visited {
	color: #0a1929 !important;
}
.useCase-slider .block-w-all .img {
	width: 25%;
	height: 100%;
}
.useCase-slider .block-w-all .img img {
	padding: 0 50px 0 0;
}
.useCase-slider .block-w-all .text {
	width: 75%;
}
.useCase-slider .block-w-all .text p.case-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 13px;
	text-align: left;
	color: #0a1929 !important;
}
.useCase-slider .block-w-all .text p.case-comment {
	font-size: 14px;
	margin-bottom: 0;
	color: #0a1929 !important;
}
.useCase-slider .block-w-all .ribbon-content {
	position: absolute;
	top: 0;
	right: 0;
	width: 90px;
	height: 80px;
	overflow: hidden;
}
.useCase-slider .block-w-all .ribbon-content .ribbon {
	display: inline-block;
	position: absolute;
	padding: 10px 0 8px;
	left: -12px;
	top: 11px;
	width: 160px;
	text-align: center;
	font-size: 10px;
	font-weight: 700!important;
	line-height: 6px;
	background: #f1394a;
	color: #fff;
	letter-spacing: 0.05em;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}








img.useCase-img {
	width: 70px;
}
.blue-text {
	 background: linear-gradient(94.26deg, #115bfb 1.21%, #118bfb 79.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.navy-text {
	 background: linear-gradient(94.26deg, #002068 1.21%, #125796 79.97%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
div.top-useCase-area .inner p {
	font-size: 15px !important;
	line-height: 1.6;
}
.useCase-slider .slick-slide {
    margin: 0 10px;
    height: auto;
}
.slick-dots {
	text-align: center;
	margin: 0;
}
.slick-dots li {
	display:inline-block;
	margin:0 5px;
}
.slick-dots button {
    color: transparent;
    outline: none;
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    background: #ccc;
}
.slick-dots .slick-active button{
    background: linear-gradient(94.26deg, #115BFB 1.21%, #118BFB 79.97%);
}
.slick-list {
	padding-bottom: 30px !important;
}
section.top-seminar-area {
	width: 100%;
	margin: auto;
	overflow: hidden;
	background: #313c55;
	background: linear-gradient(274.75deg, #002068 13.81%, #125796 89.49%);
}
section.top-seminar-area .inner {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	padding: 80px 0;
	color: #fff;
}
#seminarList {
	margin-top: 50px;
	width: 100%;
    margin: 50px auto auto;
    display: flex;
    align-items: flex-start;
    flex-direction: row;	
}
#seminarList .seminar-box {
	position: relative;
	width: 33%;
	margin: 0 1.5%;
	display: flex;
	flex-direction: column;
	color: #000;
	box-sizing: border-box;
    transition: all .3s;
}
#seminarList .seminar-box::after {
    content: "";
    position: absolute;
    bottom: 12px;
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    background: url(/wp-content/uploads/img/top/arrow_web.svg) center center / 14px no-repeat;
    transition: all .3s;
	z-index: 3;
}
#seminarList .seminar-box:hover {	
	transform: translateY(-5px);
}
#seminarList .short--box::after{
    background: url(/wp-content/uploads/img/top/arrow_short.svg) center center / 14px no-repeat;	
}
#seminarList .zabbix--box::after{
    background: url(/wp-content/uploads/img/top/arrow_zabbix.svg) center center / 14px no-repeat;	
}


#seminarList .seminar-box .ribbon-web,
#seminarList .seminar-box .ribbon-short,
#seminarList .seminar-box .ribbon-zabbix {
	display: inline-block;
	position: absolute;
	top: -6px;
	right: 10px;
	margin: 0;
	padding: 10px 0 2px;
	z-index: 2;
	width: 60px;
	text-align: center;
	color: white;
	font-size: 11px;
	font-weight: 700;
	background: #22b295;
	border-radius: 2px 0 0 0;
}
#seminarList .seminar-box .ribbon-short {	
	background: #fab413;
}
#seminarList .seminar-box .ribbon-zabbix {	
	background: #f03748;
}
#seminarList .seminar-box .ribbon-web::before,
#seminarList .seminar-box .ribbon-short::before, 
#seminarList .seminar-box .ribbon-zabbix::before {
	position: absolute;
	content: '';
	top: 0;
	right: -5px;
	border: none;
	border-bottom: solid 6px #0c7560;
	border-right: solid 5px transparent;
}
#seminarList .seminar-box .ribbon-short::before {	
	border-bottom: solid 6px #b9840a;
}
#seminarList .seminar-box .ribbon-zabbix::before {	
	border-bottom: solid 6px #b11624;
}
#seminarList .seminar-box .ribbon-web::after,
#seminarList .seminar-box .ribbon-short::after,
#seminarList .seminar-box .ribbon-zabbix::after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 12px solid #22b295;
}
#seminarList .seminar-box .ribbon-short::after {	
	border-top: 12px solid #fab413;
}
#seminarList .seminar-box .ribbon-zabbix::after {	
	border-top: 12px solid #f03748;
}
span.web-back {
	background: #d3f7f0;
    padding: 3px 5px 0;
}
span.short-back {
	background: #fdebc0;
    padding: 3px 5px 0;
}
span.zabbix-back {
	background: #f7d4d7;
    padding: 3px 5px 0;
}






#seminarList .seminar-box:first-child {
	margin-left: 0;
}
#seminarList .seminar-box:last-child {
	margin-right: 0;
}



#seminarList .seminar-box a {
	padding: 30px 30px 25px;
	background: #fff;
	text-decoration: none;
	border-radius: 10px!important;
	color: #000;
}
#seminarList .seminar-box p {
	font-size: 21px;
	font-weight: 700;
	margin-bottom: 10px;
}
#seminarList .seminar-box p.comment {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 0;
}

#seminarList .web--box a {
	border: 5px solid #beeae1;
}
#seminarList .short--box a {
	border: 5px solid #fbe5b1;
}
#seminarList .zabbix--box a {
	border: 5px solid #f7d4d7;
}






div.seminar-in-List {
	width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
    padding: 0;
    margin: 15px auto 0;
    gap: 0;
    border: none;
	box-sizing: border-box;
	border-radius: 10px;
}
div.seminar-in-List .seminarGroup {
    width: 100%;
	display: flex;
	flex-wrap: wrap;
    margin-top: 20px;
}
div.seminar-in-List .seminarGroup .seminarItem {
    position: relative;	
    width: 49%;
    padding: 0;
	margin: 0 .5% 15px;
    text-align: center;
    justify-content: space-between;
	background: rgba(255,255,255,.98);
	box-shadow: 10.092px 10.092px 45px rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    overflow: hidden;
    color: #333;
	transition: 0.7s ease-in-out;
}
div.seminar-in-List .seminarGroup .seminarItem .seminar-item-inner {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	padding: 30px 32px 25px;
	text-decoration: none;
}
div.seminar---information {
	width: 100%;
	margin: auto auto 20px;
	display: flex;
	justify-content: space-between;
}
div.seminar---information .calendar {
	position: relative;
	font-family: 'Poppins', sans-serif;
	min-width: 72px;
	height: 70px;
	display: flex;
	flex-direction: column;
	text-align: center;
	font-weight: 700;
	border-radius: 4px;
	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15);
}
span.y--m,
span.y--m--short,
span.y--m--zabbix {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .5px;
	color: #fff;
	padding: 3px 0 1px;
	background: #22b295;
	border-radius: 4px 4px 0 0;
}
span.y--m--short {	
	background: #eca400;
}
span.y--m--zabbix {	
	background: #f03748;
}
span.day {
	font-size: 24px;
    letter-spacing: 1px;
	padding-top: 4px;
}
span.day span {
	font-size: 16px;
}
div.seminar---information .info {
	width: calc(100% - 72px);
	margin-left: 20px;
	text-align: left;
	
}
.seminar---time {
	font-family: 'Poppins', sans-serif;
	margin-left: 5px;
	padding: 3px 12px 0 !important;
	letter-spacing: .5px;
}
.seminar---week {	
	margin-left: 5px;
}
div.seminar-in-List .seminarGroup .seminarItem .seminar-item-inner .seminar-item-text {
	text-align: left;
}
div.seminar-in-List .seminarGroup .seminarItem .seminar-item-imagewrap {
    padding-bottom: 57%;
    position: relative;
    overflow: hidden;
}
div.seminar-in-List .seminarGroup .seminarItem .seminar-item-imagewrap .seminar-item-img {
	position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
	background-size: cover;
    background-position: top center;
	-webkit-transition: all .2s ease-out;
	transition: 0.3s ease-in-out;
}
div.seminar-in-List .seminarGroup .seminarItem:hover .seminar-item-imagewrap .seminar-item-img {
	transform: scale(1.05);
}
div.seminar-in-List .seminarGroup .seminarItem:hover {
    /*box-shadow: 0 0 4px 2px rgb(0 0 0 / 3%);*/
}
div.seminar-in-List .seminarGroup .seminarItem a,
div.seminar-in-List .seminarGroup .seminarItem a:hover,
div.seminar-in-List .seminarGroup .seminarItem a:visited {
	color: #0a1929;
}
div.seminar-in-List .seminarGroup .seminarItem a:hover {
	text-decoration: none;
}
div.seminar-in-List .seminarGroup .seminarItem .seminar-item-imagewrap .seminar-item-img img {
	border-radius: 0;
}
div.seminar-in-List .seminarGroup .seminarItem .seminar-item-text .day {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 5px;
}	
.seminar-title {
	font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 1px;
    margin-bottom: 2px !important;
}
.type--2 {
	font-size: 22px;
	line-height: 1.3;
	margin-top: -3px !important;
}
div.seminar-in-List .seminarGroup .seminarItem .seminar-item-text .comment {
	font-size: 14px;
	margin-bottom: 0;
}
div.seminar-in-List .seminarGroup .seminarItem .seminarItemTag {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding: 1px 0 10px;	
}
div.seminar-in-List .seminarGroup .seminarItem .seminarItemTag .tag {
	font-size: 12px;
	font-weight: 700;
	padding: 2px 12px 1px;
	border-radius: 3px;
    transition: all .3s;
	border: 1px solid;
}
div.seminar-in-List .seminarGroup .seminarItem .seminarItemTag .tag:hover {		
    background: linear-gradient(90deg, rgba(63,186,255,1) 0%, rgba(46,115,226,1) 100%);
	border: 1px solid #2e73e2;
    color: #fff;
}
span.left-margin {
	margin-left: -12px;
}
span.right-margin {
	margin-right: -12px;
}
span.left-margin2 {
	margin-left: -5px;
}
span.right-margin2 {
	margin-right: -5px;
}
.seminar--img--size {
	width: 200px;
	margin-top: 8px;
}
.btn {
	position: relative;
	cursor: pointer;
	display: inline-block;
	width: 220px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	margin-top: 10px;
	padding: 12px 0 7px;
	background: #fff;
	border-radius: 25px;
}
.btn::after {
    content: "";
    position: absolute;
    top: 38%;
    bottom: 0;
    right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    background: url(../img/arrow_navy.svg) center center / 10px no-repeat;
    transition: all .3s;
}
.btn:hover::after {	
    right: 11px;
}
p.desc {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height: 1.5;
	font-size: 14px;
	text-align: left;
	margin-bottom: 0!important;
}
section.top-news-area {
    position: relative;
	width: 100%;
	margin: auto;
	padding: 100px 0;
	margin-bottom: -30px;
	background: linear-gradient(101.88deg, #eaf2f9 -9.11%, #fbfbfc 52.2%, #f1f8ff 94.15%, #deeeff 114.8%);
}
section.top-news-area .inner {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}

section.top-news-area .inner .news-list {
	background: #fff;
	border-radius: 25px;
	padding: 15px 50px 10px;
	margin-top: 20px;
}
section.top-news-area .inner .news-list .news {
	list-style: none;
}
section.top-news-area .inner .news-list .news li {
	padding: 14px 0;
	border-bottom: 1px dashed #ddd;
	display: block;
	font-size: 14px;
}
section.top-news-area .inner .news-list .news li .day {
	font-size: 80%;
	margin-right: 10px;
}
section.top-news-area .inner .news-list .news li .category {
	font-size: 70%;
    border: 1px solid #2e73e2;
    padding: 2px 8px;
    margin-right: 10px;
    color: #2e73e2;
    font-weight: 700;
}
.cate-n {	
    border: 1px solid #f03748 !important;
    color: #f03748 !important;
	padding: 2px 13px !important;
}
.top-btn {
	position: relative;
	display: inline-block;
	width: 200px;
	font-size: 12px;
	font-weight: 700;
	color: #313C55;
	text-align: center;
	letter-spacing: -.5px!important;
	margin: 15px;
    padding: 12px 0 10px;
	background-color: transparent;
	border-radius: 25px;
    align-items: center;
	border: 2px solid #313C55;
    transition: .3s cubic-bezier(0.5, 1, 0.89, 1);	
	transition-delay: 0s, .4s;
}
.title-btn {
	width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.top-btn::after {
    content: "";
    position: absolute;
    top: 36%;
    bottom: 0;
    right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    background: url(/wp-content/uploads/img/top/arrow_news.svg) center center / 10px no-repeat;
    transition: all .3s;
}
.top-btn:hover::after {	
    right: 12px;
    background: url(/wp-content/uploads/img/top/arrow_w.svg) center center / 10px no-repeat;
}
.top-btn:hover {	
	color: #fff!important;
	background-color: #313C55;
    transition: all .5s;
}
.top-btn a,
.top-btn:visited {
	text-decoration: none;
	padding: 12px 64px 10px!important;
}
.top-btn a:hover {
	color: #fff !important;
	padding: 12px 64px 10px!important;
	
}





.entry-content #whatsnew-title_list .whatsnew-cateid dl a,
.entry-content #whatsnew-title_list .whatsnew-cateid dl a:visited {
}
div#feed_area {
	border: none;
	background-image: none;
}
div.topic_pazing_wrap {
	display: none;
}
span.category_icon {
	width: 60px;
	padding: 0 5px;
	border-radius: 0;
}
dd.topic_title {
	font-size: 14px;
	padding-left: 10px !important;
	letter-spacing: .2px;
}
dd.topic_title br {
	display: none;
}
span.category_icon,
span.category_icon.event,
span.category_icon.use-case,
span.category_icon.seminar {
    border: 2px solid #3ca0fc;
	color: #3ca0fc;
	background: #fff!important;
    font-weight: 700;
	line-height: 18px;
}
span.category_icon.event {
    border: 2px solid #57d1b8;
	color: #57d1b8;
}
span.category_icon.use-case {
    border: 2px solid #ff8792;
	color: #ff8792;
	letter-spacing: .1px;
}
span.category_icon.seminar {
    border: 2px solid #f6b215;
	color: #f6b215;
}
footer[role="contentinfo"] {
	background: #051841!important;
	line-height: 1.9;
}
footer[role="contentinfo"] li a {
	position: relative;
    font-size: 11px;
	margin-left: 10px;
	padding-left: 20px;
	color: rgba(255,255,255,.8)!important;
}
footer[role="contentinfo"] li a::before {
	position: absolute;
	content: "■";
	font-size: 9px;
	left: 7px;
    top: 0;
	color: #fff!important;
}
footer[role="contentinfo"] li.first_li a {
    font-size: 15px;
	color: rgba(255,255,255,0.6);
	letter-spacing: .2px;
	padding-left: 0!important;
}
footer[role="contentinfo"] li.first_li a::before {
	content: none;
}
.site-info {
    max-width: 1200px !important;
}
div.flexwrap_footer .item ul {
	width: 100% !important;
	padding: 0;
}
.inline_contents_wrap {
	display: flex;
	justify-content: center;
    align-items: center;
	padding-top: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
}
footer#colophon {
	padding-bottom: 20px !important;
}
.inline_contents_right {
	font-size: 12px;
	line-height: 1.6;
	padding: 0 !important;
	margin-top: -10px;
}
li.first_li {
	margin-top: 10px;
}
.link-blank {
	position: relative;
    display: flex;
    flex-wrap: wrap;
}
.link-blank::after {
    content: url(/wp-content/uploads/img/top/icon_window01.png);
    width: 14px;
    height: 14px;
    float: right;
    margin-left: 10px;
    margin-top: 7px;
}
#page-top {
    right: 0!important;
}
#page-top a {
	position: relative;
	width: 42px !important;
    padding: 35px 12px 20px!important;
    border-radius: 15px 0 0 15px !important;
    background: rgba(5,24,65,.9)!important;
	color: #fff!important;
    font-size: 11px !important;
	font-weight: 700;
	letter-spacing: .1px;
	line-height: 14px !important;
	transition: all 0.3s ease-in-out;
	transform: translateY(0);
}
#page-top a:hover {	
	transform: translateY(3px);
}
#page-top a::before {	
    content: "";
    position: absolute;
    top: 30%;
    bottom: 0;
    right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    background: url(/wp-content/uploads/img/top/arrow_w.svg) center center / 10px no-repeat;
    transition: all .3s;
	transform: rotate(270deg);
}
.inline_contents_wrap {
	display: flex!important;
    justify-content: center;
    align-items: center;
	margin-top: 0!important;
}
.inline_contents_wrap .inline_contents_left {
	padding: 5px 15px !important;
}
.inline_contents_right {
    font-size: 11px;
	margin-top: 0;
}
.entry-content dd,
.comment-content dd,
.top-btn a,
.top-btn,
.top-btn a:visited,
.top-btn:visited,
.entry-content dd:visited,
.comment-content dd:visited {
	color: #0a1929 !important;
}
.top-btn:hover,
.top-btn a:hover {
	color: #fff!important;
}
@media (max-width:1222px){	
	.filter {
		width: 23.7%!important;
	}
}
@media (max-width:1199px){
	.text-title {
		font-size: 38px!important;
	}
	.swiper-container--01 {
		width: calc(100% - 520px);
	}
}
@media (max-width:1130px) and (min-width:1028px){
	.text-block {
		font-size: 40px!important;
	}
	.swiper-container--02 {
		margin: 10px!important;
	}
}
@media (max-width:600px){
	div.floatingBanner {
		display: none;
	}
	header#masthead {
		height: 80px;
	}
	div.menu--wrap {
		z-index: 999;		
	}	
	.site-header h1 img {
		width: 170px!important;
	}
	section.top-feature-area {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	div.mainVisual-bottom {
		padding-top: 70px!important;
	}
	.text-block {
		padding-right: 0;
		font-size: 31px;
		letter-spacing: -0.2px;
	}	
	.text-block-s {
		font-size: 31px;
	}
	.item-m {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.text-item span {
		letter-spacing: -.5px;
	}
	div.mainVisual .mainVisual-inner {
		width: 100%;
		flex-direction: column;
		justify-content: flex-start;
	}
	.swiper-container--01 {
		width: 100%;
		height: auto;
		margin: auto;
		overflow: hidden;
	}
	.swiper-container--02 {
		width: 100%;
		height: auto;
		margin: -5px auto 10px;
		display: flex;
		flex-direction: column;
		border-radius: 0;
	}
	.swiper-container--02 .swiper-slide {
		height: inherit!important;
		display: flex;
		flex-direction: column-reverse;
	}
	.swiper-container--02 .swiper-slide .swiper-img-area {
		width: 100% !important;
		height: 210px !important;
		border-radius: 15px;
		margin-top: -15px;
		z-index: -1;
	}		
	.swiper-container--02 .swiper-slide .swiper-img-area img {
		height: 210px !important;
		width: auto !important;
		margin: 10px 10% 0;
		padding-bottom: 20px;
		transform: none;
	}		
	.swiper-pagination-bullets,
	.swiper-pagination-custom,
	.swiper-pagination-fraction {
		bottom: -80px!important;
	}
	.main-btn {
		width: 100%;
		margin: 10px auto auto!important;
		z-index: 1;
	}
	.item-ss {
		margin-top: 10px;
		line-height: 1.7;
	}
	.sp-left {
		margin-left: -2px !important;
	}
	.swiper-text-area .title {		
		height: auto;
	}
	.text-title {
		transform: scale(0.96, 1);
		margin-left: -5px;
		letter-spacing: -0.1px;
	}	
	.text-title2 {
		font-size: 35px;
		transform: scale(0.96, 1);
		margin-left: -5px;
		letter-spacing: -0.1px;
	}	
	.text-title3 {
		font-size: 35px;
		transform: scale(0.96, 1);
		margin-left: -7px;
		letter-spacing: -0.1px
	}
	section.top-about-area {		
		margin: 450px auto auto;
	}
	section.top-about-area .inner .about-area {
		flex-direction: column;
	}
	section.top-about-area .inner .about-area .item {
		width: 100%;
		margin: 0;
	}
	section.top-about-area {
		padding-top: 50px;
	}
	img.about-img-size-b {
		margin-left: 0;
	}
	img.about-img-size-b {
		width: 70px;
	}
	section.top-feature-area .inner .feature-area {
		flex-direction: column;
		margin: 20px auto;
	}
	section.top-feature-area .inner .feature-area .feature-item {
		width: 100%;
		margin-right: 0;
	}
	section.top-mv-area .inner-area {
		margin: -40px auto 60px;
		flex-direction: column-reverse;
	}
	section.top-mv-area .mv-area {
		width: 100%;
		margin-left: 0;
	}
	section.top-mv-area .mv-text-area {
		margin-top: 30px;
	}
	.swiper-btn {
		width: 90%;
		margin: 30px 5% auto;
		background: #fff;
	}
	.swiper-btn a, .swiper-btn a:hover {
		padding: 15px 100px 14px!important;
	}
	.point-text::after {
		right: 0;
	}
	.point-text {
		margin-bottom: 25px !important;
	}
	.text-block-m {
		line-height: 1.5;
		font-size: 32px;
	}
	span.dot-text {
		margin-top: 5px;
	}
	section.top-feature-area .inner .feature-area .feature-item .item-inner {
		padding: 30px 20px 25px;
	}
	#seminarList {
		margin-top: 30px;
		flex-direction: column;
	}
	section.top-seminar-area .inner {
		padding: 80px 0 50px;
	}
	div.seminar-in-List .seminarGroup .seminarItem .seminar-item-inner {
		padding: 30px 20px 25px;
	}
	div.seminar-in-List .seminarGroup {
		flex-direction: column;
	}
	#seminarList .seminar-box {
		width: 100%;
		margin: 0 0 20px;
	}
	div.seminar-in-List {
		margin: 0 auto;
	}
	div.seminar-in-List .seminarGroup .seminarItem {
		width: 100%;
	}
	div.seminar---information {
		margin: auto auto 10px;
	}
	p.desc {
		margin-bottom: 0;
	}
	.seminar-title {
		line-height: 1.3!important;
	}
	.seminar---time {
		margin-top: 6px;
		margin-left: 0;
	}
	.filter {
		width: 46.74%!important;
		margin-bottom: 15px;
	}
	.text-block-s .text-item {
		text-align: left;
		padding: 0;
	}
	.text-block--3 .is-active .text-item > span {
		margin-top: 5px;
	}
	section.top-news-area .inner .news-list {
		border-radius: 25px;
		padding: 0px 25px 5px 30px;
	}
	.title-btn {
		flex-direction: column;
		align-items: center;
	}
	dd.topic_title {
		padding-top: 8px !important;
		padding-left: 0!important;
	}
	footer[role="contentinfo"] li.first_li a {
		font-size: 16px;
	}
	footer[role="contentinfo"] li a {
		font-size: 13px;
	}
	div.flexwrap_footer .item {
		min-width: 100%!important;
		margin-bottom: 0!important;
	}
	li.first_li {
		margin-top: 15px;
	}
	div.flexwrap_footer_mark {
		width: 90%;
		margin: auto auto 50px;
	}
	.inline_contents_wrap {
		flex-direction: column;
	}
	.inline_contents_right {
		text-align: center;
	}
	section.top-mv-area .inner {
		padding: 70px 0;
	}
	.feature-title {
		font-size: 20px;
	}
	div.useCase-area .useCase-slider {
		flex-direction: column;
	}
	.useCase-slider .useCase-block,	
	.useCase-slider .useCase-block:nth-of-type(2),
	.useCase-slider .useCase-block:nth-of-type(3),
	.useCase-slider .useCase-block:nth-of-type(4), 
	.useCase-slider .useCase-block:nth-of-type(5) {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	.feature-title {
		margin-bottom: 15px;
	}
	section.top-useCase-area {
		padding-top: 50px;
		padding-bottom: 30px;
	}
	#page-top {
		bottom: 0!important;
		z-index: 1000;
	}
	#page-top a {
		width: 80px!important;
		padding: 40px 0 20px 10px!important;
		border-radius: 30px 0 0 0 !important;
	}
	#page-top a::before {
		top: 30%;
		right: 30px;
	}
	section.top-news-area {
		padding: 70px 0;
	}
	.swiper-pagination-bullet {
		color: #7c7f81!important;
		background: #e1e1e1!important;
	}	
	.swiper-pagination-bullet-active {
		color: #fff!important;
		background: #007aff!important;
		font-weight: 700;
	}
	.useCase-slider .block-w-all a {
		flex-direction: column;
	}
	.useCase-slider .block-w-all .img,
	.useCase-slider .block-w-all .text {
		width: 100%;
	}
	.useCase-slider .block-w-all .img img {
		padding: 0 40px 10px;
	}
	section.top-about-area .inner .about-area .item .item-inner .img {
		margin-top: 5px;
		margin-left: 10px;
	}
	p.comment {
		margin-bottom: 40px;
	}
	.swiper-btn {
		padding: 10px 0 9px;
		margin-top: 20px;
	}
	.swiper-btn a {		
		font-size: 14px!important;
	}
	.site-header h1 {
		padding-left: 0!important;
	}
	div.flexwrap_footer_mark {
		width: 80%;
	}
}
@media (max-width:375px){	
	.text-block {
		padding-right: 0;
		font-size: 30px;
		letter-spacing: -0.2px;
	}
	.text-block-m {
		font-size: 30px;
	}	
	.item-m {
		  font-size: 18px;
		  margin-bottom: 7px;
	}
	.text-title3 {
		margin-left: -7px!important;
	}
}

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

2023.11.14 mainVisual 幅・フォントサイズなど

**************************************************/
.swiper-container {
	margin: 0!important;
	padding-left: 1px;
}
.swiper-container--01 {
    width: 58%;
    height: auto;
	margin-right: 60px!important;
    overflow: hidden;
	background: #fff;
}
.swiper-container--02 {
    width: 42%;
    height: 480px;
    margin: auto auto 10px;
    overflow: hidden;
	background: #fff;
	margin-left: 100px;
}
.swiper-container--02 .swiper-img-area {
	height: 480px !important;
	overflow: hidden;
}
.swiper-container--02 .swiper-img-area img {
	width: 120%;
    height: 480px;
    transform: translateX(-11%);
}
.swiper-slide {
    display: flex;
    justify-content: space-between;
    align-items: center;
	transition-timing-function: .25s ease-in-out;
}
.swiper-container--01 .swiper-slide .title {
	transition: .5s all;
}
.swiper-container--02 .swiper-slide .swiper-img-area {
	transition: 5s all;
}
.swiper-btn {
	position: relative;
    display: inline-block;
    width: 240px;
    font-size: 13px;
    font-weight: 700;
	color: #118bfb;
    text-align: center;
	margin-top: 30px;
	margin-left: 1px;
    padding: 13px 0 12px;	
    /*background: linear-gradient(90deg, #115bfb 0%, #118bfb 100%);*/
	border: 3px solid #118bfb;
    border-radius: 25px;
	border-image-slice: 1;
    transition: .3s cubic-bezier(0.5, 1, 0.89, 1);
	transition-delay: 0s, .4s;
	background: #fff;
}
.swiper-btn:hover {	
    background: linear-gradient(90deg, #115bfb 0%, #118bfb 100%);
}
.btn---2 {	
    padding: 11px 0 9px;
}
.swiper-btn::after {
    content: "";
    position: absolute;
    top: 40%;
    bottom: 0;
    right: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10px;
    height: 10px;
    background: url(/wp-content/uploads/img/top/arrow_blue.svg) center center / 10px no-repeat;
    transition: .3s;
}
.swiper-btn a {
	text-decoration: none!important;	
	padding: 15px 77px 14px;
	color: #007aff !important;
}
.swiper-btn a:hover {
	color: #fff !important;
	text-decoration: none!important;
	padding: 15px 77px 14px!important;
}
.swiper-btn:hover::after {	
    right: 12px;
    background: url(/wp-content/uploads/img/top/arrow_w.svg) center center / 10px no-repeat;
}
div.mainVisual-bottom {
	width: 90%;
	max-width: 1200px;
	margin: auto;
	padding: 70px 0;
}
div.mainVisual-bottom p {
	font-size: 14px;
}
span.yellow-back {
	padding: 1px 8px 2px;
	background: #ffe59a;
}
span.red-back {
	font-weight: 700;
	color: #f03748;
}

div.PC--mainVisual-inner {
	display: block;
}
div.SP--mainVisual-inner {
	display:none;
}
@media (max-width:1133px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 40px!important;
	}
}
@media (max-width:1133px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 40px!important;
	}
}
@media (max-width:1128px){
	.text-title,
	.text-title2 {
		font-size: 38px!important;
	}
}
@media (max-width:1079px){
	.swiper-container--01 {
		margin-right: 30px!important;
	}
	.text-title,
	.text-title2 {
		font-size: 38px!important;
	}
}
@media (max-width:1022px){
	.text-title,
	.text-title2 {
		font-size: 38px!important;
		letter-spacing: -.1px!important;
	}
}
@media (max-width:990px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 34px!important;
	}
}
@media (max-width:980px){
	.swiper-container--02 {
		height: 450px;
	}
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 55px!important;
	}
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 33px!important;
		letter-spacing: -.15px!important;
	}
	.item-m {
		font-size: 22px!important;
	}	
	.item-ss {
		font-size: 14px!important;
	}	
}
@media (max-width:932px) and (min-width:918px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 31px!important;
	}
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 55px!important;
	}
	div.mainVisual-bottom {
		padding: 50px 0;
	}	
}
@media (max-width:917px) and (min-width:862px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 29px!important;
	}
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 55px!important;
	}
	div.mainVisual-bottom {
		padding: 50px 0;
	}	
	.item-m {
		font-size: 20px!important;
	}
}
@media (max-width:897px) {
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 28px!important;
	}
	.item-m {
		font-size: 18px!important;
	}	
}
@media (max-width:881px) {
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 28px!important;
	}
	.item-m {
		font-size: 20px!important;
	}	
}
@media (max-width:861px) {
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 28px!important;
	}
	.item-ss {
		font-size: 13px!important;
	}
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 25px!important;
	}
}
@media (max-width:852px) {
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 26px!important;
	}
}
@media (max-width:821px) {
	.swiper-container--02 {
		height: 400px!important;
	}
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 25px!important;
	}
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 85px!important;
	}
}
@media (max-width:810px){
	.swiper-container--02 {
		height: 440px;
	}
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 29px!important;
	}
}
@media (max-width:787px) {
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 28px!important;
	}
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 105px!important;
	}
	div.mainVisual-bottom {
		padding: 20px 0;
	}
}
@media (max-width:761px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 26px!important;
	}
	.item-m {
		font-size: 18px!important;
	}	
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 80px!important;
	}
	div.mainVisual-bottom {
		padding: 40px 0 0;
	}
}
@media (max-width:719px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 24px!important;
	}
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 90px!important;
	}
}
@media (max-width:708px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 23px!important;
	}
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 90px!important;
	}
	.item-m {
		font-size: 17px!important;
	}	
}
@media (max-width:683px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 22px!important;
	}
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 90px!important;
	}
}
@media (max-width:658px){
	.text-title,
	.text-title2,
	.text-title3 {
		font-size: 21px!important;
	}
}
@media (max-width:631px){	
	.item-m {
		font-size: 16px!important;
	}	
	.swiper-pagination-bullets, 
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: 110px!important;
	}
}
@media (max-width:600px){ /*** SP **/
	div.mainVisual {
		margin: 20px auto auto;
	}
	.swiper-container--01 {
		width: 90%;
		margin: auto!important;
	}
	.swiper-container--02 {
		width: 90%;
		height: auto;
		margin: 20px auto auto!important;
	}
	.swiper-container--02 .swiper-slide {
		height: 300px!important;
	}
	.swiper-container--02 .swiper-slide .swiper-img-area {
		height: 240px !important;
	}
	.swiper-container--02 .swiper-slide .swiper-img-area img {
		height: 240px!important;
	}
	.swiper-btn {
		width: 96%;
		margin: 20px auto 0!important;
	}
	.swiper-pagination-bullets,
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: -140px!important;
	}
	div.mainVisual-bottom {
		padding-top: 0!important;
	}
	.text-title,
	.text-title3 {
		font-size: 33px!important;
	}
	.text-title2 {
		font-size: 34px!important;
	}
	.item-m {
		font-size: 22px!important;
	}
	.item-ss {
		font-size: 15px!important;
	}
}
@media (max-width:414px){ /*** SP **/
	.swiper-container--02 {
		width: 90%;
		height: auto;
		margin: 10px auto auto!important;
	}
	.swiper-container--02 .swiper-slide {
		height: 300px!important;
	}
	.swiper-container--02 .swiper-slide .swiper-img-area {
		height: 240px !important;
	}
	.swiper-container--02 .swiper-slide .swiper-img-area img {
		height: 240px!important;
	}
	.swiper-btn {
		width: 96%;
		margin: 10px auto 0!important;
	}
	.swiper-pagination-bullets,
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: -130px!important;
	}
	div.mainVisual-bottom {
		padding-top: 0!important;
	}
	.text-title,
	.text-title3 {
		font-size: 30px!important;
		letter-spacing: -.1px!important;
	}
	.text-title2 {
		font-size: 30px!important;
	}
	.item-m {
		font-size: 20px!important;
	}
}
@media (max-width:375px){ /*** SP **/
	.swiper-container--02 {
		width: 90%;
		height: auto;
		margin: -5px auto auto!important;
	}
	.swiper-container--02 .swiper-slide .swiper-img-area img {
		height: 230px!important;
	}
	.swiper-container--02 .swiper-slide {
		height: 300px!important;
	}
	.swiper-btn {
		width: 96%;
		margin: -10px auto 0!important;
	}
	.swiper-pagination-bullets,
	.swiper-pagination-custom, 
	.swiper-pagination-fraction {
		bottom: -140px!important;
	}
	.swiper-btn a, .swiper-btn a:hover {
		padding: 15px 120px 14px!important;
	}
	div.mainVisual-bottom {
		padding-top: 70px!important;
	}
	.text-title,
	.text-title3 {
		font-size: 30px!important;
		letter-spacing: -.1px!important;
	}
	.text-title2 {
		font-size: 30px;
	}
	.item-m {
		font-size: 20px;
	}
	section.top-about-area {
		margin: 560px auto auto;
	}
	div.mainVisual-bottom {
		padding-top: 0!important;
	}
}



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

2023.12.07 Zabbixセミナーコメントアウト

*************************************************/
.main-navigation .menu--wrap .top--logo--area h2 {
    letter-spacing: 1.2px;
    color: #0a1929 !important;
}
#seminarList {
	align-items: stretch;
}
#seminarList .seminar-box {
	width: 49%;
    margin: 0 1%;
	background: #fff;
	border-radius: 10px!important;
}
#seminarList .seminar-box a {
	height: auto;
	background: transparent;
}
#seminarList .web--box a,
#seminarList .short--box a {
	border: none;
	border-radius: 0!important;
}
div.web--box {
	border: 5px solid #beeae1;
}
div.short--box {
	border: 5px solid #fbe5b1;
}
#seminarList .seminar-box p {
	line-height: 1.4;
}
#seminarList .seminar-box p.comment {
	line-height: 1.6!important;
}
@media (max-width:980px){
	#seminarList .seminar-box a {
		height: auto!important;
	}
}
@media (max-width:600px) {
	#seminarList .seminar-box {
		width: 100%;
		margin: auto auto 20px;
	}
	div.short--box {
		margin-bottom: 0;
	}
	#seminarList .seminar-box a {
		height: auto!important;
	}
}