.inTrade { display: inline-block; position: relative; margin: 0 auto; padding: 0 0.5em; }

.inTrade small { font-size: 12px; font-weight: bold; position: relative; top: -1em; display: inline-block; padding: 0 0 0 0.5em; }

.ceo { text-align: center; padding: 0 150px; }

.kv ~ .ceo { margin-top: 65px; }

.news { display: flex; flex-wrap: wrap; }

.etc { padding: 0 80px; font-weight:bold; }



@media screen and (min-width: 960px) { .news article { width: 50%; background: #f5f7f8; text-align: right; height: 592px; padding: 160px 80px 80px; position: relative; /*23 67 1011*/ }
  .news article header { display: flex; justify-content: flex-end; font-size: 13px; font-weight: bold; line-height: 1; margin-bottom: 15px; }
  .news article header p { min-width: 80px; text-align: center; color: #fff; margin-right: 25px; line-height: 1; height: 24px; position: relative; }
  .news article header p::after { content: ''; width: 100%; height: 24px; background: #004281; position: absolute; left: 0; top: -6px; z-index: -1; }
  .news article header time { font-size: 14px; color: #004281; }
  .news article h2 { font-size: 20px; line-height: 1.3; text-align: right; margin-bottom:15px; }
  .news article p { color: #004281; }
.news article {line-height: 1.6; font-size:15px;}
  .news article header ~ p { position: absolute; top: 292px; width: 360px; }
  .news article:nth-child(2) { width: 50%; background: #004281; color: #fff; text-align: left; }
  .news article:nth-child(2) header p, .news article:nth-child(3) header p { color: #004281; }
  .news article:nth-child(2) header time, .news article:nth-child(3) header time { color: #fff; }
  .news article:nth-child(2) header p::after, .news article:nth-child(3) header p::after { background: #fff; }
  .news article:nth-child(3) { width: 50%; background: #004281; color: #fff; }
  .news article:nth-child(2) header ~ p, .news article:nth-child(3) header ~ p { color: #fff; }
  .news article:nth-child(2) header, .news article:nth-child(4) header { justify-content: flex-start; }
  .news article:nth-child(2) h2 { text-align: left; color: #fff; }
  .news article:nth-child(3) h2 { color: #fff; }
  .news article:nth-child(4) h2, .news article:nth-child(4) header ~ p { text-align: left; }
  .news article:nth-child(2) a.btn::after, .news article:nth-child(3) a.btn::after { border-color: #fff; }
  .news article a { display: block; width: 298px; height: 64px; border: 1px solid #004281; text-align: center; line-height: 64px; position: absolute; right: 80px; bottom: 80px; transition: 0.2s; }
  .news article:nth-child(2) a, .news article:nth-child(3) a { border-color: #fff; color: #fff; }
  .news article:nth-child(2) a, .news article:nth-child(4) a { right: inherit; left: 80px; }
  .news article a.btn:hover { color: #fff; background: #cb001d; border-color: #cb001d; }
  .news article a.btn:hover::after { border-color: #fff; }
  .news article + a.link { margin-top: 64px; margin-bottom: 5px; } }
@media screen and (min-width: 751px) and (max-width: 960px) { /* TB STYLE */
  .ceo { text-align: left; padding: 0 0vw; }
  .kv ~ .ceo { margin-top: 0; }
  .inTrade small { font-size: 12px; }
  .ceo h3 ~ p { padding: 0 11.5789473684vw; font-size: 20px; }
  .news article { width: 50%; background: #f5f7f8; text-align: right; height: 592px; padding: 160px 80px 80px 40px; position: relative; /*23 67 1011*/ }
  .news article header { display: flex; justify-content: flex-end; font-size: 16px; font-weight: bold; line-height: 1; margin-bottom: 15px; }
  .news article header p { min-width: 80px; text-align: center; color: #fff; margin-right: 25px; line-height: 1; height: 24px; position: relative; }
  .news article header p::after { content: ''; width: 100%; height: 24px; background: #004281; position: absolute; left: 0; top: -6px; z-index: -1; }
  .news article header time { font-size: 18px; color: #004281; }
  .news article h2 { font-size: 24px; line-height: 1.3; text-align: right; }
  .news article p { color: #004281; }
  .news article header ~ p { position: absolute; top: 292px; width: 100%; left: 0; display: block; padding: 0 80px 0 40px; font-size: 20px; line-height: 28px; }
  .news article:nth-child(2) { width: 50%; background: #004281; color: #fff; text-align: left; }
  .news article:nth-child(2) header p, .news article:nth-child(3) header p { color: #004281; }
  .news article:nth-child(2) header time, .news article:nth-child(3) header time { color: #fff; }
  .news article:nth-child(2) header p::after, .news article:nth-child(3) header p::after { background: #fff; }
  .news article:nth-child(3) { width: 50%; background: #004281; color: #fff; }
  .news article:nth-child(2) header ~ p, .news article:nth-child(3) header ~ p { color: #fff; }
  .news article:nth-child(2) header, .news article:nth-child(4) header { justify-content: flex-start; padding-left: 40px; }
  .news article:nth-child(2) h2 { text-align: left; color: #fff; }
  .news article:nth-child(3) h2 { color: #fff; }
  .news article:nth-child(4) h2, .news article:nth-child(4) header ~ p { text-align: left; }
  .news article:nth-child(2) h2, .news article:nth-child(4) h2 { padding-left: 40px; padding-right: 0; }
  .news article:nth-child(2) a.btn::after, .news article:nth-child(3) a.btn::after { border-color: #fff; }
  .news article:nth-child(2) header ~ p { text-align: left; padding: 0 40px 0 80px; }
  .news article:nth-child(4) header ~ p { text-align: left; padding: 0 40px 0 80px; }
  .news article a { display: block; width: 298px; height: 64px; border: 1px solid #004281; text-align: center; line-height: 64px; position: absolute; right: 80px; bottom: 80px; transition: 0.2s; }
  .news article a { font-size: 24px; display: block; padding: 0; line-height: 7.4666666667vw; border: 2px solid #004281; margin: 0 auto; text-align: center; color: #004281; overflow: hidden; }
  .news article a::after { content: ''; width: 1.8666666667vw; height: 1.8666666667vw; border: 0.4vw #004281 solid; position: absolute; right: 2.6666666667vw; top: 50%; margin-top: -0.9333333333vw; z-index: 10; }
  .news article a::before { content: ''; width: 2.6666666667vw; height: 8vw; background: #f5f7f8; position: absolute; right: 3.6vw; top: 50%; transform: rotate(0); z-index: 20; margin-top: -3.3333333333vw; }
  .news article:nth-child(2) a, .news article:nth-child(3) a { border-color: #fff; color: #fff; }
  .news article:nth-child(2) a::before, .news article:nth-child(3) a::before { background: #004281; }
  .news article:nth-child(2) a, .news article:nth-child(4) a { right: inherit; left: 80px; }
  .news article + a.link { margin: 80px 11.5789473684vw 0; display: block; width: 100%; } }
@media screen and (min-width: 751px) and (max-width: 960px) and (min-width: 751px) and (max-width: 860px) { .news article a { width: 240px; }
  .news article h2 { font-size: 22px; }
  .news article header ~ p { font-size: 18px; line-height: 26px; } }
@media screen and (max-width: 750px) { /* 	SP STYLE *************************************************************/
  .ceo { text-align: left; padding: 0 5.3333333333vw; }
  .kv ~ .ceo { margin-top: 0; }
  .inTrade small { font-size: 1.6vw; }
  .news { display: block; }
  .news article { width: 100%; text-align: left; height: auto; padding: 8vw 5.3333333333vw 5.3333333333vw; position: relative; background: #f5f7f8; }
  .news article header { display: block; font-size: 2.6666666667vw; font-weight: bold; line-height: 1; margin-bottom: 2.6666666667vw; }
  .news article header p { min-width: 16vw; text-align: center; color: #fff; margin-right: 3.3333333333vw; line-height: 1; height: auto; position: relative; display: inline-block; }
  .news article header p::after { content: ''; width: 100%; height: 4.2666666667vw; background: #004281; position: absolute; left: 0; top: -1.0666666667vw; z-index: -1; }
  .news article header time { font-size: 3.2vw; color: #004281; }
  .news article h2 { font-size: 4vw; line-height: 1.3; text-align: left; margin-bottom: 3.7333333333vw; }
  .news article p { color: #004281; }
  .news article header ~ p { font-size: 3.2vw; line-height: 1.5; }
  .news article a { display: block; font-weight: bold; position: relative; left: 0; top: 0; width: 100%; height: 100%; text-align: right; padding: 2.6666666667vw 4vw 2.6666666667vw 0; line-height: 1; }
  .news article a::after { content: ''; width: 1.8666666667vw; height: 1.8666666667vw; border: 0.4vw #004281 solid; position: absolute; right: 0.1333333333vw; top: 0; margin-top: 3.2vw; z-index: 10; }
  .news article a::before { content: ''; width: 2.6666666667vw; height: 8vw; background: #f5f7f8; position: absolute; right: 0.9333333333vw; top: 0; transform: rotate(0); z-index: 20; margin-top: -2vw; }
  .news article:nth-child(even) { background: #004281; color: #fff; }
  .news article:nth-child(even) header p { color: #004281; }
  .news article:nth-child(even) header p::after { background-color: #fff; }
  .news article:nth-child(even) header time { color: #fff; }
  .news article:nth-child(even) h2, .news article:nth-child(even) p { color: #fff; }
  .news article:nth-child(even) a { color: #fff; }
  .news article:nth-child(even) a::after { border: 0.4vw #f5f7f8 solid; }
  .news article:nth-child(even) a::before { background: #004281; }
  .news article + a.link { margin: 10.6666666667vw 2.6666666667vw 0vw; } }