@charset "UTF-8";
#title{
position: absolute;
top:50%;
left: 50%;
margin: 0 auto;
width: 100%;
display: none;
}
#catch{
font-size: 3.0vw;
font-weight: bold;
line-height: 1.2em;
}
#en{
font-size: 5.2vw;
font-weight: bold;
line-height: 1.0em;
margin-bottom: 0.2em;
}
#year{
font-size: 3vw;
font-weight: bold;
line-height: 1.2em;
}
#tabMenuInfo{
font-size: 3.5vw;
margin-bottom: 1em;
color: #000;
opacity: 0.55;
}
#ttl{
font-size: 4vw;
line-height: 1.2em;
margin-bottom: 1em;
}
#intro{
text-indent: -9999px;
display: block;
width: 65%;
max-width: 300px;
height: 0;
/* 表示画像の高さ ÷ 表示画像の幅 × divの幅 × 100 */
padding-top:20%;
background: url('../works/images/intro_ttl.png') center center no-repeat;
background-size: 100%;
margin: 1em auto;
}
#achive{
text-indent: -9999px;
display: block;
width: 65%;
max-width: 300px;
height: 0;
/* 表示画像の高さ ÷ 表示画像の幅 × divの幅 × 100 */
padding-top:20%;
background: url('../works/images/achive_ttl.png') center center no-repeat;
background-size: 100%;
margin: 0em auto;
}
.subBtn{
width:50%;
padding: 2% 0;
font-size: 2.8vw;
text-decoration: none;
display: inline-block;
font-weight: bold;
border: solid 2px #FFF;
}
.subBtn span{
display: block;
font-size: 2.2vw;
}
footer{
}
#ftrLogo{
background: url('../common_n/images/logo_ftr_w.png') 0 bottom no-repeat;
background-size: contain;
}
footer p{
color: #FFF;
}
#main{
padding: 10% 0;
}
.tabWrap{
padding:10% 5%;
max-width: 1000px;
margin: 0 auto;
}
.tabWrap h2{
font-size: 4vw;
margin-bottom: 1em;
}
.tabWrap h3{
font-size: 3.5vw;
}
.tabWrap p{
font-size: 3.2vw;
line-height: 1.6em;
text-align: justify;
margin-bottom: 1em;
}
.tabWrap span{
font-size: 2.6vw;
}
.slider{
margin-bottom: 10%;
padding: 20px 0.2% 30px 0.2%;
background-color:rgba(255,255,255,1);
}
.slider div{
padding: 0 0.2%;
vertical-align: text-bottom;
}
.slider div span{
background: #000;
padding: 0.2em 0.4em;
font-size: 2.4vw;
color: #FFF;
}
.slider div p{
color: #000;
opacity: 0.7;
font-size: 2.4vw;
line-height: 1.2em;
}
.slider div img{
width:100%;
height: auto;
max-width: 300px;
margin: 2% auto;
}
.YT{
margin:5% auto;
width: 100%;
max-width: 800px;
}
.cr{
padding: 1em 0 2em 0;
font-size: 2.4vw;
color: #FFF;
}




@media screen and (min-width: 480px){
#intro,#achive{
padding-top:56px;
}
#achive{
margin: 2em auto 0.5em auto;
}
}

@media screen and (min-width: 768px){
#title{
width: 768px;
}

#catch{
font-size: 18px;
}
#en{
font-size: 30px;
}
#year{
font-size: 16px;
}
#tabMenuInfo{
font-size: 16px;
}

#main{
padding: 50px 0 20px 0;
}
.tabWrap{
padding:40px;
}
.tabWrap h2{
font-size: 24px;
}
#ttl{
font-size: 24px;
}
.tabWrap h3{
font-size: 20px;
}
.tabWrap p{
font-size: 18px
}
.tabWrap span{
font-size: 14px;
}
.slider{
margin-bottom: 40px;
}
.slider div span{
font-size: 15px;
}
.slider div p{
font-size: 15px;
}
/*共通*/
.subBtn{
width: 240px;
padding: 8px;
font-size: 15px;
}
.subBtn span{
font-size: 12px;
}
.cr{
font-size: 12px;
}

/*#mainNav ul li:nth-child(1) a{
background: url('images/menu_logo_w.png') bottom center no-repeat;
background-size: 70%;
}*/

}