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

.sec1-txt{
display: none;
}

.pg1,.pg2,.pg3{
overflow: hidden;
padding-bottom: 24px;
}
.pg1 img{
float: right;
width: 116px;
margin: 5px 0 15px;
}
.pg2 img{
display: none;
}
.pg3 img{
float: left;
width: 120px;
margin-right: 15px;
}

#lower-ph{
margin: 30px auto 0;
overflow: hidden;
}
.lower-ph1{
width: 47%;
float: left;
}
.lower-ph2{
width: 47%;
float: right;
}
.lower-ph3{
width: 100%;
margin-top: 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: -15px;
left: -195px;
}

.pg1{
padding-bottom: 32px;
}
.pg2,.pg3{
padding-bottom: 50px;
}
.pg2{
padding-right: 50px;
}
.pg3{
margin-left: -25px;
}
.pg1 img{
display: none;
}
.pg2 img{
display: inline-block;
float: right;
width: 195px;
}
.pg3 img{
float: left;
width: 220px;
margin-right: 20px;
}

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

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

#footer{
margin: 40px auto 0;
}


}