@charset "UTF-8";

/* 4眼カメラ */
.camera4 {
    max-width:960px;
    margin:1em auto 0;
    display:flex;
    background-color:#fff;
}
.camera4 dl {
    width:440px;
    padding:50px 40px;
    text-align: left;
}
.camera4 dt span {
    border:2px solid;
    border-right-width: 4px;
    border-left-width: 4px;
    color:#5261AA;
    padding:2px 1em;
    font-weight: 700;
    letter-spacing: 0.1em;
    font-size: 24px
}
.camera4 dd {
    font-size: 25px;
    margin-top: 20px;
    color: #333;
    font-weight:500;
}
@media screen and (max-width: 640px) {
    .camera4 {
        flex-direction:column-reverse;
        margin:1em 3% 0;
    }
    .camera4 dl {
        padding:20px 10px 15px;
        text-align: left;
        width:auto;
    }
    .camera4 dt{
        text-align: center;
    }
    .camera4 dt span {
        padding:2px 2em;
        font-size: 17px
    }
    .camera4 dd {
        font-size: 20px;
        margin-top: 15px;
    }
    
}
/* AI 動画 */

.container .ai-movie {
	display: flex;
	justify-content:space-between;
	width:880px;
	/*margin:100px auto 0;*/
	margin:30px auto 0;/* ↑画像一緒に戻す */
}
.container .ai-movie li {
	position: relative;
}
.container .ai-movie li::before {
	/*content:"";*/
	content:none;/* ↑画像一緒に戻す */
	position: absolute;
	background: #aaa;
	width:2px;
	height:70px;
	top:-85px;
	left:calc(50% - 1px)
}
.container .ai-movie li:first-child::before {
	transform: rotate(45deg);
	height:100px;
	top:-100px;
	left:calc(50% + 67px)
}
.container .ai-movie li:last-child::before {
	transform: rotate(-45deg);
	height:100px;
	top:-100px;
	left:calc(50% - 65px)
}
.container .ai-movie li::after {
	/*content:"";*/
	content:none;/* ↑画像一緒に戻す */
	position: absolute;
	width:15px;
	height:15px;
	border-bottom:2px solid #aaa;
	border-right:2px solid #aaa;
	top:-35px;
	left:calc(50% - 8px);
	transform:rotate(45deg)
}
.container .ai-movie li:first-child::after {
	transform: rotate(90deg);
	top:-30px;
	left:calc(50% + 32px)
}
.container .ai-movie li:last-child::after {
	transform: rotate(0);
	top:-30px;
	left:calc(50% - 44px)
}
.container .ai-movie li dt span {
	font-size:24px;
	font-weight:500;
	color:#40ACC3;
	border-bottom: 3px solid;
}
.container .ai-movie li dd {
	margin-top: 10px;
	font-size: 24px;
	line-height: 1.3;
}
@media screen and (max-width: 640px) {
	.container .ai-movie {
		display: block;
		justify-content:space-between;
		width:94%;
		margin-top:2em;
	}
	.container .ai-movie li {
		display:flex;
		align-items:flex-start;
		text-align: left;
		margin-bottom:1.5em;
	}
	.container .ai-movie li::before {
		content:none;
	}
	.container .ai-movie li::after {
		content:none;
	}
	.container .ai-movie li img {
		width:60px;
		margin-right: 15px;
		margin-top:10px;
		
	}
	.container .ai-movie li dt span {
		font-size:18px;
		font-weight:700;
	}
	.container .ai-movie li dd {
		margin-top: 10px;
		font-size: 16px;
		font-weight:500;
		
	}
}

/* 2眼カメラ */
.camera2 {
    max-width:750px;
    height:500px;
    position:relative;
    margin:2em auto 0;
}
.camera2 img {
    position: absolute;
    
}
.camera2 img:first-child{
    left:0;
    top:0;
}
.camera2 img:last-child{
    right:0;
    bottom:0;
    
}
@media screen and (max-width: 640px) {
    .camera2 {
        height: 0;
        width:94%;
        padding-bottom:90%;
    }
    .camera2 img{
        width:90%;        

    }
}