.K_dExT5_integratedSite_wrapper {position:relative; height:100%;}
.K_dExT5_integratedSite_wrapper .mainVisual {position:relative; height:100%; overflow:hidden;}
.K_dExT5_integratedSite_wrapper .mainVisual > div {position:relative; height:100%; width:50%; width:calc(100% / 2); float:left;}
.K_dExT5_integratedSite_wrapper .mainVisual h1 {margin:15px;}
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea {position:absolute; width:50%; min-width:200px; height:280px;  text-align:center; top:0; bottom:0; left:0; right:0; margin:auto;}
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea dt {margin-bottom:40px}
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea dd {color:#ffffff; font-size:16px; line-height:26px}
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea dd a {padding:12px 30px; background-color:#ffffff; display:inline-block; margin-top:10px; font-weight:600; box-shadow:0 3px 5px 0 rgba(28,44,103,0.3)}
.K_dExT5_integratedSite_wrapper .mainVisual .mainK {background-image:url(../images/visualbg01.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;
													animation-name:moving; 
													animation-duration:70s;
													animation-timing-function:linear;
													animation-iteration-count:infinite;}
.K_dExT5_integratedSite_wrapper .mainVisual .mainK .txtArea dd a {color:#304692; }
.K_dExT5_integratedSite_wrapper .mainVisual .mainK .txtArea dd a:hover {box-shadow:0 9px 7px 4px rgba(28,44,103,0.4); transition:0.3s}
.K_dExT5_integratedSite_wrapper .mainVisual .mainD {background-image:url(../images/visualbg02.jpg); background-repeat:no-repeat; background-size:cover; background-position:center;
													animation-name:moving; 
													animation-duration:70s;
													animation-timing-function:linear;
													animation-iteration-count:infinite;}
.K_dExT5_integratedSite_wrapper .mainVisual .mainD h1 {text-align: right}
.K_dExT5_integratedSite_wrapper .mainVisual .mainD .txtArea dd a {color:#094ba5;}
.K_dExT5_integratedSite_wrapper .mainVisual .mainD .txtArea dd a:hover {box-shadow:0 9px 5px 2px rgba(31,45,83,0.2); transition:0.3s}
.K_dExT5_integratedSite_wrapper .mainVisual .scroll {position:absolute; left:50%; margin-left:-107px; bottom:20px; width: 214px; height:78px;
													animation-name:floating; 
													animation-duration:1s;
													animation-timing-function:ease;
													animation-iteration-count:infinite;}

.K_dExT5_integratedSite_wrapper .contentsArea li {position:relative; width:100%}
.K_dExT5_integratedSite_wrapper .contentsArea li:nth-child(even) {background-color:#f2f2f2 }
.K_dExT5_integratedSite_wrapper .contentsArea .con_in {position:relative; max-width:1200px; margin:0 auto; padding: 0 15px ; height:500px }
.K_dExT5_integratedSite_wrapper .contentsArea .con_in h3 {font-size:40px; color:#363636; position:absolute; top:27%;}
.K_dExT5_integratedSite_wrapper .contentsArea .con_in p {font-size:18px; color:#363636; line-height:30px; position:absolute; top:42%}
.K_dExT5_integratedSite_wrapper .contentsArea .con_in a {font-size:16px; color:#363636; display:inline-block; padding:10px 20px; border:1px solid #999999; position:absolute; top:65%}
.K_dExT5_integratedSite_wrapper .contentsArea .con_in a:hover {box-shadow:0px 5px 5px 2px rgba(0,0,0,0.2); transition:0.3s }
.K_dExT5_integratedSite_wrapper .contentsArea .con_in img {position:absolute; right: 0; top:8%; object-fit:contain; object-position:center;}
.K_dExT5_integratedSite_wrapper .contentsArea li:nth-child(even) h3 {left:50%;}
.K_dExT5_integratedSite_wrapper .contentsArea li:nth-child(even) .con_in p {left:50%;}
.K_dExT5_integratedSite_wrapper .contentsArea li:nth-child(even) .con_in a {left:50%;}
.K_dExT5_integratedSite_wrapper .contentsArea li:nth-child(even) .con_in img {left:0;}
.K_dExT5_integratedSite_wrapper .contentsArea li#con1 h3,
.K_dExT5_integratedSite_wrapper .contentsArea li#con2 h3 {color:#1b2b57;}
.K_dExT5_integratedSite_wrapper .contentsArea li#con1 h3 i,
.K_dExT5_integratedSite_wrapper .contentsArea li#con2 h3 i {color:#ca5128;}
.K_dExT5_integratedSite_wrapper .contentsArea li#con3 h3 i,
.K_dExT5_integratedSite_wrapper .contentsArea li#con4 h3 i {color:#416bb3;}

.K_dExT5_integratedSite_wrapper .footer {width:100%; background-color:#01050b; }
.K_dExT5_integratedSite_wrapper .footer .footer_in {max-width:1500px; margin:0 auto; padding:48px 24px; overflow:hidden;}
.K_dExT5_integratedSite_wrapper .footer .footer_in a {display:inline-block; width:30%; float:left;}
.K_dExT5_integratedSite_wrapper .footer .footer_in address {display:inline-block; width:41%; min-width:500px; color:#888888; font-style:normal; float:left;}
.K_dExT5_integratedSite_wrapper .footer address {padding-left:4rem; line-height:1.2rem}
.K_dExT5_integratedSite_wrapper .footer address i {color:#eeeeee;}
.K_dExT5_integratedSite_wrapper .footer address .copyright { margin-top:2rem; display:block;}


@keyframes floating {from {bottom:25px;} 50% {bottom:20px;} to {bottom:25px;};}
@keyframes moving {from {background-position:left} 50% {background-position:right;} from {background-position:left};}


.fromBottomIn
{
	transition: transform 1.5s ease, opacity 1.5s ease;
	
	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut
{
	transition: transform 1.5s ease, opacity 1.5s ease;
	
	transform: translate(0,20px);
	opacity: 0.0;
}



@media only screen and (max-width:1000px) {
.K_dExT5_integratedSite_wrapper .contentsArea li .con_in {height:748px; text-align:center; padding-top: 100px; }
.K_dExT5_integratedSite_wrapper .contentsArea li#con2 .con_in {height:855px;}
.K_dExT5_integratedSite_wrapper .contentsArea li .con_in h3 {position:relative; text-align:center; top:auto; left:auto; right:auto}
.K_dExT5_integratedSite_wrapper .contentsArea li .con_in p {position:relative; text-align:center; top:auto; left:auto; right:auto; padding:0 20px; margin-top:20px;}
.K_dExT5_integratedSite_wrapper .contentsArea li .con_in a {position:relative; text-align:center; top:auto; left:auto; right:auto; margin-top:50px; padding:10px 30px;}
.K_dExT5_integratedSite_wrapper .contentsArea li .con_in img {position:relative; top:auto; left:auto; right:auto; vertical-align:unset; }
.K_dExT5_integratedSite_wrapper .contentsArea li#con1 .con_in img {margin-left:-80px;}
.K_dExT5_integratedSite_wrapper .contentsArea li:nth-child(even) .con_in p,
.K_dExT5_integratedSite_wrapper .contentsArea li:nth-child(even) .con_in a {left:0;}
}

@media only screen and (max-width:856px) {
.K_dExT5_integratedSite_wrapper .footer .footer_in a {display:block; float:none; margin:0 auto; margin-bottom:30px}
.K_dExT5_integratedSite_wrapper .footer .footer_in address {margin-left:0; margin:0 auto; float:none; text-align: center; display:block;}
.K_dExT5_integratedSite_wrapper .footer .footer_in address br {display:none}
}

@media only screen and (max-width:800px) {
.K_dExT5_integratedSite_wrapper .mainVisual > div {width:100%;}
.K_dExT5_integratedSite_wrapper .mainVisual .mainK {height:47%}
.K_dExT5_integratedSite_wrapper .mainVisual .mainD {height:53%}
/*.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea {margin-top:0; min-width:80%;}*/
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea dt {margin-bottom:20px;}
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea dd br {display:none }
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea dd a {margin-top:20px; padding:8px 30px; min-width:140px}
}

@media only screen and (max-width:700px){
.K_dExT5_integratedSite_wrapper .footer .footer_in a {width:275px;}
.K_dExT5_integratedSite_wrapper .footer .footer_in address {padding-left:0; width:90%; min-width:auto}
}

@media only screen and (max-width:635px){
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea dd {font-size:14px; line-height:22px}
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea img {object-fit:contain; width:100%;}
.K_dExT5_integratedSite_wrapper .contentsArea li .con_in p br {display: none;}
.K_dExT5_integratedSite_wrapper .contentsArea li .con_in img {width:100%;}
.K_dExT5_integratedSite_wrapper .contentsArea li#con1 .con_in img {margin-left:0;}
.K_dExT5_integratedSite_wrapper .contentsArea .con_in p {font-size:14px; line-height:22px}
}

@media only screen and (max-width:414px) {
	@media only screen and (max-height:823px) {
	.K_dExT5_integratedSite_wrapper .contentsArea li .con_in {height:550px}
	.K_dExT5_integratedSite_wrapper .contentsArea li#con2 .con_in,
	.K_dExT5_integratedSite_wrapper .contentsArea li#con4 .con_in {height:650px}
	.K_dExT5_integratedSite_wrapper .mainVisual h1 {display:none}
	.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea {height:250px;}
}}


@media only screen and (max-width:375px){
.K_dExT5_integratedSite_wrapper .mainVisual h1 {display:none}
.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea dt {margin-top:25px;}
.K_dExT5_integratedSite_wrapper .mainVisual .scroll {display:none}

}
@media only screen and (width:320px){
	.K_dExT5_integratedSite_wrapper .mainVisual div .txtArea dd {letter-spacing:-1.5px}
	.K_dExT5_integratedSite_wrapper .contentsArea .con_in h3 {font-size:35px}
}

/*ipad pro*/
@media only screen and (width:1024px), (height:1336px){
	.K_dExT5_integratedSite_wrapper .mainVisual {height:60%}
}
/*iphone x*/
@media only screen and (width:375px) {
	@media only screen and (height:812px) {
	.K_dExT5_integratedSite_wrapper .mainVisual h1 {display:block;}
}}

@media only screen and (orientation: landscape) {
 .wrapper .visual {height:750px}
}