@charset "utf-8";

/*==============================

		lp.css

==============================*/
img,
picture {
  max-width: 100%;
  display: block;
}
body{
    background: #30a3db;
}
.mainVisual{
    background:url(../img/lp/bg_pc.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    padding-block-start: 50px;
    padding-block-end: 100px;
}
.inner{
    width: 1120px;
    margin: auto;
}
.thum_list{
    padding-block: 30px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 0px;
}
.campaign{
    padding-block: 50px;
}
.campaign_list li{
margin-bottom: 40px;
}
.shimabara_wrap{
    padding-block: 50px 0;
}
.shimabara_tit{
    background:url(../img/lp/open_bg_pc.png) no-repeat;
    background-size: cover;
    background-position: center top;
    padding-block-start: 50px;
}
.shimabara_tit h2{
    width: 90%;
    margin: auto;
}
.shimabara__list-wrap{
    background-color: #FFFFFF;
}
.shimabara__list{
    padding-block: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
}
.powerdby{
    text-align: center;
    font-size: 16px;
    padding-block: 60px 20px;
}
.powerdby a{
    color: #000000;
}
footer{
    background-color: #000000;
    color: #FFFFFF;
    padding-block: 25px;
    font-size: 12px;
    text-align: center;
}
/*------------------------------
entry TABLET
------------------------------*/
@media only screen and (max-width: 1120px) and (min-width: 769px){ 
    .inner{
        width: 94%;
    }

}   
/*------------------------------
entry SP
------------------------------*/
@media screen and (max-width:768px){
    .inner{
        width: 94%;
    }
    .mainVisual{
        background:url(../img/lp/bg_sp.jpg) no-repeat;
        background-size: 100%;
        background-position: center top;
        padding-block-start: 20px;
        padding-block-end: 40px;
    }
    .thum_list{
        padding-block: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    .campaign{
        padding-block: 25px;
    }
    .campaign_list li{
    margin-bottom: 20px;
    }
    .shimabara_wrap{
        padding-block: 20px 0;
    }
    .shimabara_tit{
        background:url(../img/lp/open_bg_sp.png) no-repeat;
        background-size: cover;
        background-position: center top;
        padding-block-start: 25px;
    }
    .shimabara_tit h2{
        width: 100%;
    }
    .shimabara__list{
        padding-block: 20px;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(auto-fit, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 0px;
    }
    .powerdby{
        text-align: center;
        font-size: 12px;
        padding-block: 20px 20px;
    }
    footer{
        padding-block: 10px;
        font-size: 10px;
    }
}