@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      space.css

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

.col01{
background: url(../img/space/spe_img01.jpg);
background-size: cover;
background-position: center center;
}

.ref_area{
background:#e0e0e0;
padding-bottom: 5%;
}

.ref_txt{
position: relative;
z-index: 10;
width: 80%;
box-sizing: border-box;
margin: -5% auto 0 auto;
background: #fff;
padding: 40px;
/*padding: 80px;*/
text-align: left;
line-height: 2.0em;
}


.col03 > ul > li:nth-child(1){
background:url(../img/space/spe_img02.jpg);
background-size: cover;
background-position: center center;
padding-top:33.3333333%;
}
.col03 > ul > li:nth-child(2){
background:url(../img/space/spe_img03.jpg);
background-size: cover;
background-position: center center;
padding-top:33.3333333%;
}
.col03 > ul > li:nth-child(3){
background:url(../img/space/spe_img04.jpg);
background-size: cover;
background-position: center center;
padding-top:33.3333333%;
}


@media screen and (max-width: 600px){

.col01{
padding-top: 60%;
}

.ref_txt{
width: 95%;
padding: 40px;
}


.col03 > ul > li:nth-child(1),
.col03 > ul > li:nth-child(2),
.col03 > ul > li:nth-child(3){
padding-top:60%;
}
}

@media screen and (max-width: 480px){

}