@charset "utf-8";/* エスケープ */
.switch-sp { display: none;}

/* mainPane */
.IndexPage #Container .mainPanel { width: 100%; background: url(../img/index/mainBase.png) 0 0 no-repeat; background-size: cover;}
.IndexPage #Container .mainPanel .mainImage { width: 100%; max-width: 1200px; margin:auto; position: relative;}

/* section01 */
.IndexPage #Container .section01 { padding: 60px 15px 100px 15px; position: relative; background: url(../img/index/section01_bg.png) 0 bottom repeat-x #fef8ea;}
.IndexPage #Container .section01 .section01_box { text-align: center;}
.IndexPage #Container .section01 .section01_inr { width: 100%; max-width: 810px; margin: 15px auto 40px auto; padding: 25px; background: #fff; border-radius: 8px; box-shadow: 5px 5px 0px 0px #eb8c8b;}
.IndexPage #Container .section01 .section01_box p.txt { width: 100%; max-width: 810px; text-align: left; font-size: 1.2rem; margin: 20px auto 0 auto;}

/* section02 */
.IndexPage #Container .section02 { padding: 60px 15px; background: #fbeef1;}
.IndexPage #Container .section02 .section02_box { text-align: center;}

/* section03 */
.IndexPage #Container .section03 { padding: 60px 15px 100px 15px; position: relative; background: url(../img/index/section01_bg.png) 0 bottom repeat-x #fef8ea;}
.IndexPage #Container .section03 .section03_box { text-align: center;}
.IndexPage #Container .section03 .section03_box p.txt { width: 100%; max-width: 810px; text-align: left; font-size: 1.2rem; margin: 20px auto;}
.IndexPage #Container .section03 .section03_box.top_space { margin-top: 60px;}
.IndexPage #Container .section03 .section03_imgBox { width: 100%; max-width: 910px; margin: 15px auto 0 auto; display: flex;}
.IndexPage #Container .section03 .section03_imgBox img { width: calc(20% - 10px); margin: 5px;}

/* section04 */
.IndexPage #Container .section04 { padding: 60px 15px;}
.IndexPage #Container .section04 .section04_box { text-align: center;}
.IndexPage #Container .section04 .section04_imgBox { width: 100%; max-width: 910px; margin: 15px auto 0 auto; display: flex; flex-wrap:wrap;}
.IndexPage #Container .section04 .section04_imgBox img { width: calc(33.33333333333334% - 10px); margin-right: 15px; margin-top: 15px;}
.IndexPage #Container .section04 .section04_imgBox img:nth-child(3n) { margin-right: 0px;}
.IndexPage #Container .section04 .section04_box p.txt { width: 100%; max-width: 910px; text-align: left; font-size: 1.2rem; margin: 20px auto 0 auto;}


/*----------------------
SP
-----------------------*/
@media screen and (max-width:568px){
.switch-sp { display: block;}
.switch-pc { display: none;}

/* section01 */
.IndexPage #Container .section01 { padding: 40px 15px;}
.IndexPage #Container .section01 .section01_box img { width: 100%;}

/* section02 */
.IndexPage #Container .section02 { padding: 40px 15px;}
.IndexPage #Container .section02 .section02_box-ttl img { width: 50%;}

/* section03 */
.IndexPage #Container .section03 { padding: 40px 15px;}
.IndexPage #Container .section03 .section03_box-ttl img { width: 80%;}
.IndexPage #Container .section03 .section03_box-ttl2 img { width: 85%;}
.IndexPage #Container .section03 .section03_box-ttl3 img { width: 55%;}
.IndexPage #Container .section03 .section03_imgBox { display: flex; flex-wrap:wrap; justify-content: center; margin: 0 auto;}
.IndexPage #Container .section03 .section03_imgBox img { width: calc(33.33333333333334% - 10px); margin: 5px;}

/* section04 */
.IndexPage #Container .section04 { padding: 40px 15px;}
.IndexPage #Container .section04 .section04_box-ttl img { width: 95%;}
.IndexPage #Container .section04 .section04_imgBox img { width: calc(50% - 10px); margin-right: 15px; margin-top: 15px;}
.IndexPage #Container .section04 .section04_imgBox img:nth-child(3n) { margin-right: 15px;}
.IndexPage #Container .section04 .section04_imgBox img:nth-child(2n) { margin-right: 0px;}
}