@charset "UTF-8";
/* CSS Document */

.sec1-txt{
display: none;
}

.pg1,.pg3,.pg4{
overflow: hidden;
padding-bottom: 24px;
}
.pg2 img{
float: left;
width: 105px;
margin: 10px 10px 10px 0;
}
.pg3 img{
float: right;
width: 117px;
margin-left: 10px;
}

#lower-ph{
margin: 30px auto 0;
overflow: hidden;
}
.lower-ph1,.lower-ph3{
width: 47%;
float: left;
}
.lower-ph2,.lower-ph4{
width: 47%;
float: right;
}
.lower-ph1,.lower-ph2{
margin-bottom: 18px;
}


#foot-illust{
display: none;
}

#footer{
margin: 95px auto 0;
}



/* タブレット・PC */
@media screen and (min-width: 600px) {

.sec1{
margin: 200px 0 0 260px;
}
.sec1-txt{
display: block;
position: absolute;
top: -5px;
left: -180px;
}

.pg1,.pg3{
padding-bottom: 32px;
}
.pg3{
position: relative;
}
.pg4{
padding-bottom: 26px;
}
.pg2 img{
width: 210px;
margin: 0;
}
.pg3 img{
position: absolute;
width: 280px;
right: 0;
z-index: -1;
}

#lower-ph{
margin: 45px auto 0;
width: 1000px;
}
.lower-ph1,.lower-ph2,.lower-ph3,.lower-ph4{
width: 229px;
float: none;
margin: 0;
}
.lower-ph1,.lower-ph2,.lower-ph3{
width: 229px;
float: none;
margin: 0 28px 0 0;
}

#foot-illust{
display: block;
margin: 200px 0 0;
text-align: center;
}

#footer{
margin: 50px auto 0;
}


}