@media screen and (min-width: 1501px) {
.content {
width: 1500px;
margin: 0 auto;
text-align: center;
}
img.ss {
max-width: 950px;
}
}
@media (min-width:751px) and (max-width:1500px) {
.content {
max-width: 1500px;
width: 100%;
margin: 0 auto;
text-align: center;
}
img {
max-width: 1500px;
width: 100%;
}
img.ss {
max-width: 950px;
width: 100%;
}
}
@media screen and (max-width : 750px) {
.for_pc{
display: none
}
}


.sec01,.sec08,.sec10 {
background-color: #fff5d2;
}
.sec02 {
background: url("../images/bg01.jpg") no-repeat top center,#dae4d0;
}
.sec03 {
background: url("../images/bg02.jpg") no-repeat top center,#fff5d2;
}
.sec04 {
background: url("../images/bg03.png") no-repeat top center;
}
.sec05 {
background: url("../images/bg04.png") no-repeat top center,#fff5d2;
}
.sec06 {
background: url("../images/bg05.jpg") no-repeat top center,#dae4d0;
}
.sec07 {
background: url("../images/bg06.jpg") no-repeat top center,#fff5d2;
}
.sec09 {
background-color: #dae4d0;
}
.sec11 {
background: url("../images/bg07.png") no-repeat top center,#fff5d2;
}
.sec12 {
background: url("../images/bg08.png") no-repeat bottom center,#fff5d2;
}

@media screen and (max-width : 750px) {
.sec02 {
background: url("../images/bg01s.jpg") no-repeat top center,#dae4d0;
background-size: 100% auto;
}
.sec03 {
background: url("../images/bg02s.jpg") no-repeat top center,#fff5d2;
background-size: 100% auto;
}
.sec04 {
background: url("../images/bg03s.png") no-repeat top center;
background-size: 100% auto;
}
.sec05 {
background: url("../images/bg04s.png") no-repeat top center,#fff5d2;
background-size: 100% auto;
}
.sec06 {
background: url("../images/bg05s.jpg") no-repeat top center,#dae4d0;
background-size: 100% auto;
}
.sec07 {
background: url("../images/bg06s.jpg") no-repeat top center,#fff5d2;
background-size: 100% auto;
}
.sec11 {
background: url("../images/bg07s.png") no-repeat top center,#fff5d2;
background-size: 100% auto;
}
.sec12 {
background: url("../images/bg08s.png") no-repeat bottom center,#fff5d2;
background-size: 100% auto;
}
}

.banner_btm {
padding: 0 ;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 9999;
display: none;
}

@media screen and (min-width: 751px) {
.banner_btm a {
position: relative;
max-width: 550px;
margin: 0 auto;
background: url("../images/fl_bn_over.png") no-repeat;
}
.banner_btm a:hover {
background-color: transparent;
}
.banner_btm a:hover img {
    visibility: hidden;
}
}

.is-fixed {
    transition: 0.6s;
    visibility: hidden;
    opacity: 0;
}

@media screen and (min-width: 751px) {
.for_sp{
display: none
}
.txt {
text-align: center;
font-size: 13px;
color: #6e6e6e;
}
}
@media screen and (max-width : 750px) {
.txt {
text-align: center;
font-size: 11px;
color: #6e6e6e;
}
}