@charset "utf-8";

a:hover{text-decoration:none;}

@media all and (min-width: 992px) {
.container > .row > .title_text > h3{color:#036;}	
.container > .row > .body_visual > img{margin-top:20px; margin-bottom:20px;}
.container > .row > .body_text > h2{font-weight:bold; color:#036; line-height:40px;}
.container > .row > .line_box{border-bottom:1px dotted #999;}
}

@media all and (max-width: 991px) and (min-width:768px) {
.container > .row > .title_text > h3{color:#036;}	
.container > .row > .body_visual > img{margin-top:20px; margin-bottom:20px;}
.container > .row > .body_text > h2{font-weight:bold; font-size:23px; color:#036; line-height:40px; font-weight:bold;}
.container > .row > .body_text > h4{font-size:15px;}
.container > .row > .body_text_m{display:none;}
}

@media all and (max-width: 767px) and (min-width: 546px){
.container > .row > .title_text > h3{color:#036;}
.container > .row > .body_text > h2{font-weight:bold; color:#036;}
.container > .row > .body_text > h4{font-size:12px;}
.container > .row > .body_visual > img{margin-top:20px; margin-bottom:20px;}
}

@media screen and (max-width: 545px) {
.container > .row > .title_text > h3{color:#036;}
.container > .row > .body_text > h2{font-weight:bold; font-size:23px; color:#036; font-weight:bold;}	
.container > .row > .body_text > h4{font-size:12px;}
.container > .row > .body_visual > img{margin-top:20px; margin-bottom:20px;}
}