body {
background: #010101;
color: #010101;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
font-weight: 500;
font-style: normal;
width: 100%;
height:100%;
font-size: 12px;
line-height:1.8em;
margin: 0px;
letter-spacing: 0;
}


#wrap{
width: 100%;
position: relative;
}

.sp{ display: none;}


@keyframes  fadeanm {
0% {opacity: 0;}
100% {opacity: 1;}
}

@keyframes  scaleanm {
0% { transform: scale(1.2,1.2); opacity: 0;}
100% { transform: scale(1,1); opacity: 1;}
}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}

.videoWrapper iframe {
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
}

.linkLabel{
padding-top: 50px;
margin-top: -50px;
text-indent: -99999px;
line-height: 0;
}


/*---------------------------------------------

main

----------------------------------------------*/

#content{
width: 100%;
position: relative;
overflow-x: hidden;
padding: 0 0;
}

#contentMain{
background: #fff;
width: 100%;
padding: 0 0 40px 30px;
}

#logo{
width: 40%; height: 65%;
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%,-40%);
z-index: 1;
}

#logo a{
width: 100%; height: 100%;
display: block;
}

#header{
background: url("../images/common/header_pc.png") no-repeat center;
background-size: cover;
position: relative;
}

#header:before{
content:"";
display: block;
padding-top: 13.66%;
}

#contentM{
width: 100%;
margin: 50px auto 0;
font-family: "Anton", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
letter-spacing: 1em;
color: #e6001c;
text-align: center;
}


/*---------------------------------------------

interview

----------------------------------------------*/

#itvAll{
background-size: cover;
width: 85%; max-width: 1100px;
position: relative;
overflow: hidden;
padding: 4em 0;
margin: 0 auto;
}

.tabs {
padding-bottom:0;
width: 100%;
margin: 0 auto;
}

.tab_item {
background: #000;
background-size: 3px 100%;
width: calc(100%/2);
height: 3em;
line-height: 1em;
font-size: 14px;
font-weight: 700;
text-align: center;
color: #fff;
display: block;
float: left;
transition: all 0.2s ease;
position: relative;
cursor: pointer;
}

.tab_item:hover {
background: #ff3b3e;
opacity: 1;
}

.itvTabTxt{
pointer-events: none;
width: 100%;
position: absolute;
top: 50%; left: 0;
transform: translateY(-50%);
z-index: 2;
}

input[name="tab_item"] {
display: none;
}

.tab_content {
display: none;
padding: 0;
clear: both;
}

#itv01:checked ~ #itv01on,
#itv02:checked ~ #itv02on{
display: block;
}

.tabs input:checked + .tab_item {
background-color: #e6001c;
color: #fff;
}

.itvBox{ width: 100%;}

.itvLine{
background: #e6001c;
background-size: 3px 100%;
width: 100%; height: 5px;
}

.itvTitle{
width: 100%;
line-height: 2em;
font-size: 20px;
color: #e6001c;
font-weight: 700;
margin: 1em auto;
animation: fadeanm 0.5s linear 0.1s forwards;
opacity: 0;
pointer-events: none;
border-top: 2px dotted #e6001c;
border-bottom: 2px dotted #e6001c;
}

.itvTxt{
width: 100%;
font-size: 13px;
line-height: 1.8em;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
animation: fadeanm 0.5s linear 0.3s forwards;
opacity: 0;
}

.itvQ{ color: #e6001c; font-weight: 600;}


/*---------------------------------------------

footer

----------------------------------------------*/

footer{
background: #000 url("../images/common/footer_wps.png") no-repeat right -3% top 70%;
background-size: 30% auto;
width: 100%;
padding: 30px 0 40px 30px;
}

#odorucom{
width: 100%;
font-size: 15px;
line-height: 1em;
margin: 50px auto;
text-align: center;
font-family: "Cal Sans", sans-serif;
font-weight: 400;
font-style: normal;
color: #fff;
letter-spacing: 3px;
}

#odorucom a{ color: #fff;}

#privacy{
width: 100%;
margin: 20px auto;
line-height: 1em;
font-size: 10px;
text-align: center;
color: #d6000f;
}

#privacy a{ color: #d6000f;}

#copyright{
width: 100%;
margin: 0 auto 20px;
line-height: 1em;
font-size: 10px;
text-align: center;
color: #d6000f;
}

#btnpagetop{
background: #d6000f;
width: 60px; height: 60px;
line-height: 60px;
text-align: center;
position: fixed;
bottom: 0;
right: 0;
z-index: 15;
font-size: 18px;
transition: all .3s;
}

#btnpagetop a{
width: 100%;
height: 100%;
display: block;
text-decoration: none;
color: #000;
}

#btnpagetop:hover{
opacity: 0.7;
cursor: pointer;
}


/*---------------------------------------------

ef

----------------------------------------------*/

.ef-fade {
opacity: 0;
transition: 1s linear 0.2s;
}


.fade {
opacity: 1.0;
transform: translate(0, 0);
transform: scale(1, 1);
}