:root {
	--container-gutter: 0rem;
	--container-max-width: auto;
	--section-padding: 2rem;
	--section-side-padding: var(--section-padding)
}

@font-face {
	font-family: "iconfont";
	src: url("../fonts/iconfont.eot");
	src: url("../fonts/iconfont.eot?#iefix") format("eot"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg");
	font-weight: normal;
	font-style: normal
}

.p-Home__hero .c-hero__main {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 32rem;
	left: 50%;
	transform: translateX(-50%);
	gap: 5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

@media not screen and (min-width: 768px) {
	.p-Home__hero .c-hero__main {
		display: none
	}
}

.p-Home__hero .c-hero__main {
	z-index: 1
}

.p-Home__hero .c-hero__aside--left,
.p-Home__hero .c-hero__aside--right {
	position: relative
}

.p-Home__hero .c-hero__aside__container {
	position: relative;
	z-index: 1
}

.p-Home-about__card__inner {
	position: relative;
	z-index: 1
}

/* 導入企業 */
.company__area {
    background: #fff;
	margin: 3rem 0;
}

.company__area .company-head {
	font-size: 2.4rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3rem;	
	margin-bottom: 1.2rem;
}

.company__area .company-head img {
	width: 18rem;
	height: auto;
}

.company__area .company-wrap {
	display: flex;
    width: 100%;
    height: 16rem;
    overflow: hidden;
}

.company__area .company-wrap img {
    width: auto;
    height: 100%;
    max-width: initial;
}

.company__area .company-wrap img:first-child {
    animation: loop 50s -25s linear infinite;
}

.company__area .company-wrap img:last-child {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%)
    }
    to {
        transform: translateX(-100%)
    }
}
@keyframes loop2 {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-200%)
    }
}

@media screen and (max-width: 767px) {
    .company__area .company-head {
		font-size: 2rem;
		text-align: center;
		flex-direction: column;
    	gap: 1rem;
		margin-bottom: 1.5rem;
		padding: 0 2rem;
	}
}

/* ITreview Award */
.award__area {
	text-align: center;
    background: #fff;
	margin-bottom: 4rem;
}

.award__area .award-wrap {
	display: flex;
  	justify-content: center;
	align-items: center;
  	gap: 5rem;
	margin-bottom: 1.5rem;
}

.award__area .award-wrap img.banner {
	width: 30rem;
	height: auto;
}

.award__area .award-wrap img.highperformer {
	width: 12rem;
	height: auto;
}

.award__area > div:last-child {
	font-size: 1.4rem;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 767px) {
    .award__area {
		padding: 0 2rem;
	}

	.award__area .award-wrap {
		gap: 3rem;
	}

	.award__area .award-wrap img.banner {
		width: 20rem;
	}

	.award__area .award-wrap img.highperformer {
		width: 8rem;
	}

	.award__area > div:last-child {
		font-size: 1.2rem;
	}
}

.p-Home-about__section {
	background: #83c5eb;
	color: #fff;
	padding-top: 7.7rem;
	margin-bottom: 35.5rem
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section {
		overflow: hidden;
		margin-bottom: 5rem
	}
}

.p-Home-about__section .c-section__header__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .c-section__header__inner {
		padding-bottom: 19.75rem
	}
}

.p-Home-about__section .c-section__header__inner .c-button {
	z-index: 1
}

.p-Home-about__section .p-Home-about__illust {
	position: absolute
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num01 {
		bottom: 10.63rem;
		left: calc(50% - 16.75rem + .69rem)
	}
}

@media screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num01 {
		top: 9.09rem;
		left: 10.3rem
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num02 {
		bottom: .32rem;
		left: calc(50% - 16.75rem + 7.81rem)
	}
}

@media screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num02 {
		top: 22.41rem;
		left: 20.65rem
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num03 {
		bottom: -1.15rem;
		left: calc(50% - 16.75rem - 3.4rem)
	}
}

@media screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num03 {
		top: 26.1rem;
		left: 4.35rem
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num04 {
		bottom: 15.57rem;
		left: calc(50% - 16.75rem + 29.694rem)
	}
}

@media screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num04 {
		top: 7.18rem;
		right: 2.55rem
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num05 {
		bottom: 11.16rem;
		left: calc(50% - 16.75rem + 18.3rem)
	}
}

@media screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num05 {
		top: 17.38rem;
		right: 18.55rem
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num06 {
		bottom: 2.05rem;
		left: calc(50% - 16.75rem + 25.95rem)
	}
}

@media screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-num06 {
		top: 26.73rem;
		right: 4.6rem
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust {
		transform: scale(0.6877811);
		transform-origin: left bottom
	}
}

.p-Home-about__section .p-Home-about__illust.-bear {
	bottom: -16.7rem;
	right: 22rem;
	width: 28.6rem
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .p-Home-about__illust.-bear {
		bottom: -6rem;
		right: calc(50% - 15.75rem);
		width: 17.769rem;
		transform: scale(1)
	}
}

.p-Home-about__section .c-section__body {
	margin-top: 5rem
}

@media screen and (min-width: 768px) {
	.p-Home-about__section .c-section__body {
		margin-bottom: -10.8rem
	}
}

.p-Home-about__section .c-button {
	margin-top: 5rem
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .c-row {
		flex-direction: column
	}
}

.p-Home-about__card.c-card {
	position: relative;
	color: #fff;
	padding: 6rem
}

.p-Home-about__card.c-card .c-card__heading {
	color: #fff;
	font-size: 2.6rem;
	line-height: 1.42307;
	margin-bottom: 1.1rem
}

.p-Home-about__card.c-card .c-card__small-text {
	margin-top: 1.1rem;
	line-height: 1.8
}

.p-Home-about__card.c-card .c-card__body,
.p-Home-about__card.c-card .c-card__footer {
	padding: 0
}

@media not screen and (min-width: 768px) {
	.p-Home-about__card.c-card {
		padding: 3rem 1rem
	}

	.p-Home-about__card.c-card .c-card__heading {
		color: #fff;
		font-size: 2.2rem;
		line-height: 1.45454
	}

	.p-Home-about__card.c-card .c-card__footer {
		position: relative
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-about__card.c-card .c-card__footer {
		padding-top: 12.2rem
	}
}

.p-Home-about__card--mailrelay {
	background: linear-gradient(to bottom, #29A8D7, #3B6D9E);
	border-radius: 3rem 0 0 0
}

@media not screen and (min-width: 768px) {
	.p-Home-about__card--mailrelay {
		transform: translateX(6rem);
		margin-bottom: 30.6rem
	}

	.p-Home-about__card--mailrelay .c-card__body,
	.p-Home-about__card--mailrelay .c-card__footer {
		transform: translateX(-6rem)
	}
}

.p-Home-about__card--mailscorering {
	background: linear-gradient(to top, #29A8D7, #3B6D9E);
	border-radius: 0 3rem 0 0
}

@media not screen and (min-width: 768px) {
	.p-Home-about__card--mailscorering {
		background: linear-gradient(to bottom, #29A8D7, #3B6D9E);
		transform: translateX(-6rem);
		margin-bottom: 19.65rem
	}

	.p-Home-about__card--mailscorering .c-card__body,
	.p-Home-about__card--mailscorering .c-card__footer {
		transform: translateX(6rem)
	}
}

@media screen and (min-width: 768px) {
	.p-Home-about__card--mailscorering {
		transform: translateY(10rem)
	}
}

.p-Home-about__figure.c-figure {
	position: absolute;
	width: 265px
}

.p-Home-about__figure.c-figure.-mailrelay {
	right: 2.6rem;
	bottom: -10rem
}

@media not screen and (min-width: 768px) {
	.p-Home-about__figure.c-figure.-mailrelay {
		width: 18.7rem;
		right: 7.76rem;
		bottom: -9.5rem
	}
}

.p-Home-about__figure.c-figure.-mailscore {
	right: 3.84rem;
	bottom: -11.48rem
}

@media not screen and (min-width: 768px) {
	.p-Home-about__figure.c-figure.-mailscore {
		width: 20.58686rem;
		right: -3.28rem;
		bottom: -9.7rem
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-about__button.c-button {
		position: absolute;
		transform: translateY(100%)
	}

	.p-Home-about__button.c-button.-mailrelay {
		bottom: -13.64rem
	}

	.p-Home-about__button.c-button.-mailscore {
		bottom: -11.65rem
	}
}

@media screen and (min-width: 768px) {
	.p-Home-about__button.c-button {
		margin-top: 11.2rem
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-about__card__illust {
		position: absolute;
		top: 36.8rem;
		left: calc(50% - 15.75rem);
		width: 17.8rem
	}

	.p-Home-about__card__illust.-mailrelay {
		bottom: -13.64rem
	}

	.p-Home-about__card__illust.-mailscore {
		bottom: -11.65rem
	}
}

@media screen and (min-width: 768px) {
	.p-Home-about__card__illust {
		display: none
	}
}

.p-Home-case-study__section .c-section__header {
	padding: 0
}

.p-Home-case-study__section .c-section__body {
	margin-top: 3.4rem
}

.p-Home-case-study__card .c-card__body {
	display: flex;
	flex-direction: column;
	flex: 1
}

.p-Home-case-study__card .c-card__image-img {
	aspect-ratio: 392/204;
	object-fit: cover
}

.p-Home-case-study__badges {
	padding-top: 2rem;
	display: flex;
	margin-top: auto
}

.p-Home-news__section .c-section__header {
	padding: 0
}

.p-Home-news__section .c-section__body {
	margin-top: 3.4rem
}

.p-Home-support__section:not(:first-child) {
	margin-top: 8rem
}

.p-Home-support__section:not(:last-child) {
	margin-bottom: 8rem
}

.p-Home-support__section .c-section__body p {
	margin-top: -0.3rem
}

@media not screen and (min-width: 768px) {
	.p-Home-support__section {
		padding: 5rem 0;
		border-top: 1px solid #d6dce5;
		border-bottom: 1px solid #d6dce5
	}

	.p-Home-support__section:not(:first-child) {
		margin-top: 5rem
	}

	.p-Home-support__section:not(:last-child) {
		margin-bottom: 5rem
	}
}

@media not screen and (min-width: 768px) {
	.p-Home-support__figure {
		margin-top: 3rem
	}
}

/*# sourceMappingURL=home.css.map */



/* 追加 */
.p-Home-about__section .c-section__header__inner .youtube {
    width: 100%;
    max-width: 560px;
    aspect-ratio: 16 / 9;
    margin-top: 5rem;
}

.p-Home-about__section .c-section__header__inner .youtube iframe {
    width: 100%;
    height: 100%;
}

.p-Home-about__section .c-section__body .p-Home-about__card {
    width: 50% !important;
}

@media not screen and (min-width: 768px) {
	.p-Home-about__section .c-section__body .p-Home-about__card {
        width: 100% !important;
	}
}