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


#loader {
width: 150px;
height: 150px;
position: fixed;
top: 50%;
left: 50%;
margin-top: -75px;
margin-left: -75px;
}

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

.pc{ 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: 60px;
margin-top: -60px;
text-indent: -99999px;
line-height: 0;
}

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

main

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

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

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

#logo{
width: 100%; height: 100%;
position: absolute;
top: 0; left: 0;
z-index: 1;
}

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


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

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

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

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

interview

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

#itvAll{
background-size: cover;
width: 86%;
position: relative;
overflow: hidden;
padding: 2em 0 4em;
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: 3.5em;
line-height: 1em;
font-size: 11px;
font-weight: 700;
text-align: center;
color: #fff;
display: block;
float: left;
transition: all 0.2s ease;
position: relative;
cursor: pointer;
}

.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;
width: 100%; height: 3px;
line-height: 0;
}

.itvTitle{
width: 100%;
line-height: 2em;
font-size: 15px;
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: 12px;
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;
width: 100%;
padding: 10px 0 40px;
}

#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: #E20003;
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: 20px auto;
line-height: 1em;
font-size: 10px;
text-align: center;
color: #d6000f;
}

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

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


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

ef

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

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


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