@charset "UTF-8";
@media print, screen and (min-width: 751px) {
  .mainImage { background: url("../img/course/main-image_pc.jpg") 50% 0 no-repeat; background-size: cover; }
  #blog { overflow: hidden; margin-top: 80px;}
  #blog .content { width: 660px; float: left; }
  #blog .content .title { font-size: 22px; margin: 0px auto 15px; }
  #blog .content .title:before { color: #008a1b; content: '◆'; margin-right: 10px; font-size: .9rem; vertical-align: 3px; }
  #blog .content .list { overflow: hidden; border-bottom: 1px solid #cecece; padding: 15px 0;}
  #blog .content .list .left { width: 520px; float: left; }
  #blog .content .list .left .date { font-size: 13px; margin: 10px 0;}
  #blog .content .list .left .text { font-size: 19px; }
  #blog .content .list .right { float: right; margin-right: 10px;}
  #blog .content .list .right img { width: 97px; height:97px; }
  #blog .content .blog-date { font-size: 13px; margin-bottom: 10px;}
  #blog .content .blog-title { font-size: 24px; line-height: 1.5; border-bottom: 1px solid #cecece; padding-bottom: 20px; margin-bottom: 25px; }
  #blog .content .blog-text { font-size: 16px; line-height: 2; }
  #blog .content .post-categories {display: inline-block;}
  #blog .search { width: 270px; float: right; font-size: 15px; }
  #blog .search .widget li {padding: 15px 0 15px 30px; border-bottom: 1px solid #cecece;overflow: hidden; position: relative;}
  #blog .search .widget li:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;margin: auto;vertical-align: middle;right: 10px;width: 6px;height: 6px;border-top: 2px solid #008c2e;border-right: 2px solid #008c2e;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
  #blog .search .widget {margin-bottom: 50px;}
  #blog .search .widgettitle {background: #008c2e; color: #fff; padding: 15px 0 15px 30px; font-size: 15px; font-weight: normal;}
  .blog-list-link { width: 450px ;background: #008c2e; color: #fff; padding: 30px; font-size: 15px; text-align: right; margin: 50px auto 0;}
  .blog-list-link span{ margin-left: 150px;}
  a .blog-list-link:hover { opacity: 0.8; }
  #blog li { list-style: none; }
}

@media screen and (max-width: 750px) {
  .mainImage { background: url("../img/course/main-image_sp.jpg") 50% 0 no-repeat; background-size: cover; }
  #blog { overflow: hidden; margin-top: 30px;}
  #blog .content { margin-bottom: 50px; }
  #blog .content .title { font-size: 22px; margin: 0px auto 15px; }
  #blog .content .title:before { color: #008a1b; content: '◆'; margin-right: 10px; font-size: .9rem; vertical-align: 3px; }
  #blog .content .list { overflow: hidden; border-bottom: 1px solid #cecece; padding: 15px 0;}
  #blog .content .list .left { }
  #blog .content .list .left .date { font-size: 13px; margin: 10px 0;}
  #blog .content .list .left .text { font-size: 19px; line-height: 1.5;}
  #blog .content .list .right { text-align: center; }
  #blog .content .list .right img { width: 50%; margin-top: 10px;}
  #blog .content .blog-date { font-size: 13px; margin-bottom: 10px;}
  #blog .content .blog-title { font-size: 24px; line-height: 1.5; border-bottom: 1px solid #cecece; padding-bottom: 20px; margin-bottom: 25px; }
  #blog .content .post-categories {display: inline-block;}
  #blog .content .blog-text { font-size: 16px; line-height: 2; }
  #blog .search { font-size: 15px; }
  #blog .search .widget li {padding: 15px 0 15px 30px; border-bottom: 1px solid #cecece;overflow: hidden; position: relative;}
  #blog .search .widget li:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;margin: auto;vertical-align: middle;right: 10px;width: 6px;height: 6px;border-top: 2px solid #008c2e;border-right: 2px solid #008c2e;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
  #blog .search .widget {margin-bottom: 20px;}
  #blog .search .widgettitle {background: #008c2e; color: #fff; padding: 15px 0 15px 30px; font-size: 15px; font-weight: normal;}
  .blog-list-link { background: #008c2e; color: #fff; padding: 30px; font-size: 15px; text-align: center; margin: 50px auto; }
  #blog li { list-style: none; }
}