.wow {
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;	
}

#articleInfo7 {
	position: relative;
	overflow: hidden;
}
#articleInfo7 .info:after {
    content: "";
    position: absolute;
    height: 55%;
    width: 1px;
    background: #e5e5e5;
    left: 0px;
    top: 0;
    display: block;
    display: none;
}
#articleInfo7:before {
    content: "SERVICE";
    color: #cabeb3;
    transform: rotate(90deg);
    left: -25px;
    position: absolute;
    top: 55px;
    letter-spacing: 5px;
    font-weight: bold;
    font-size: 16px;
    display: none;
}
#articleInfo7 .photoBox {
	padding: 10px 40px 10px 0px;
	float: left;
	width: 42%;
	top: 50px;
	left: 0;
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
}

#articleInfo7 .info{
    float: right;
    width: 50%;
    padding: 110px 5px 30px 5px;
}

#articleInfo7 .photoBox img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

#articleInfo7 .photoBox:hover img {
	opacity: 0.7;
    -webkit-transform: scale(0.98);
    transform: scale(0.98);
}



#articleInfo7 .info h3 {
	position: relative;
	padding: 10px 0 10px;
	line-height: 1em;
	letter-spacing: 3.86px;
	font-size: 23px;
	font-weight: bold;
	color: #4b4b4b;
}
#articleInfo7 .info li h3{
		position: relative;
		padding: 8px 0;
		font-weight: bold;
		color: #2353a2;
		font-size: 19px;
		line-height: 1em;
		letter-spacing: 1px;
}

#articleInfo7 .info p {
	font-size: 20px;
	animation-name: fadeInRight;
	-webkit-animation-name: fadeInRight;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 15px;
	color: #5c5c5c;
	line-height: 1.8;
}

#articleInfo7 .info article {
	line-height: 180%;
	animation-name: fadeInUp;
	-webkit-animation-name: fadeInUp;
	font-weight: bold;
	font-size: 15px;
	color: #5c5c5c;
	line-height: 1.8;
}
#articleInfo7 .info li{margin: 5px;list-style-type: decimal;list-style-position: outside;padding-left: 10px;font-weight: bold;}
#articleInfo7 .info li a{display:block;background: #f5f5f5;text-align:center;color:#fff;padding:13px 0;transition:all linear .3s;border: 1px solid #a8a8a8;}
#articleInfo7 .info li:nth-child(even) a{background:#4e4e4e}
#articleInfo7 .info li a:hover,footer #footerCompany .sedc >div a:hover{opacity:.8}
#articleInfo7 .info ol{margin-top: 40px;padding-left: 20px;}
#articleInfo7 .info li a{color: #343434;}
#articleInfo7 .info li a:hover{color:#afb5b9}


/************ = 適應性 = ************/
/* +width:768 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	#articleInfo7 {
		position: relative;
		overflow: hidden;
	}
	#articleInfo7 .photoBox {
		width: 100%;
		padding: 10px 0px;
		float: none;
	}
	#articleInfo7 .info {
		position: initial;
		margin-left: 0;
		padding: 20px;
		width: 90%;
	}
	#articleInfo7 .info h3 {
		left: 0;
		text-align: initial;
		position: inherit;
		font-size: 25px;
	}
#articleInfo7:before{
    color: #ffffff;
    text-shadow: 0 0 11px rgb(121 121 121 / 45%);
    font-size: 36px;
    top: 175px;
    left: -65px;
}
#articleInfo7 .info:after{
    display: none;
}
#articleInfo7 .photoBox:after{
    width: calc(100% + 30px);
    height: 68%;
    top: 40px;
    right: -20px;
}
}
.textEditor ul:not([class]) {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 17px;
  color: #272727;
}

.textEditor ul:not([class]) > li {
  position: relative;
}

.textEditor ul:not([class]) > li::before {
  content: '';
  position: absolute;
  top: 12px;
  left: -17px;
  z-index: 1;
  width: 6px;
  height: 6px;
  background-color: #2353a2;
}

 
.tabStyleList ul > li > h3 {
    font-weight: 400; }
  .tabStyleList ul ol {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 18px;
    font-size: 14px;
    color: #484848; }


/* +width:480 ↓
*----------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	#articleInfo7 .info {
		margin: 0;
		padding: 0 0px;
		width: 100%;
	}
	#articleInfo7 .info h3 {
		padding: 20px 0;
		text-align: left;
	}
	#articleInfo7 .info article {
		margin-left: 0;
	}
	@keyframes animatedIcon { 
		0%{ padding: 20px 0;}
		50%{ padding: 0 0 40px; }
		100%{ padding: 20px 0; }
	}
	@-o-keyframes animatedIcon { 
		0%{ padding: 20px 0;}
		50%{ padding: 0 0 40px; }
		100%{ padding: 20px 0; }
	}
	@-webkit-keyframes animatedIcon { 
		0%{ padding: 20px 0;}
		50%{ padding: 0 0 40px; }
		100%{ padding: 20px 0; }
	}
	@-moz-keyframes animatedIcon { 
		0%{ padding: 20px 0;}
		50%{ padding: 0 0 40px; }
		100%{ padding: 20px 0; }
	}
	@-ms-keyframes animatedIcon { 
		0%{ padding: 20px 0;}
		50%{ padding: 0 0 40px; }
		100%{ padding: 20px 0; }
	}
#articleInfo7 .photoBox:after{
    width: calc(100% + 30px);
    height: 45%;
    top: 40px;
    right: -20px;
}}