@charset "UTF-8";

/* 共通 */
/* .page-id-6634: CYRIN® 教育eラーニング
.post-6849: アタックサーフェイスマネジメント */
.page-id-6634 .e-con,
.page-id-6849 .e-con{
	line-height: 1.8;
}
.page-id-6634 .elementor-widget-heading h2.elementor-heading-title,
.page-id-6849 .elementor-widget-heading h2.elementor-heading-title{
	line-height: 1.5;
}
.e-con em{
    font-style: normal;
}
.page-id-6634 .e-parent,
.post-6849 .e-parent{
    margin-bottom: 80px;
    line-height: 1.8;
}

/* CYRIN® 教育eラーニング */
.elementor-element-e215b1f strong{
	display: block;
	margin-bottom: 15px;
    font-weight: bold!important;
	font-size: 24px;
}
.page-id-6634 .style01{
    padding: 20px;
}
.page-id-6634 .style01>div{
	position: relative;
    height: 100%;
}
.page-id-6634 .style01>div:before{
	content: '';
	position: absolute;
	top: 10px;
	right: -10px;
	width: 100%;
	height: 100%;
	background: #e5ecf7ff;
    clip-path: polygon(30px 0%, 100% 0, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0% calc(100% - 30px), 0% 30px);
	z-index: -1;
}
.page-id-6634 .style01>div .elementor-widget-container{
	position: relative;
    padding: 30px;
    background: #f5f4f4ff;
    clip-path: polygon(30px 0%, 100% 0, 100% 30px, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0% calc(100% - 30px), 0% 30px);
}
.page-id-6634 .style01 h4{
	position: relative;
	padding-bottom: 12px;
	text-align: center;
}
.page-id-6634 .style01 h4:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, rgba(8, 9, 101,1) 20.409872503026634%,rgba(12, 98, 182,1) 80.4110074909201%);
    clip-path: polygon(5px 0%, 100% 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0% calc(100% - 5px), 0% 5px);
}
.elementor-element-9ae9a85 li{
    margin-bottom: 5px;
}
.elementor-element-9ae9a85 li span{
	font-weight: 500!important;
}
.page-id-6634 .style02{
	position: relative;
	margin: 0 6px;
	padding: 15px;
	width: calc(33.3% - 12px);
    background: linear-gradient(90deg, rgba(47, 181, 226,1) 20.409872503026634%,rgba(47, 180, 225,1) 20.409872503026634%,rgba(68, 127, 196,1) 80.4110074909201%);
	border-radius: 10px;
}
.page-id-6634 .elementor-element-914778c{
	background: linear-gradient(90deg, rgba(251, 207, 17,1) 20.409872503026634%,rgba(250, 206, 17,1) 20.409872503026634%,rgba(250, 176, 25,1) 80.4110074909201%);
}
.page-id-6634 .elementor-element-07a02a5{
	background: linear-gradient(90deg, rgba(217, 101, 165,1) 20.409872503026634%,rgba(217, 100, 164,1) 20.409872503026634%,rgba(227, 76, 149,1) 80.4110074909201%);
}
.page-id-6634 .style02:before,
.page-id-6634 .style02:after{
	content: '';
	position: absolute;
	top: 50%;
	left: auto;
	right: 0;
	width: 30px;
	height: 100px;
	background: #FAB019;
    transform: translateY(-50%) translateX(100%);
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	z-index: 10;
}
.page-id-6634 .elementor-element-07a02a5:after{
	background: #E24D97;
}
.page-id-6634 .style02:before{
	background: #fff;
    transform: translateY(-50%) translateX(130%) scale(1.3);
}
.page-id-6634 .elementor-element-4958d7c:after,
.page-id-6634 .elementor-element-4958d7c:before{
    display: none;
}
.page-id-6634 .style02>div{
	position: relative;
	padding: 25px;
	padding-top: 80px;
	height: 100%;
    background: #fff;
}
.page-id-6634 .style02>div:before{
	content: '';
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	height: 50px;
	background: url(/wordpress/wp-content/themes/astra-child/img/icon01.svg) no-repeat center 0;
}
.page-id-6634 .elementor-element-914778c>div:before{
	background: url(/wordpress/wp-content/themes/astra-child/img/icon03.svg) no-repeat center 0;
}
.page-id-6634 .elementor-element-07a02a5>div:before{
	background: url(/wordpress/wp-content/themes/astra-child/img/icon02.svg) no-repeat center 0;
}
.page-id-6634 .style02 h4{
    text-align: center;
}
.elementor-element-538cb83 table{
	border-collapse: collapse;
	border: none;
}
.elementor-element-538cb83 table th{
	color: #fff;
    background: #486B93;
	border: #486B93 solid 1px;
}
.elementor-element-538cb83 table th:not(:last-child){
	border-right: #fff 1px solid;
}
.elementor-element-538cb83 table td{
	border: #d1d5db 1px solid;
}
.elementor-element-538cb83 table tr:nth-of-type(odd) td{
	color: #004686;
}
.elementor-element-538cb83 table tr:nth-of-type(even) td{
	color: #005CAF;
}
.page-id-6634 .style03 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 5%;
    margin: 0;
	margin-top: 40px;
	padding: 0;
}
.page-id-6634 .style03>div {
	display: flex;
	justify-content: center;
	align-items: center;
  	position: relative;
	padding: 15px;
	padding-top: 85px;
	min-height: 190px;
	width: 30%;
}
.page-id-6634 .style03>div *{
    width: 100%;
	font-weight: bold;
	font-size: 17px;
	line-height: 1.3;
	text-align: center;
}
.page-id-6634 .style03>div:nth-of-type(1){
	background: url(/wordpress/wp-content/themes/astra-child/img/tutorial01.png) no-repeat center 30px;
	background-size: auto 60px;
}
.page-id-6634 .style03>div:nth-of-type(2){
	background: url(/wordpress/wp-content/themes/astra-child/img/tutorial02.png) no-repeat center 30px;
	background-size: auto 60px;
}
.page-id-6634 .style03>div:nth-of-type(3){
	background: url(/wordpress/wp-content/themes/astra-child/img/tutorial03.png) no-repeat center 30px;
	background-size: auto 60px;
}
.page-id-6634 .style03>div:nth-of-type(4){
	background: url(/wordpress/wp-content/themes/astra-child/img/tutorial04.png) no-repeat center 30px;
	background-size: auto 60px;
}
.page-id-6634 .style03>div:nth-of-type(5){
	background: url(/wordpress/wp-content/themes/astra-child/img/tutorial05.png) no-repeat center 30px;
	background-size: auto 60px;
}
.page-id-6634 .style03>div:nth-of-type(6){
	background: url(/wordpress/wp-content/themes/astra-child/img/tutorial06.png) no-repeat center 30px;
	background-size: auto 60px;
}
.page-id-6634 .style03>div:nth-of-type(7){
	background: url(/wordpress/wp-content/themes/astra-child/img/tutorial07.png) no-repeat center 30px;
	background-size: auto 60px;
}
.page-id-6634 .style03>div:nth-of-type(8){
	background: url(/wordpress/wp-content/themes/astra-child/img/tutorial08.png) no-repeat center 30px;
	background-size: auto 60px;
}
.page-id-6634 .style03>div:nth-of-type(9){
	background: url(/wordpress/wp-content/themes/astra-child/img/tutorial09.png) no-repeat center 30px;
	background-size: auto 60px;
}
.page-id-6634 .style03>div svg {
	position: absolute;
	top: 0;
	left: 0;
}
.page-id-6634 .style03>div .line {
	stroke-dasharray: 260;
	stroke-width: 2px;
	fill: transparent;
	stroke: rgba(78, 255, 13, 0.5);
	animation: svgAnimation 4s linear infinite;
}

@keyframes svgAnimation {
	from {
		stroke-dashoffset: 0;
	}
	to {
		stroke-dashoffset: 260;
	}
}























/* アタックサーフェイスマネジメント */
.elementor-element-7ed5af4 ul{
    position: relative;
    padding: 50px 60px;
    background: linear-gradient(90deg, rgb(78, 78, 78) 1%,rgba(0, 0, 0,1) 100%);
    clip-path: polygon(30px 0%, calc(100% - 30px) 0%, 100% 30px, 100% 100%, 0 100%, 0% 30px);

}
.elementor-element-7ed5af4 ul:after,
.elementor-element-7ed5af4 ul:before{
    content: '';
    position: absolute;
    top: 35px;
    left: 30px;
    width: 10px;
    height: calc(100% - 60px);
    border: #fff 1px solid;
    border-right: none;
    opacity: 0.5;
}
.elementor-element-7ed5af4 ul:after{
    left: auto;
    right: 30px;
    border: #fff 1px solid;
    border-left: none;
}
.elementor-element-7ed5af4 li{
    position: relative;
    margin-bottom: 10px;
    padding-left: 25px;
    color: #fff;
    list-style: none;
    font-size: 17px;
    font-weight: 500;
}
.elementor-element-7ed5af4 li:last-child{
    margin-bottom: 0;
}
.elementor-element-7ed5af4 li:before{
    content: '\f023';
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.elementor-element-52ca814 strong{
  background: linear-gradient(90deg, #3dabe2 0%, #076ad9 40%, #2F6EB2 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.page-id-6849 .elementor-element-914778c h3{
    display: inline-block!important;
    position: relative;
    border-bottom: #2f6eb2 1px solid;
}
.page-id-6849 .elementor-element-914778c h3:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 30px;
    height: 1px;
    background: #0DC0DF;
}
.page-id-6849 .elementor-element-914778c>div{
    padding-left: 190px!important;
    min-height: 110px;
    border-bottom: #999 1px solid;
}
.page-id-6849 .elementor-element-bb88d92{
    padding-bottom: 40px;
    background: url(../img/icon-collaboration.svg) no-repeat 40px center;
    background-size: 110px auto;
}
.page-id-6849 .elementor-element-f27ad28{
    padding: 40px 0;
    background: #fcfcfc url(../img/icon-internet.svg) no-repeat 40px center;
    background-size: 110px auto;
}
.page-id-6849 .elementor-element-2e6e618{
    padding: 40px 0;
    background: #f0f1f1 url(../img/icon-documents.svg) no-repeat 40px center;
    background-size: 110px auto;
}
.elementor-element-914778c>div dl:last-child dd{
    margin-bottom: 0!important;
}
.elementor-element-5cdd0eb>div,
.elementor-element-a0cd3aa>div{
    padding: 15px;
    height: 100%;
}
.elementor-element-5cdd0eb .elementor-widget-container,
.elementor-element-a0cd3aa .elementor-widget-container{
    padding: 20px;
    background: rgba(255, 255, 255,0.7);
    clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);
}