@charset "utf-8";
/*------------------------------------------------------------
	crosstalk
------------------------------------------------------------*/
.main-img {
	position: relative;
	overflow: hidden;
}
.main-img img {
	width: 100%;
}
.main-img h2 {
	position: absolute;
	bottom: -64px;
	right: -16px;
	max-width: 1005px;
}
#main .top-box {
	padding: 218px 0;
	background: url("../images/crosstalk/bg01.png") no-repeat left top;
	background-size: 885px auto;
}
#main .top-box .top-text {
	margin-bottom: 284px;
	text-align: center;
	font-size: 2rem;
	line-height: 2.5;
	letter-spacing: 0.05em;
}
#main .top-box h3 {
	margin-bottom: 78px;
	text-align: center;
	color: #E70012;
	font-size: 8rem;
	font-weight: 700;
}
#main .top-box ul {
	max-width: 960px;
	margin: 0 auto;
}
#main .top-box li {
	width: 370px;
}
#main .top-box li .pho {
	margin-bottom: 6px;
}
#main .top-box li .pho img {
	width: 100%;
}
#main .top-box li p {
	line-height: 1.875;
	font-size: 1.6rem;
}
#main .top-box li .ttl {
	margin-bottom: 12px;
	font-size: 2rem;
	font-weight: 700;
}
#main .info-box {
	padding-bottom: 148px;
	position: relative;
}
#main .info-box:before {
	position: absolute;
	right: 60px;
	bottom: -332px;
	width: 829px;
	height: 829px;
	background: url("../images/crosstalk/bg02.png") no-repeat;
	background-size: 829px auto;
	content: "";
}
#main .info {
	position: relative;
	z-index: 1;
}
#main .info:not(:last-child) {
	padding-bottom: 168px;
}
#main .info .top-pho {
	margin-bottom: 204px;
	position: relative;
}
#main .info .top-pho .pho img {
	width: 100%;
}
#main .info .top-pho .text-box {
	position: absolute;
	left: 0;
	bottom: -45px;
}
#main .info .top-pho p {
	font-size: 4rem;
	color: #fff;
}
#main .info .top-pho p span {
	padding: 12px 40px 18px;
	display: inline-block;
	vertical-align: top;
	background-color: #E70012;
}
#main .info .top-pho h3 {
	max-width: 50%;
	margin-bottom: -72px;
}
#main .info .title {
	margin-bottom: 88px;
	padding-left: 212px;
	line-height: 1.66;
	background: url("../images/common/icon04.png") no-repeat left 64px top 12px;
	background-size: 96px auto;
}
#main .info .list-ul {
	margin-bottom: 78px;
}
#main .info .list-ul li {
	margin-bottom: 59px;
	display: flex;
	justify-content: space-between;
}
#main .info .list-ul li:last-child {
	margin-bottom: 0 !important;
}
#main .info .list-ul .photo {
	width: 160px;
	text-align: center;
}
#main .info .list-ul .photo span {
	display: block;
}
#main .info .list-ul .photo .name {
	margin-top: 13px;
	font-size: 1.5rem;
	font-weight: 500;
}
#main .info .list-ul .text-info {
	width: calc(100% - 211px);
	padding-bottom: 52px;
	display: flex;
	align-items: center;
}
#main .info .list-ul .text-info p {
	line-height: 1.66;
}
#main .info .mb0 {
	margin-bottom: 0 !important;
}
@media all and (max-width: 896px) {
	.main-img h2 {
		bottom: -20px;
		right: -3px;
		max-width: 330px;
	}
	#main .top-box {
		padding: 50px 0 71px;
		background: url("../images/crosstalk/sp_bg01.png") no-repeat left -90px top -38px;
		background-size: 348px auto;
	}
	#main .top-box .top-text {
		margin-bottom: 54px;
		font-size: 1.5rem;
		line-height: 2;
		letter-spacing: 0;
	}
	#main .top-box h3 {
		margin-bottom: 14px;
		font-size: 3rem;
	}
	#main .top-box ul {
		max-width: inherit;
		margin: 0 20px;
		display: block;
	}
	#main .top-box li {
		width: auto;
	}
	#main .top-box li:first-child {
		margin-bottom: 50px;
	}
	#main .top-box li .pho {
		width: 168px;
		margin: 0 auto 8px;
	}
	#main .top-box li p {
		line-height: 2;
		font-size: 1.5rem;
	}
	#main .top-box li .ttl {
		margin-bottom: -2px;
		text-align: center;
	}
	#main .info-box {
		padding-bottom: 97px;
	}
	#main .info-box:before {
		right: -50px;
		bottom: -45px;
		width: 335px;
		height: 315px;
		background: url("../images/crosstalk/sp_bg02.png") no-repeat;
		background-size: 335px auto;
	}
	#main .info:not(:last-child) {
		padding-bottom: 63px;
	}
	#main .info .top-pho {
		margin-bottom: 122px;
	}
	#main .info .top-pho .text-box {
		bottom: -62px;
		right: 0;
	}
	#main .info .top-pho p {
		font-size: 1.5rem;
		line-height: 1.46;
	}
	#main .info .top-pho p span {
		min-height: 62px;
		padding: 7px 20px 11px;
		display: block;
		box-sizing: border-box;
	}
	#main .info .top-pho h3 {
		max-width: 172px;
		margin: 0 0 -13px -4px;
	}
	#main .info .title {
		margin-bottom: 35px;
		padding: 13px 0 0 19px;
		line-height: 2;
		background: url("../images/common/sp_icon04.png") no-repeat left top;
		background-size: 69px auto;
	}
	#main .info .list-ul {
		margin-bottom: 36px;
	}
	#main .info .list-ul li {
		margin-bottom: 35px;
		display: block;
	}
	#main .info .list-ul .photo {
		margin-bottom: 7px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		text-align: center;
	}
	#main .info .list-ul .photo .pho {
		width: 65px;
	}
	#main .info .list-ul .photo .name {
		margin-top: 0;
		width: calc(100% - 76px);
		text-align: left;
	}
	#main .info .list-ul .text-info {
		width: auto;
		padding-bottom: 0;
		display: block;
	}
	#main .info .list-ul .text-info p {
		line-height: 2;
	}
}