span.pc, p.pc, div.pc, table.pc {}
span.sp, p.sp, div.sp, table.sp {display: none;}

@media screen and(max-width: 767px) {
	span.pc, p.pc, div.pc, table.pc {display: none;}
	span.sp, p.sp, div.sp, table.sp {display: block;}	
}
#tinymce span.sp, #tinymce p.sp, #tinymce div.sp, #tinymce table.sp {display: block;}

h3.title_border{background: url(images/h3_border.png) left bottom repeat-x;display: block; color: #ad981a; font-size: 20px; font-weight: 600; line-height: 29px; padding-bottom: 15px; margin-bottom: 22px;}
h4.title_bullet{background: url(images/h4_bullet.png) 0 7px no-repeat;display: block; color: #ad981a; font-size: 18px; font-weight: 600; line-height: 26px; padding-left: 25px; margin-bottom: 24px;}
.pink_box{background: #fceef3; display: inline-block; font-size: 14px;line-height: 28px; color: #de5783; padding: 0 8px; margin-bottom: 28px;}
div.yellow_box{background: #fbfaf4;border:1px solid #e6e0ba;font-size: 14px; line-height: 28px; color: #404040; padding: 20px 22px; margin-bottom: 20px;}
@media screen and (max-width: 767px) {
    h3.title_border{font-size: 15px !important; line-height: 24px !important; padding-bottom: 12px !important; margin-bottom: 15px !important;}
    h4.title_bullet{background: url(images/h4_bullet.png) 0 3px no-repeat !important;font-size: 15px !important; line-height: 20px !important; margin-bottom: 15px !important;}
    .pink_box{line-height: 20px !important; margin-bottom: 15px !important;}
    div.yellow_box{line-height: 22px !important; margin-bottom: 15px !important;}
}