@charset "UTF-8";

/*スマホ*/

#cts{
text-align: center;
}
#sideL{
z-index: -1;
}

#headIMG{
display: block;
width: 100vw;
position: relative;
margin-top:10vw;
margin-bottom:5vw;
margin-left: -7vw;
/*overflow-x: hidden;*/
}
#headIMG img:nth-of-type(1){
width: 90%;
}
#headIMG img:nth-of-type(2){
position: absolute;
height: 100%;
top:0;
left: -5vw;
}
#headIMG img:nth-of-type(3){
position: absolute;
width: 100%;
top:0;
/*leftはjsで調整*/
}
p{
margin: 0 auto;
font-size: 3.4vw;
font-size: 3.6vw;
line-height: 1.8em;
line-height: 2.0em;
color: #0068b6;
text-align: justify;
}
#txt1{
/*margin-top: 70vw;*/
}
.cutWrap{
margin: 5vw 0;
position: relative;
}
.cut{
display: inline-block;
width: 50%;
margin: 0;
overflow: hidden;
position: relative;
}
.cut img{
width: 100%;
}
#cut1L1,#cut1R1,
#cut2L1,#cut2R1{
position: absolute;
top:0;
left::0;
z-index: 1;
}
#cut1L2,#cut1R2,
#cut2L2,#cut2R2{
position: relative;
opacity: 0;
}

#headNobi{
transition: 2.0s ease-in-out;
/*transition-delay:0s;*/
}
#headDora{
transition: 2.0s ease-in-out;
/*transition-delay:0s;*/
}
#headCatch{
transition: 2.0s ease-out;
/*transition-delay:1.2s;
transform-origin: 68% 32%;
transform-origin: 78% 32%;*/
}

.moveNobi{
filter: blur(10px);
opacity: 0;
}
.moveDora{
filter: blur(10px);
opacity: 0;
}
.moveCatch{
/*filter: blur(10px);*/
opacity: 0;
}

#txt1,#txt2,#cutWrap1,#cutWrap2{
opacity: 0;
}

/*PC*/
@media screen and (min-width:835px){



#headIMG{
width: 100vw;
margin-top:20px;
margin-bottom:20px;
margin-left: -40px;
text-align: center;
}
#headIMG img:nth-of-type(1){
width: 70%;
max-width: 1000px;
}
#headIMG img:nth-of-type(2){
position: absolute;
height: 100%;
top:0;
left: -40px;
}
#headIMG img:nth-of-type(3){
position: absolute;
width: 70%;
max-width: 1000px;
top:0;
/*leftはjsで調整*/
}

p{
font-size: 17px;
font-size: 19px;
max-width: 1000px;
}
#txt1{
/*margin-top: 46vw;*/
}
.cutWrap{
margin: 50px 0;
}
.cut{
max-width: 500px;
}

}