@charset "utf-8";
._pc{
		display: block;
	}
._sp{
	display: none;
}
@media (max-width:48em){
	._pc{
		display: none;
	}
	._sp{
		display: block;
	}
}
/* ページ共通 */
.p-why__system {
    margin-top: 31px
}

.p-why__system-logo {
    width: 759px;
    margin: 0 auto
}

.p-why__system-label {
    width: 1082px;
    margin: 4px auto 0;
}

.p-why__system-list {
    position: relative;
    margin-top: 23px
}

.p-why__system-list::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 72px;
    height: 260px;
    margin-left: -20px;
    content: "";
    background-image: url(../images/pages/index/why_system_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(-50%,-50%)
}

.p-why__system-item {
    position: relative;
    display: flex;
    border: 2px solid #edeffc
}

.p-why__system-item+.p-why__system-item {
    margin-top: 11px
}

.p-why__system-item-heading {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 100%;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    background-color: #0a0c5f;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.p-why__system-item-informatica {
    display: flex;
    width: 50%;
    min-height: 130px;
    padding-left: 79px;
    font-size: 1.7rem;
    line-height: 1.5882;
    background-color: #fff
}

.p-why__system-item-scsk {
    display: flex;
    width: 50%;
    min-height: 130px;
    padding: 0 15px 0 35px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6316;
    background-color: #edeffc
}

.p-why__system-item-scsk span {
    font-size: 1.9rem;
    color: #1d2088
}

.p-why__system-item-img {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 86px
}

.p-why__system-item-img img {
    width: 58px;
    margin-left: 4px
}

.p-why__system-item:first-child .p-why__system-item-img img {
    margin-left: 8px
}

.p-why__system-item:nth-child(2) .p-why__system-item-img img {
    margin-bottom: 15px
}

.p-why__system-item:last-child .p-why__system-item-img img {
    margin-left: 10px
}

.p-why__system-item-body {
    -ms-grid-row-align: center;
    align-self: center
}

.p-why__system--scsk .p-why__system-item {
    border: 0
}

.p-why__system--informatica .p-why__system-item-heading {
    top: -2px;
    left: -2px;
    height: calc(100% + 4px)
}

.p-why__system--informatica .p-why__system-list {
    margin-top: 9px
}

.p-why__system--informatica .p-why__system-item+.p-why__system-item {
    margin-top: 14px
}

@media (max-width: 48em) {
    .p-why__system-logo {
        width: 68.5507246377%
    }

    .p-why__system-label {
        width: 100%
    }

    .p-why__system-list::before {
        display: none;
        content: none
    }

    .p-why__system-item {
        min-height: 70px;
        padding-left: 35px
    }

    .p-why__system-item+.p-why__system-item {
        margin-top: 16px
    }

    .p-why__system-item-heading {
        width: 35px;
        font-size: 1rem;
        line-height: 1.25;
        text-align: center
    }

    .p-why__system-item-informatica,.p-why__system-item-scsk {
        width: 100%;
        min-height: 1px;
        padding: 15px 0 15px 5px;
        font-size: 1.4rem;
        line-height: 1.4286
    }

    .p-why__system-item-informatica {
        padding: 15px 0 15px 5px;
    }

    .p-why__system-item-scsk span {
        font-size: 1.6rem;
        line-height: 1.3438
    }


    
    .p-why__system-item-img {
        width: 71px
    }

    .p-why__system-item-img img {
        width: 39px
    }

    .p-why__system-item:first-child .p-why__system-item-img img {
        margin-left: 16px
    }

    .p-why__system-item:nth-child(2) .p-why__system-item-img img {
        margin-bottom: 3px;
        margin-left: 13px
    }

    .p-why__system-item:last-child .p-why__system-item-img img {
        width: 44px;
        margin-bottom: 6px;
        margin-left: 13px
    }

    .p-why__system-arrow {
        width: 100%;
        margin: 25px 0 15px
    }
}
@media not all and (max-width: 48em) {
    .p-why__system-logo img {
        margin-left: -32px
    }
}


/*top*/
.p-mv__heading.top {
    width: 810px;
    font-size: 3.6rem;
    color: #FFF;
    text-align: center;
	font-weight: 800;
}
.p-mv__heading.top img{
	display: block;
	width: 50%;
    margin: 0 auto 0.5em;
}
.p-mv__heading.top span{
	margin-left: 1em;
}
.p-mv__lede.top{
	width: 60%;
	margin: 50px auto 0;
}
.p-whyabout__bnr{
	width:685px;
	margin:19px auto 0
}
@media (max-width:48em){
	.p-mv__heading.top {
		width: 100%;
        font-size: 2.8rem;
	}
	.p-mv__heading.top img{
		width: 80%;
	}
	.p-mv__heading.top span{
		display: block;
		margin: 0;
	}
	.p-mv__lede.top{
		width: 100%;
        margin: 2.75vh auto 0;
	}
	.p-whyabout__bnr{
		width:100%
	}
}

/*informatica_scsk*/
.p-about__whyarea{
	position: relative;
	width: 95%;
	margin: 0 auto 68px;
	padding: 45px 50px 45px 80px;
	background-color: #f58220;
	box-shadow: -13px 15.928px 24px 0 rgb(23 27 150 / 8%);
}
.p-about__whyarea::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 0;
	border-top: solid 70px #fff;
	border-left: solid 70px transparent;
}
.p-about__whyarea::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	height: 0;
	border-bottom: solid 70px #ff4d00;
	border-right: solid 70px transparent;
}
.p-about__heading {
    font-size: 3.2rem;
    font-weight: 600;
    color: #fff;
}
/*.p-about__heading::after {
    display: block;
    width: 50px;
    height: 2px;
    margin: 0.5em 0 0;
    content: "";
    background-color: #ff4d00;
}*/
.p-about__body{
	margin-top: 30px;
    line-height: 2.125;
    color: #fff;
	font-weight: normal;
}
@media (max-width:48em){
	.p-about__whyarea{
		width: 100%;
		margin-top: 33px;
		padding:3em 3em 2.5em;
	}
	.p-about__whyarea::before{
		border-top-width: 3em;
		border-left-width: 3em;
	}
	.p-about__whyarea::after{
		border-bottom-width: 3em;
		border-right-width: 3em;
	}
	.p-about__heading{
		text-align: center;
		font-size: 2.3rem;
		line-height: 1.413;
	}
	/*.p-about__heading::after{
		width: 35px;
		margin: 0.5em auto 0;
	}*/
	.p-about__body{
		margin-top: 13px;
		font-size: 1.3rem;
		line-height: 1.6538;
		letter-spacing: .06em;
	}
}