@charset "UTF-8";

/*
●カラー
ブランドベタ色 #323746
ブランド文字色 #06141D
ブランド差し赤 #C80000
body色 #E5E5E5
*/


/*////////////////////////////////////////


body


//////////////////////////////////////// */
body{
font-family: 'Noto Sans JP', sans-serif;
box-sizing: border-box;
width: 100%;
/*height: 2692px;*/
background: #E5E5E5;
/*background: url(../_img/bg.png);*/
background-size: cover;
color: #323746;
}
/* トレース用背景を薄く */
#mask{
width: 375px;
height: 2692px;
/*background: rgba(255,255,255,0.7);*/
position: absolute;
top: 0;
left: 0;
z-index: 1;
}



/*////////////////////////////////////////


#contents


//////////////////////////////////////// */
#contents{
box-sizing: border-box;
width: 100%;
height: auto;
padding: 40px 23px;
z-index: 2;
position: absolute;
top: 0;
left: 0;
}

/*======================================
.catchCopy
======================================*/
.catchCopy{
box-sizing: border-box;
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
/*background: #aaa;*/
opacity: 1;
font-size: 5.4vw; /*20px;*/
font-weight: 600;
line-height: 1.3em;
}
.catchCopy .block_1 img{
width: 46%;
padding-right: 6px;
/*line-height: 0;*/
vertical-align: text-bottom;
}
.catchCopy .block_1 span{
vertical-align: 4px;
}
.catchCopy .block_2{
margin-top: 20px;
padding: 16px 0;
/*background: #aaa;*/
border-top: solid 1px rgb(50,55,70,0.5);
border-bottom: solid 1px rgb(50,55,70,0.5); 
}
.catchCopy .block_3{
margin-top: 28px;
}
.catchCopy .block_3 span{
font-size: 4vw; /*14px;*/
color: #C80000;
font-weight: 300;
}
/*======================================
.movie
======================================*/
.movie{
width: 260px;
height: 500px;
margin: 28px auto 0 auto;    
position: relative;
/*background: #ff0;*/
}
.movie img{
position: absolute;
top:0px; left:0;
z-index: 10;
}

.movie video{
width: 236px;
position: absolute;
top:60px; left:14px;
z-index: 9;
}

.movie .circle{
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    background: #C80000; /*#323746;*/
    position: absolute;
    top: -20px;
    right: -40px;
    z-index: 11;
    border-radius: 50px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    font-size: 18px;
    line-height: 1.4em;
    padding-top: 20px;
}
.movie .jitsuyou{
    font-size: 2vw;
    writing-mode: vertical-rl;
    position: absolute;
    top: 80px;
    right: -20px;
}
/*======================================
.btn
======================================*/
.btn{
box-sizing: border-box;
width: 280px;
height: 70px;
background: #C80000; /*#323746;*/
text-align: center;
line-height: 70px;
border-radius: 8px;
margin: 86px auto;    
}
.btn a{
text-decoration: none;
display: block;
width: 280px;
height: 70px;
color: #FFF;
font-weight: bold;
font-size: 18px;
}
/*======================================
.setsumei
======================================*/
.setsumei{
box-sizing: border-box;
width: 100%;
height: auto;
padding: 10px;
/*background: #EDEDED;*/
margin-bottom: 30px;  
border-bottom: solid 1px rgb(50,55,70,0.5);
}
.cap{
width: 100%;
display: flex;
align-items:center;
/*background: #aaa;*/
/*justify-content: */

}
.num{
font-family: 'Roboto', sans-serif;
font-size: 56px;
font-weight: 600;
font-style: italic;
/*background: #ee0;*/
width: 46px;
margin-left: 0px;
margin-top: 6px;
}
.text{
font-size: 6vw; /*22px;*/
font-weight: 600;
line-height: 1.4;
/*background: #ee0;*/
}
.zu{
text-align: center;
margin: 30px auto;
}