@charset "utf-8";
.tpl_life_list3 div#mymainback{
    box-sizing: border-box;
    width: 100%;
}
.tpl_life_list3 #footer_banner ul.banner_list,div[id^="main_header_life3_"]  {
    margin: 0px auto;
    width: 1100px;
}
.tpl_life_list3 .section_information{
/*    width:1100px;*/
    margin: 0px auto 50px;
}

.tpl_life_list3 #footer_banner{
    box-sizing: border-box;
    display: block;
    background:#eef9fd;
    padding: 20px;
    width:100%;
    margin: 0 auto;
}
.tpl_life_list3 .banner_text{
    /*padding: 20px;*/
    padding: 0px;

}
.tpl_life_list3 #footer_banner ul.banner_list li {
	width: 260px;
}
.tpl_life_list3 #footer_banner ul.banner_list li img {
	width: 50px;
}

.tpl_life_list3 #main_body ,.tpl_life_list2 #main_body{
    width: 1100px;
    margin: 60px auto;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 40px;
}
.tpl_life_list3 #life_cat_list_wrap,.tpl_life_list2 #life_cat_list_wrap{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: calc(1100px - 340px);
}

.tpl_life_list2 .life_cat_list{
    /*width: calc(100% / 2 - 15px);*/
}
/*背景色変更*/
.color_change .tpl_life_list3 #footer_banner ul.banner_list li a{
	border: 1px solid ;
}
.color_change #kanren_info{
	border: 1px solid ;
}

@media screen and (min-width: 1101px) {
    .tpl_life_list3 #main .common_banner_link, .tpl_life_list3 #main .common_banner_link ul {
        display:block;
        width: 300px;
        margin:0;
    }
    .tpl_life_list2 #main .common_banner_link, .tpl_life_list2 #main .common_banner_link ul {
        display:block;
        width: 300px;
        margin:0;
    }
    .tpl_life_list3 #main .common_banner_link *[class*="common_banner_"]{
        width: 100%;
    }
    .tpl_life_list2 #main .common_banner_link *[class*="common_banner_"]{
        width: 100%;
    }

    .tpl_life_list3 .section_information{
        margin: 0px auto 30px;
        width: 1100px;
        display: block;
    }
}