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

body{font-family: 'M PLUS 1p', sans-serif;}

@media screen and (min-width: 641px) {
.mainVisual{ width: 1200px; margin: 0 auto 50px auto;}
.mainContent{ width: 1200px; margin: -10px auto 30px auto;}
.mainContent h1{ background: #333; display: block; padding: 3px 10px;}
.mainContent h1 img{ margin: 5px 0 0 15px;}
.styleContentArea{ width: 1180px; margin: 20px auto;}
.styleContentArea h2{ color: #d81841;}
.mainContentText ul{ margin-left: 20px;}
.textLink{ font-size: 14px!important;}
.textLink a{ font-size: 14px!important;}
}
@media screen and (max-width: 640px) {
#headLogo{ margin-top: 0px!important;}
.mainVisual{ max-width: 100%; margin: 0 auto 50px auto;}
.mainVisual img{ max-width: 100%; margin: 0 auto;}
.mainContent{ max-width: 98%; margin: 0 auto 30px auto;}
.mainContent h1{ background: #333; display: block;}
.mainContent h1 img{ margin: 5px 0 0 15px;}
.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;}
.mainContentText p a {font-size: 14px;}
.listNoStyle li{ margin-left: -15px;}
.textLink{ font-size: 14px!important;}
.textLink a{ font-size: 14px!important;}
}