@charset "utf-8";


/* header */

/* visual */
main {background-image: url(../img/main_visual.png);}

/* sub_content */
@media screen and (max-width: 501px){
	.lineMap a {line-height: 1.8;}
}

.blue_box {margin-bottom: 20px;border-color: #333;}
.mubox03 {margin-top: 20px;}
.mubox03 .area01 {float: none; display: block; position: relative; overflow: hidden;}
#tab03 .area01 {border: 1px solid #ddd;}
.mubox03 .area01 img {display: block; margin: 0 auto;}
.mubox03 .area02 {float: none;}
.mubox03 h4 {margin: 15px 0;font-size: 1.3em;}
.mubox03 h5 {margin: 0 0 5px;line-height: 1.4;font-size: 1.1em;}
.mubox03 .listStyle {padding-left: 15px;}
.mubox03 .listStyle li:before, .mubox03 .listStyle dt:before {background: #333;}
.mubox03 .h4Section {margin:0;}
.mubox03 .h5Section {margin:0;}
    

@media screen and (min-width: 768px){
    .contents .mu-flex {display: flex; flex-wrap: wrap;justify-content: space-between;}
    .mubox03 {flex: 0 0 48%;}
    .mubox03 .area01 img {min-width: 100%;}
}
@media screen and (min-width: 1024px){
	.contents .mu-flex {justify-content: flex-start;}
    .mubox03 {flex: 0 0 31%;}
    .mubox03:nth-of-type(3n+1) {margin-right: 3.5%;}
    .mubox03:nth-of-type(3n+2) {margin-right: 3.5%;}
}