@charset "utf-8";
  #main_visual_wrap {
}  #main_visual_wrap #main_catch {
max-width:96%;
height:100px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
padding-top:0%;
color:#FFF;
text-align: center;
text-shadow:0px 0px 20px rgba(0, 0, 0, 0.1);
letter-spacing: 0.1em;
display: inline-block;
}
@media screen and (max-width: 1210px) {
#main_visual_wrap #main_catch {
width:96%;
height:100px;
}
}
@media screen and (max-width: 800px) {
#main_visual_wrap #main_catch {
width:98%;
text-align: center;
height:80px;
}
}
@media screen and (max-width: 640px) {
#main_visual_wrap #main_catch {
width:98%;
text-align: center;
height:80px;
}
}
#main_visual_wrap #main_catch:before {
}
#main_visual_wrap .mask {
width:100%;
height:100%;
background-color: #000;
background: rgba(0,0,0,0.15);
animation  : textFade3 1s;
}
#main_visual_wrap #main_catch #main_copy {
font-size:36px;
line-height:1.2em;
font-family: 'Roboto', sans-serif;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
display: inline-block;
font-weight:400;
animation  : textFade2 3s;
letter-spacing: 0.1em;
text-indent: -99999px;
}
@media screen and (max-width: 800px) {
#main_visual_wrap #main_catch #main_copy {
font-size:4vmax;
}
}
@media screen and (max-width: 640px) {
#main_visual_wrap #main_catch #main_copy {
font-size:3.2vmax;
margin:0px 0px 10px 0px;
}
}
@media screen and (max-width: 350px) {
#main_visual_wrap #main_catch #main_copy {
font-size:3.0vmax;
}
} #main_visual_wrap #main_catch #main_logo {
animation  : textFade2 3s;
letter-spacing: 0.1em;
text-indent: -99999px;
background-image: url(//amp-clinic.com/cms/wp-content/themes/and_clinic/images/logo_white.png);
background-repeat: no-repeat;
display: inline-block;
width:180px;
height:42px;
background-size: 180px auto;
padding-bottom:10px;
} #main_visual_wrap #main_catch #sub_copy {
font-size:20px;
line-height:1.2em;
margin:0px 0px 0px 0px;
animation  : textFade1 4s;
letter-spacing: 0.1em;
}
@media screen and (max-width: 800px) {
#main_visual_wrap #main_catch #sub_copy {
font-size:2.0vmax;
padding-right:0px;
}
}
@media screen and (max-width: 640px) {
#main_visual_wrap #main_catch #sub_copy {
font-size:1.8vmax;
}
}
@keyframes textFade1 {
0% { opacity: 0; }
60% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes textFade2 {
0% { opacity: 0; }
30% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes textFade3 {
0% { opacity: 0; }
80% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes mask_fadeIn {
0% { transform: scaleX(1); transform-origin: 0 0%;
}
45% { transform: none;
transform-origin: 0 100%;
}
50% {
transform: none;
transform-origin: 0% 100%;
}
100% {
transform: scaleX(0);
transform-origin: 0% 0%;
}
}