@charset "utf-8";
/* CSS Document */

/* #maiasasokai　追記分 */

@media only screen and (min-width: 768px) {
/*PC表示*/
#maiasasokai .intro_area .component ul.notes {display: table; margin: 0; padding-left: 0; text-align:left;}
#maiasasokai .intro_area .component ul li {list-style: none; margin: 0; padding-left: 0;}
#maiasasokai .intro_area .component ul .notes_head {display: table-cell; vertical-align: top; white-space: nowrap; padding-right: 0.3em;}
#maiasasokai .intro_area .component ul .notes_body {display: table-cell; vertical-align: top;}
#maiasasokai .intro_area .box_blue {border:#acdcff solid 2px; padding:20px;}
#maiasasokai .intro_area .box_blue .text span {color:#5bbaff;}
#maiasasokai .intro_area .box_orange {border:#ffd778 solid 2px; padding:20px; margin:20px auto 0;}
#maiasasokai .intro_area .box_orange .text span {color:#ff8c26;}
#maiasasokai .intro_area .box_blue .photoimg,
#maiasasokai .intro_area .box_orange .photoimg{ width:530px; margin: 0 auto 20px; text-align:center;}
}

@media only screen and (max-width: 767px) {
/*SP表示*/
#maiasasokai .intro_area .component ul.notes {display: table; margin: 0; padding-left: 0; text-align:left;}
#maiasasokai .intro_area .component ul li {list-style: none; margin: 0; padding-left: 0;}
#maiasasokai .intro_area .component ul .notes_head {display: table-cell; vertical-align: top; white-space: nowrap; padding-right: 0.3em;}
#maiasasokai .intro_area .component ul .notes_body {display: table-cell; vertical-align: top;}
#maiasasokai .intro_area .box_blue {border:#acdcff solid 2px; padding:20px;}
#maiasasokai .intro_area .box_blue .text span {color:#5bbaff;}
#maiasasokai .intro_area .box_orange {border:#ffd778 solid 2px; padding:20px; margin:20px auto 0;}
#maiasasokai .intro_area .box_orange .text span {color:#ff8c26;}
#maiasasokai .intro_area .box_blue .photoimg,
#maiasasokai .intro_area .box_orange .photoimg{ width:100%; margin: 0 auto 20px; text-align:center;}

}