@charset "utf-8";


/* --------------------------------------------

Download

---------------------------------------------- */
.aboutSmartTAC__head img {
	display: block;
	max-width: 100%; margin: 0 auto 20px;
}
.aboutSmartTAC__about p {
	margin: 0 0 40px;
	font-size: 16px; line-height: 1.65; text-align: center;
}

.aboutSmartTAC__merit .head,
.aboutSmartTAC__flow .head {
	padding: 0.25em 0 0.25em 0.75em; margin: 0 0 24px;
	font-size: 18px; font-weight: 700;
	border-left: 8px solid #37BEF0;
}

.aboutSmartTAC__merit .items {
	display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 22px;
	padding-right: 32px; margin: 0 0 50px;
}
.aboutSmartTAC__merit .item {
	width: calc((100% - 111px) / 6);
	border: 3px solid #188FD2; border-radius: 8px;
}
.aboutSmartTAC__merit .item img {
	width: 100%;
}

.aboutSmartTAC__flow .items {
	display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 30px;
	padding-right: 32px; margin: 0 0 50px;
}
.aboutSmartTAC__flow .item {
	position: relative;
	width: calc((100% - 121px) / 5);
}
.aboutSmartTAC__flow .item .illust {
	display: block;
	width: 105px; max-width: 100%; margin: 0 auto 10px;
}
.aboutSmartTAC__flow .item .title {
	position: relative;
	display: flex; justify-content: center; align-items: center; align-content: center;
	width: 100%; min-height: 2.7em; margin: 0 0 14px;
	color: #188FD2; font-size: 17px; line-height: 1.35; font-weight: 700; text-align: center;
}
.aboutSmartTAC__flow .item .title::after {
	content: '';
	position: absolute; top: 0; bottom: 0; left: calc(100% + 15px);
	display: block; width: 10px; height: 13px; margin: auto 0;
	clip-path: polygon(0 0,100% 50%,0 100%);
	background: #37BEF0;
}
.aboutSmartTAC__flow .item:last-child .title::after {
	display: none;
}
.aboutSmartTAC__flow .item .text {
	display: flex; justify-content: center; align-items: center; align-content: center;
	width: 100%;
	font-size: 14px; line-height: 1.5;
}


@media only screen and (max-width:1100px){
.aboutSmartTAC__merit .items {
	padding-right: 30%;
}
.aboutSmartTAC__merit .item {
	width: calc((100% - 45px) / 3);
}

.aboutSmartTAC__flow .items {
	padding-right: 30%;
}
.aboutSmartTAC__flow .item {
	width: calc((100% - 61px) / 3);
}
}


@media only screen and (max-width:880px){
.aboutSmartTAC__merit .items {
	padding-right: 0;
}
.aboutSmartTAC__flow .items {
	padding-right: 0;
}
}