@charset "UTF-8";
/* CSS Document */
#introduction .innerBox{
position: relative;
z-index: 0;
padding:0;
background: none;
}
#introduction .innerBox:before {
content: '';
position: absolute;
background:url(img/introBG.jpg) no-repeat;
background-size:cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
filter: blur(5px);
z-index: -1;
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#introduction .innerBox:before {
border-radius: 0 30px 0  30px;
}
#introduction  .innerBox .inBinBox{
top: 0;
left: 0;
background:url(../common/img/BoxBG01.png) no-repeat left top,
url(../common/img/BoxBG02.png) no-repeat bottom right;
background-size:80px;
min-height:500px;
padding:20px 20px 60px;
}
#introduction p.txt,
#introduction p.pic{
width:90%;
margin:0 auto 20px;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#navMenu nav ul li.nav02 img{
opacity: 0;
}
#navMenu nav ul li.nav02{
background:url(../common/img/nav/nav_introduction_on.png) no-repeat center center;
background-size: contain;
}
#introduction .innerBox:before {
border-radius: 0 60px 0 60px;
}
#introduction .innerBox .inBinBox{
top: 0;
left: 0;
background:url(../common/img/BoxBG01.png) no-repeat 10px 10px,
url(../common/img/BoxBG02.png) no-repeat bottom right;
padding:20px 100px 80px;
min-height:500px;
}
#introduction p.txt,
#introduction p.pic{
width:720px;
margin:0 auto 20px;
}
}