@charset "utf-8";


.use {}

.use .use-list {display:flex; flex-direction:column; gap:120px;}
.use .use-item {display:flex; overflow:hidden;border-radius: 20px;border: 1px solid #CCC; background: #FFF;}
.use .use-item:nth-child(even) {flex-direction:row-reverse;}

.use .use-item:hover {box-shadow:0 0 10px rgba(0,0,0,.1);}
.use .use-item>div {width:50%;}
.use .use-item .txt {padding:80px;}
.use .use-item .txt h3 {padding:0 0 40px; margin:0 0 50px; color: #000;font-size:var(--fs36);font-weight: 700;line-height: normal; position:relative;}
.use .use-item .txt h3:after {width:70px; height:5px; background:var(--base1); left:0; bottom:0; position:absolute; display:block; content:'';}
.use .use-item a.talk {
	display:flex; width:100%; height:60px; align-items:center; justify-content:center;
	margin:30px 0 0; background:var(--base1); color:#fff; text-align:center; border-radius:10px;
}
.use .use-item a.talk span {padding-left:35px; background:url(/images/common/icon_chat_white.svg)0 50% /27px no-repeat;}
.use .use-item .img {}
.use .use-item .img img {width:100%; height:100%; object-fit:cover;}


@media (max-width: 1199px) {
	
	.use .use-list {gap:100px;}
	.use .use-item {flex-direction:column;}
	.use .use-item>div {width:100%;}
	.use .use-item:nth-child(even) {flex-direction:column;}
	
	.use .use-item .txt {padding:60px;}
	.use .use-item .txt h3 {padding:0 0 35px; margin:0 0 40px;}
	
	
	
	
	
	
	
}

@media (max-width: 767px) {
	
	.use .use-list {gap:60px;}
	
	.use .use-item .txt {padding:40px;}
	.use .use-item .txt h3 {padding:0 0 25px; margin:0 0 30px;}
	.use .use-item .txt h3:after {width:50px; height:3px;}
	
	
	
	
	
	
	
	
	
	
	
}


@media (max-width: 500px) {
	
	
	
	
	
	
	
	
	
}