.sec-contents-header {
	border-top: solid 3px #eaecf5; }
.sec-contents-news {
  background-color: #eaecf5;
  padding-bottom: 6.2rem; }
  .sec-contents-news .inner {
    padding-top: 5rem;
    display: table;
    table-layout: fixed;
    width: 100%; }
    .sec-contents-news .inner .month-list {
			width: 16.667%;
			float: left; }
      .sec-contents-news .inner .month-list .header {
        background-color: #2F419E;
        font-size: 3.3rem;
        font-family: "Marvel", sans-serif;
        height: 5rem;
        line-height: 5rem;
        text-align: center; }
        .sec-contents-news .inner .month-list .header a {
          color: white;
          display: block; }
      .sec-contents-news .inner .month-list li {
        background-color: white;
        height: 3.8rem;
        line-height: 3.8rem;
        border-bottom: solid 1px #2F419E;
        font-family: "Marvel", sans-serif;
        font-weight: bold;
        font-size: 2.4rem;
        text-align: center; }
        .sec-contents-news .inner .month-list li a {
          color: #2F419E;
          display: block; }
          .sec-contents-news .inner .month-list li a:before {
            display: inline-block;
            content: '';
            background-image: url(../img/news/ico_arichives_list@1x.png);
						background-repeat: no-repeat;
            background-size: 18px;
            width: 18px;
            height: 18px;
            margin-right: 5px; }
    .sec-contents-news .inner .news-list {
      width: 79.167%;
			margin-left: 4.1%;
			float: right; }
      .sec-contents-news .inner .news-list .news {
				display: table;
        table-layout: fixed;
        width: 100%;
        background-color: white;
        border-top: solid 3px #2F419E;
        min-height: 21.0rem;
        margin-top: 2.5rem; }
        .sec-contents-news .inner .news-list .news:first-child {
          margin-top: 0; }
        .sec-contents-news .inner .news-list .news .area-date {
          width: 25rem;
          display: table-cell;
          vertical-align: top; }
          .sec-contents-news .inner .news-list .news .area-date .date {
            border-radius: 4px;
            border: 1px solid #2F419E;
            width: 12rem;
            height: 12rem;
            -webkit-transform: rotate(45deg) translate(60%, -10%);
            transform: rotate(45deg) translate(60%, -10%); }
            .sec-contents-news .inner .news-list .news .area-date .date .date-inner {
              -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
              font-face: "Marvel", sans-serif;
              font-weight: bold;
              text-align: center;
              line-height: 1.3;
              color: #2F419E;
              margin-left: -0.5rem;
              margin-top: 0.5rem; }
              .sec-contents-news .inner .news-list .news .area-date .date .date-inner .year {
                font-size: 2.4rem;
                display: block; }
              .sec-contents-news .inner .news-list .news .area-date .date .date-inner .day {
                font-size: 3.4rem;
                display: block; }
              .sec-contents-news .inner .news-list .news .area-date .date .date-inner .week {
                font-size: 2.4rem;
                display: block; }
        .sec-contents-news .inner .news-list .news .area-contents {
          width: 100%;
          word-wrap: break-word;
          padding-right: 3rem;
          display: table-cell;
          vertical-align: top;
          margin-top: 3.5rem;
          padding-bottom: 4.5rem; }
          .sec-contents-news .inner .news-list .news .area-contents .title {
            margin-top: 3.5rem;
            padding-bottom: 2.4rem;
            background-image: url(../img/news/news-decoration@1x.png);
						background-repeat: no-repeat;
						background-size: 67rem auto;
						background-position: left bottom; }
            .sec-contents-news .inner .news-list .news .area-contents .title h2 {
              color: #2F419E;
              font-size: 2.4rem;
              font-weight: 500; }
            .sec-contents-news .inner .news-list .news .area-contents .title .pdf-link {
              display: inline-block;
              color: white;
              width: 12.4rem;
              height: 3rem;
              line-height: 3rem;
              border-radius: 5px;
              font-size: 1.2rem;
              font-weight: bold;
              text-align: right;
              padding-right: 1.5rem;
							background-color: #2F419E;
              background-image: url(../img/news/ico_pdf@1x.png);
							background-repeat: no-repeat;
							background-size: 1.8rem auto;
							background-position: left 0.8rem center; }
          .sec-contents-news .inner .news-list .news .area-contents .image {
            margin: 4.0rem auto 2.5rem;
            text-align: center;
            max-width: 460px; }
            .sec-contents-news .inner .news-list .news .area-contents .image img {
              width: 100%;
              height: auto; }
          .sec-contents-news .inner .news-list .news .area-contents .text {
            margin-top: 2.5rem;
            font-size: 1.4rem; }
      .sec-contents-news .inner .news-list .pager {
        margin-top: 5.8rem;
        text-align: center; }
        .sec-contents-news .inner .news-list .pager .btn {
          width: 15.2rem;
          height: 3.8rem;
          line-height: 3.8rem;
          border-radius: 1.9rem;
          text-align: center;
          font-size: 1.6rem;
          font-weight: 500; }
        .sec-contents-news .inner .news-list .pager .btn-prev {
          border-color: #2F419E;
          background-color: white;
          color: #2F419E; }
          .sec-contents-news .inner .news-list .pager .btn-prev:hover {
            border-color: white;
            background-color: #2F419E;
            color: white; }
        .sec-contents-news .inner .news-list .pager .btn-next {
          background-color: #2F419E;
          color: white;
          margin-left: 2.5rem; }
          .sec-contents-news .inner .news-list .pager .btn-next:hover {
            border-color: #2F419E;
            background-color: white;
            color: #2F419E; }
/********************************
 * Tablet & Small Display
 ********************************/
@media (max-width: 1020px) {
	.sec-contents-news .inner {
		padding: 5rem 10px 0; }
		.sec-contents-news .inner .news-list {
			width: 75%; }
			.sec-contents-news .inner .news-list .news .area-date {
				width: 21rem; }
				.sec-contents-news .inner .news-list .news .area-date .date {
					width: 10rem;
					height: 10rem; }
					.sec-contents-news .inner .news-list .news .area-date .date .date-inner {
						margin-left: -0.2rem;
						margin-top: 0.8rem; }
						.sec-contents-news .inner .news-list .news .area-date .date .date-inner .year,
						.sec-contents-news .inner .news-list .news .area-date .date .date-inner .week {
							font-size: 1.8rem; }
						.sec-contents-news .inner .news-list .news .area-date .date .date-inner .day {
							font-size: 2.8rem; }
			.sec-contents-news .inner .month-list {
				width: 20%; }
			
}

/********************************
 * Smart Phone
 ********************************/
@media (max-width: 767px) {
.sec-contents-news {
  padding-bottom: 0rem; }
	.sec-contents-news .inner {
		padding: 0;
		display: block; }
		.sec-contents-news .inner .month-list {
				width: 100%;
				float: none;
				margin-bottom: 2rem; }
	.sec-contents-news .inner .news-list {
      float: none;
      padding-left: 0;
			width: 100%;
			margin-left: 0; }
      .sec-contents-news .inner .news-list .news {
        min-height: auto;
        margin-top: 0;
				border-top: solid 2px #2F419E;
				padding-bottom: 3rem; }
        .sec-contents-news .inner .news-list .news:first-child {
          margin-top: 0; }
        .sec-contents-news .inner .news-list .news .area-date {
          width: 10rem; }
          .sec-contents-news .inner .news-list .news .area-date .date {
            width: 5.5rem;
            height: 5.5rem;
            -webkit-transform: rotate(45deg) translate(47%, 0);
            transform: rotate(45deg) translate(47%, 0); }
						.sec-contents-news .inner .news-list .news .area-date .date .date-inner {
							margin-left: -0.2rem;
							margin-top: 0.3rem; }
						.sec-contents-news .inner .news-list .news .area-date .date .date-inner .year {
							font-size: 1.0rem; }
						.sec-contents-news .inner .news-list .news .area-date .date .date-inner .day {
							font-size: 1.6rem; }
						.sec-contents-news .inner .news-list .news .area-date .date .date-inner .week {
							font-size: 1.2rem; } 
				.sec-contents-news .inner .news-list .news .area-contents {
					padding: 2rem 1rem 0 0; }
						.sec-contents-news .inner .news-list .news .area-contents .title {
							margin-top: 0;
							padding-bottom: 1.4rem; }
							.sec-contents-news .inner .news-list .news .area-contents .title h2 {
								font-size: 2.0rem;
								line-height: 1.2; }
						.sec-contents-news .inner .news-list .news .area-contents .image {
							margin: 2.0rem auto; }
				.sec-contents-news .inner .news-list .pager {
					margin: 2rem 0; } }
/********************************
 * Background Image for Retina Display
 ********************************/
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.sec-contents-news .inner .month-list li a:before {
		background-image: url(../img/news/ico_arichives_list@2x.png); }
	.sec-contents-news .inner .news-list .news .area-contents .title {
		background-image: url(../img/news/news-decoration@2x.png); }
	.sec-contents-news .inner .news-list .news .area-contents .title .pdf-link {
		background-image: url(../img/news/ico_pdf@2x.png); }
}