@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 641px) {
.mainVisual{ width: 1280px; margin: 90px auto 50px auto;}
.mainContent{ width: 1080px; margin: 20px auto 30px auto;}
.mainContent h1{ background: #333; display: block; padding: 3px 10px;}
.mainContent h1 img{ margin: 5px 0 0 15px;}
.styleContentArea{ width: 1080px; margin: 20px auto;}
.styleContentArea h2{ font-size: 18px; color: #d81841;}
.styleContentArea p{ font-size: 16px;}
.mainContentText ul{ margin-left: 20px;}
.mainContentText ul li{ font-size: 16px; color: #333;}
}
@media screen and (max-width: 640px) {
#headLogo{ margin-top: -30px!important;}
.mainVisual{ max-width: 100%; margin: 0 auto 50px auto;}
.mainVisual img{ max-width: 100%; margin: 0 auto;}
.mainContent{ max-width: 90%; margin: 0 auto 30px auto;}
.mainContent h1{ background: #333; display: block; padding: 5px 0;}
.mainContent h1 img{ margin: 5px 0 0 15px; width: 160px;}
.styleContentArea{ max-width: 95%; margin: 20px auto;}
.styleContentArea h2{ color: #d81841;}
.mainContentText ul{ font-size: 14px; margin-left: 20px;}
.mainContentText ul li{}
.mainContentText p{ font-size: 14px; padding: 15px 0;}
.listNoStyle li{ margin-left: -15px;}
}