/*============================================================================

	#mainvisual

============================================================================*/

#mainvisual{
	height:100vh;
	height:740px;
    margin-bottom: 0;
	background-image:none;

}


.box1{
	margin:0 auto ;
}
.text p {
	margin-bottom:1em;
}
.footer_map,
.footer_map_illust::before,
.footer_map_illust::after{
	display: block;
}

#container{
	padding: 0;
}




/*============================================================================

パララックス

============================================================================*/

.top_medical_img02{
/*     transition: 0.1s ease-in-out; */
}














.top_adv::before {
	display: block;
}
h3.tit05{
	    margin-bottom: 90px;
}
.footer_info .inner{
	border-top: 0 solid #F4F4F4;

}

.mainvisual_bg::before {
	position:absolute;
	left:0;


	width:100%;
bottom: -80px;
    height: 400px;


	content:"";
	background: linear-gradient(270deg, #68C167, #2094B5, #7F69BC, #3BA6B9);
background-size: 600% 600%;

-webkit-animation: AnimationName 16s ease infinite;
-moz-animation: AnimationName 16s ease infinite;
animation: AnimationName 16s ease infinite;


mask-image: linear-gradient( transparent, red 100%);
-webkit-mask-image:linear-gradient( transparent, red 100%);



    opacity: 1;

	background-blend-mode: multiply;
}


  /* Edge 用 */
@supports (-ms-ime-align: auto) {
	.mainvisual_bg::before {
	background: linear-gradient(to top, #2094B5, transparent);
	animation:none;
	}
}
/* IE11 用 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .mainvisual_bg::before {
	background: linear-gradient(to top, #2094B5, transparent);
	animation:none;
}
}




 







@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%
	
	
	}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}







@media screen and (min-width:1921px) {

/* ロゴ */




#mainvisual{
    height: calc(100vh - 25vh);
	min-height:760px;

}
.mainvisual_slide{
	top:0;
}
}

@media screen and (max-width:1400px) {

#mainvisual{
		height:680px;
}
.mainvisual_slide{
	top:0;
	background-position: center 90%;
}
header h1,
.mainvisual_catch{
	left:40px;
}
nav ul{
	margin-right:40px;
}
.mainvisual_open{
	right:40px;
}
.mainvisual_schedule_inner{
	    padding: 36px 52px;
}
.mainvisual_bg::before {

}


#container{
    width: 100%;
}







}
.box1{
	padding:0 60px;
}
.footer_info .inner{
	padding:160px 60px;
}









/* スマホ */
@media screen and (max-width:768px) {
#mainvisual{
    height: auto;
}
.mainvisual_bg::before {
    bottom: -20vh;
    height:60vh;
}
.mainvisual_schedule_inner{
	padding: 20px 5%;
}
.footer_info .inner {
    width: 100%;
    padding: 100px 0 ;
}
.box1 {
    padding: 0 4%;
}
h3.tit05{
	    margin-bottom: 90px;
}



} 







/*============================================================================

ローディング

============================================================================*/

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 999999;

}
#loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -120px;
  margin-left: -100px;
  text-align: center;
  line-height:3.6;
  color: #5AC2D7;
  z-index: 999999;
  font-family: brandon-grotesque, sans-serif;
    font-weight: 500;
}
.loader_img{
/* 	position: absolute;
	z-index:99999; */
}
.mainvisual_catch,
.mainvisual_schedule,
header,
main,
footer,
.mainvisual_bg{
	opacity:0;
}
#mainvisual{


}