@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : copy2.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
.wrp_post {
  max-width: 1200px;
  margin: auto; }
  @media only screen and (max-width: 1024px) {
    .wrp_post {
      width: 95%; } }

.wrp_post:after {
  content: "";
  display: table;
  clear: both; }

/* -----------------------------------------------------------
	.con_xxx
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.wrp_post
----------------------------------------------------------- */
.wrp_post {
  overflow: hidden;
  padding: 50px 0 0;
  /* -----------------------------------------------------------
  	#box_post
  ----------------------------------------------------------- */
  /* -----------------------------------------------------------
  	#box_side
  ----------------------------------------------------------- */ }
  @media only screen and (min-width: 641px) and (max-width: 1024px) {
    .wrp_post {
      padding: 30px 0 0; } }
  @media only screen and (max-width: 640px) {
    .wrp_post {
      padding: 20px 0 0; } }
  .wrp_post h3.tit {
    float: left;
    width: 100%;
    margin: 0 0 20px;
    font-size: 100%;
    font-weight: normal;
    line-height: 100%; }
    .wrp_post h3.tit img {
      vertical-align: bottom; }
    .wrp_post h3.tit span {
      display: inline-block;
      margin: 0 0 0 20px;
      font-size: 139%; }
      @media only screen and (max-width: 640px) {
        .wrp_post h3.tit span {
          display: block;
          margin: 15px 0; } }
  .wrp_post #box_post {
    float: left;
    width: 70.83333%; }
    @media only screen and (max-width: 640px) {
      .wrp_post #box_post {
        width: 100%; } }
  .wrp_post #box_side {
    float: right;
    width: 25%; }
    .wrp_post #box_side .box_news, .wrp_post #box_side .box_fb1, .wrp_post #box_side .box_fb2 {
      margin: 0 0 40px; }
      @media only screen and (min-width: 641px) and (max-width: 1024px) {
        .wrp_post #box_side .box_news, .wrp_post #box_side .box_fb1, .wrp_post #box_side .box_fb2 {
          margin: 0 0 30px; } }
      @media only screen and (max-width: 640px) {
        .wrp_post #box_side .box_news, .wrp_post #box_side .box_fb1, .wrp_post #box_side .box_fb2 {
          margin: 0 0 20px; } }
      .wrp_post #box_side .box_news h3, .wrp_post #box_side .box_fb1 h3, .wrp_post #box_side .box_fb2 h3 {
        line-height: 0;
        margin: 0 0 10px;
        text-align: center; }
    .wrp_post #box_side .box_news {
      background: #e9eef4;
      padding: 20px 10px; }
      .wrp_post #box_side .box_news h3 {
        margin: 0 0 20px; }
      .wrp_post #box_side .box_news ul {
        margin: 0 0 20px; }
        .wrp_post #box_side .box_news ul li {
          margin: 0 0 5px;
          display: block; }
          .wrp_post #box_side .box_news ul li a {
            display: block;
            background: #fff;
            padding: 10px; }
            .wrp_post #box_side .box_news ul li a:hover {
              text-decoration: none;
              background: #cfd5dc; }
      .wrp_post #box_side .box_news .btn {
        text-align: center;
        line-height: 2em;
        font-size: 108%; }
        @media only screen and (max-width: 1024px) {
          .wrp_post #box_side .box_news .btn {
            font-size: 85%; } }
        .wrp_post #box_side .box_news .btn a {
          display: inline-block;
          color: #2f6bb9;
          border: 1px solid #3b74bd;
          border-radius: 4px;
          padding: 10px 0;
          width: 230px; }
          @media only screen and (max-width: 1024px) {
            .wrp_post #box_side .box_news .btn a {
              width: 100%; } }
          .wrp_post #box_side .box_news .btn a i {
            margin-right: 5px; }
          .wrp_post #box_side .box_news .btn a:hover {
            text-decoration: none;
            background: #2f6bb9;
            color: #fff; }
