@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: 30px 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{ font-size: 18px; color: #d81841;}
.styleContentArea p{ font-size: 16px;}
.mainContentText ul{ margin-left: 20px;}
.textLink{ font-size: 16px!important;}
.textLink a{ font-size: 16px!important;word-wrap: break-word;}
}
@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: 200px;}
.styleContentArea{ max-width: 95%; margin: 20px auto;}
.styleContentArea h2{ font-size: 18px; color: #d81841;}
.styleContentArea p{ font-size: 16px;}
.mainContentText ul{ font-size: 16px; margin-left: 20px;}
.mainContentText ul li{}
.mainContentText p{ font-size: 16px; padding: 15px 0;}
.mainContentText p a{ font-size: 16px; padding: 15px 0;}
.listNoStyle li{ margin-left: -15px;}
.textLink{ font-size: 16px!important;}
.textLink a{ font-size: 16px!important;word-wrap: break-word;}
}