.main-visual-re { 
	position:relative;
	width:100%; height:1000px;
	background:url('/images/main/main-visual-re.jpg') no-repeat center/cover;
}
.main-visual-re > h1 {
	position:absolute; top:120px; left:50%;
	width:1520px;
	margin-left:-760px;
	color:#fff;
	font-size:38px;
	font-weight:100;
	letter-spacing:-0.05rem;
}
.main-visual-re > h1 strong {
	color:#badafc;
	font-size:56px;
	font-weight:700;
	letter-spacing:-0.025rem;
}
.main-visual-re .text-box {
	position:absolute; top:90px; left:50%; z-index:1;
	width:1520px;
	margin-left:-900px;
}
.main-visual-re .service-box {
	position:absolute;
	display:inline-block;
	border-radius:10px;
	padding:40px;
	background:#fff;
	box-shadow:18px 15px 46.41px 4.59px rgba(19, 21, 25, 0.25);
	opacity:0;
	transition: all 0.8s ease-in-out;
}
.main-visual-re .service-box.active {
	margin:0;
	opacity:1;
}
.main-visual-re .service-box * {
	word-break: keep-all;
}
.main-visual-re .service-box h2 {
	padding-bottom:10px;
	font-size:24px;
	font-weight:500;
	letter-spacing:-0.05rem;
}
.main-visual-re .service-box h2 strong {
	color:inherit;
	font-family:'Ubuntu';
	font-size:34px;
	font-weight:700;
}
.main-visual-re .service-box p {
	padding-bottom:10px;
	color:#333;
	font-size:20px;
	font-weight:700;
	letter-spacing:-0.05rem;
	line-height:26px;
}
.main-visual-re .service-box ul {
	font-size:0;
}
.main-visual-re .service-box ul li {
	color:#666;
	font-size:16px;
	font-weight:300;
	letter-spacing:-0.1rem;
	line-height:24px;
}
.main-visual-re .service-box ul.col2 li {
	display:inline-block;
	width:50%;
	vertical-align:top;
}
.main-visual-re .service-box .btn {
	padding-top:15px;
	font-size:0;
}
.main-visual-re .service-box .btn span {
	display:inline-block;
	width:100%;
	vertical-align:top;
}
.main-visual-re .service-box .btn span a {
	display:block;
	width:100%;
	height:47px;
	color:#fff;
	border-radius:25px;
	text-align:center;
	line-height:47px;
	font-size:18px;
	font-weight:300;
	letter-spacing:-0.05rem;
}
.main-visual-re .service-box .btn.btn_col span {
	width:50%;
	padding-right:5px;
}
.main-visual-re .service-box .btn.btn_col span:nth-child(2) {
	padding:0 0 0 5px;
}
.main-visual-re .service-box01 {
	top:220px; right:860px;
	margin-right:100px;
}
.main-visual-re .service-box01 h2 {
	color:#297acf;
}
.main-visual-re .service-box01 .btn span a {
	background:#297acf;
}
.main-visual-re .service-box02 {
	top:0; right:0;
	margin-right:-100px;
}
.main-visual-re .service-box02 h2 {
	color:#29c5cf;
}
.main-visual-re .service-box02 .btn span a {
	background:#29c5cf;
}
.main-visual-re .service-box03 {
	top:220px; right:530px;
	margin-top:100px;
}
.main-visual-re .service-box03 h2 {
	color:#31559d;
}
.main-visual-re .service-box03 .btn span a {
	background:#31559d;
}
.main-visual-re .service-box04 {
	top:318px; right:200px;
	margin-top:100px;
}
.main-visual-re .service-box04 h2 {
	color:#3f1c8e;
}
.main-visual-re .service-box04 .btn span a {
	background:#3f1c8e;
}
.main-visual-re .service-box01,
.main-visual-re .service-box02 {
	width:510px;
}
.main-visual-re .service-box03,
.main-visual-re .service-box04 {
	width:310px;
}
.main-visual-re .visual-main-scroll {
	writing-mode:vertical-lr; 
	text-orientation:mixed;
	letter-spacing:15px;
	color:#fff;
	font-family:'Poppins';
	font-size:16px;
	font-weight:500;
	position:absolute;
	bottom:80px;
	left:4%;
}
.main-visual-re .visual-main-scroll:after{
	display:block;
    content:"";
    width:0.1px;
    height:65px;
    background:#fff;
    position:absolute;
    left:49%;
    transform:translate(-50%, 250%);
}
@media screen and (max-width: 1520px) {
	.main-visual-re > h1 {
		left:0;
		width:100%;
		padding:0 20px;
		margin-left:0;
	}
	.main-visual-re .text-box {
		left:20px;
		width:calc(100% - 40px);
		margin-left:0;
	}
}
@media screen and (max-width: 1400px) {
	.main-visual-re {
		height:950px;
	}
	.main-visual-re > h1 {
		font-size:32px;
	}
	.main-visual-re > h1 strong {
		font-size:50px;
	}
	.main-visual-re .service-box {
		padding:30px;
	}
	.main-visual-re .service-box h2 {
		font-size:22px;
	}
	.main-visual-re .service-box h2 strong {
		font-size:32px;
	}
	.main-visual-re .service-box p {
		font-size:16px;
		line-height:22px;
	}
	.main-visual-re .service-box ul li {
		font-size:14px;
		line-height:22px;
	}
	.main-visual-re .service-box .btn span a {
		font-size:16px;
	}
	.main-visual-re .service-box01 {
		top:180px; right:700px;
	}
	.main-visual-re .service-box03 {
		top:180px; right:430px;
	}
	.main-visual-re .service-box04 {
		top:284px; right:160px;
	}
	.main-visual-re .service-box01,
	.main-visual-re .service-box02 {
		width:410px;
	}
	.main-visual-re .service-box03,
	.main-visual-re .service-box04 {
		width:250px;
	}
}
@media screen and (max-width: 1200px) {
	.main-visual-re {
		height:900px;
	}
	.main-visual-re > h1 {
		font-size:28px;
	}
	.main-visual-re > h1 strong {
		font-size:38px;
	}
	.main-visual-re .service-box {
		padding:20px;
	}
	.main-visual-re .service-box01 {
		top:160px; right:620px;
	}
	.main-visual-re .service-box03 {
		top:160px; right:370px;
	}
	.main-visual-re .service-box04 {
		top:286px; right:120px;
	}
	.main-visual-re .service-box01,
	.main-visual-re .service-box02 {
		width:350px;
	}
	.main-visual-re .service-box03,
	.main-visual-re .service-box04 {
		width:230px;
	}
}
@media screen and (max-width: 1024px) {
	.main-visual-re {
		height:850px;
	}
	.main-visual-re > h1 {
		padding:0 10px;
		font-size:25px;
	}
	.main-visual-re > h1 strong {
		font-size:32px;
	}
	.main-visual-re .service-box {
		padding:15px;
	}
	.main-visual-re .service-box h2 {
		font-size:20px;
	}
	.main-visual-re .service-box h2 strong {
		font-size:30px;
	}
	.main-visual-re .service-box p {
		font-size:15px;
		line-height:21px;
	}
	.main-visual-re .service-box ul li {
		font-size:13px;
		line-height:21px;
	}
	.main-visual-re .service-box .btn span a {
		font-size:15px;
		height:40px;
		line-height:40px;
	}
	.main-visual-re .service-box01 {
		top:160px; right:470px;
	}
	.main-visual-re .service-box03 {
		top:160px; right:270px;
	}
	.main-visual-re .service-box04 {
		top:253px; right:70px;
	}
	.main-visual-re .service-box01,
	.main-visual-re .service-box02 {
		width:260px;
	}
	.main-visual-re .service-box03,
	.main-visual-re .service-box04 {
		width:190px;
	}
	.main-visual-re .visual-main-scroll {
		display:none;
	}
}
@media screen and (max-width: 768px) {
	.main-visual-re {
		padding:85px 35px 50px;
		height:auto;
		background-image:url('/images/main/main-visual-re-m.jpg');
	}
	.main-visual-re > h1 {
		position:static;
		padding:0 0 25px;
		font-size:21px;
		word-break:keep-all;
	}
	.main-visual-re > h1 strong {
		font-size:28px;
	}
	.main-visual-re > h1 br {
		display:none;
	}
	.main-visual-re > h1 br.m-block {
		display:block;
	}
	.main-visual-re .text-box {
		position:static;
		width:100%;
	}
	.main-visual-re .service-box {
		position:static;
		width:100% !important;
		padding:20px;
		margin:0 0 12px !important;
	}
	.main-visual-re .service-box h2 {
		padding-bottom:10px;
		font-size:16px;
	}
	.main-visual-re .service-box h2 strong {
		font-size:22px;
	}
	.main-visual-re .service-box h2 br {
		display:none;
	}
	.main-visual-re .service-box p {
		padding-bottom:12px;
		font-size:14px;
		line-height:18px;
	}
	.main-visual-re .service-box ul li {
		font-size:12px;
		line-height:16px;
	}
	.main-visual-re .service-box ul.m_col2 li {
		display:inline-block;
		width:50%;
		vertical-align:top;
	}
	.main-visual-re .service-box .btn {
		padding-top:10px;
	}
	.main-visual-re .service-box .btn span {
		width:50%;
		padding-right:5px;
	}
	.main-visual-re .service-box .btn span:nth-child(2) {
		padding:0 0 0 5px;
	}
	.main-visual-re .service-box .btn span a {
		font-size:13px;
		height:32px;
		line-height:32px;
	}
}