@charset "UTF-8";
aside {
 left: -100%;
}
main {
 width: 100%;
 margin-left: 0;
}
#news {
 padding: calc(5vw + 7.5rem) 5vw 5vw;
}
#news .inner {
 padding: 5vw;
 display: block;
}
#news .inner .secTtl {
 text-align: center;
 max-width: 100%;
 margin-bottom: 1em;
}
.carousel {
 text-align: left;
 position: relative;
 max-width: 1200px;
 margin: 0 auto;
 z-index: 5;
}
.carousel > input {
 clip: rect(1px, 1px, 1px, 1px);
 clip-path: inset(50%);
 height: 1px;
 width: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute;
}
.carousel > input:nth-of-type(10):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: -900%;
}
.carousel > input:nth-of-type(9):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: -800%;
}
.carousel > input:nth-of-type(8):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: -700%;
}
.carousel > input:nth-of-type(7):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: -600%;
}
.carousel > input:nth-of-type(6):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: -500%;
}
.carousel > input:nth-of-type(5):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: -400%;
}
.carousel > input:nth-of-type(4):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: -300%;
}
.carousel > input:nth-of-type(3):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: -200%;
}
.carousel > input:nth-of-type(2):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: -100%;
}
.carousel > input:nth-of-type(1):checked ~ .carousel_slides .carousel_slide:first-of-type {
 margin-left: 0%;
}
.carousel > input:nth-of-type(1):checked ~ .carousel_thumbnails li:nth-of-type(1) label, .carousel > input:nth-of-type(2):checked ~ .carousel_thumbnails li:nth-of-type(2) label, .carousel > input:nth-of-type(3):checked ~ .carousel_thumbnails li:nth-of-type(3) label, .carousel > input:nth-of-type(4):checked ~ .carousel_thumbnails li:nth-of-type(4) label, .carousel > input:nth-of-type(5):checked ~ .carousel_thumbnails li:nth-of-type(5) label, .carousel > input:nth-of-type(6):checked ~ .carousel_thumbnails li:nth-of-type(6) label, .carousel > input:nth-of-type(7):checked ~ .carousel_thumbnails li:nth-of-type(7) label, .carousel > input:nth-of-type(8):checked ~ .carousel_thumbnails li:nth-of-type(8) label, .carousel > input:nth-of-type(9):checked ~ .carousel_thumbnails li:nth-of-type(9) label, .carousel > input:nth-of-type(10):checked ~ .carousel_thumbnails li:nth-of-type(10) label {
 border: solid 1px #241C1C;
 background: #241C1C;
}
.carousel_thumbnails {
 list-style: none;
 padding: 0;
 margin: 0 auto 4em;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.carousel_thumbnails li {
 transition: all .1s ease-in-out;
}
.carousel_thumbnails label {
 line-height: 1.2;
 padding: 0.5em 1.5em;
 border: solid 1px rgba(255, 255, 255, 0.75);
 color: #ececec;
 font-size: 1.6rem;
 position: relative;
 font-weight: 600;
 margin: 0 0.25em;
 cursor: pointer;
 display: block;
 border-radius: 0.4rem;
 transition: .1s;
}
.carousel_thumbnails label span {
 display: block;
 letter-spacing: 0.05em;
}
.carousel_thumbnails label em {
 display: inline-block;
 font-size: 70%;
 font-weight: bold;
 padding-left: 0.25em;
 line-height: 1;
 letter-spacing: 0.05em;
}
.carousel_thumbnails label:hover, .carousel_thumbnails label:focus {
 cursor: pointer;
}
.carousel_slides {
 position: relative;
 z-index: 1;
 padding: 0;
 margin: 0;
 overflow: hidden;
 white-space: nowrap;
 box-sizing: border-box;
 display: flex;
}
.carousel_slide {
 position: relative;
 display: block;
 flex: 1 0 100%;
 width: 100%;
 height: 100%;
 overflow: hidden;
 transition: all .1s ease-out;
 vertical-align: top;
 box-sizing: border-box;
 white-space: normal;
}
#news .inner .newsList {
 padding: 0;
 max-width: 100%;
}
#news .inner .newsList ul li dl {
 display: block;
}
#news .inner .newsList ul li dl dt {
 max-width: 100%;
}
#news .inner .newsList ul li dl dt span {
 display: inline-block;
 padding-left: 0.5em;
 transform: translateY(-0.1em);
}
#news .inner .newsList ul li dl dd {
 max-width: 100%;
 padding: 0.5em 0 1em;
 font-size: 1.6rem;
}
#news .postArea {
 position: relative;
 background: rgba(255, 255, 255, 0.97);
 padding: 2.5em 2.5em;
 border-radius: 1.0rem;
 color: #241C1C;
}
#news .postArea .postInfo {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-bottom: 0.95em;
}
#news .postArea .postInfo .category span {
 display: inline-block;
 font-weight: 700;
 font-size: 1.5rem;
 line-height: 1;
 padding: 0.4em 0.5em 0.35em;
 border-radius: 4px;
 margin: 0 0.5em 0.25em 0;
 color: #fff;
 background: #119BCD;
}
#news .postArea .postInfo .date {
 font-weight: 500;
}
#news .postArea .postTitle {
 font-size: 3rem;
 font-weight: bold;
 line-height: 1.5;
 border-bottom: solid 4px #e62310;
 padding-bottom: 0.65em;
 margin-bottom: 0.85em;
}
.postDetail {
 line-height: 1.5;
 position: relative;
}
.postDetail h1 {
 font-weight: bold;
 font-size: 160%;
 color: #e62310;
 position: relative;
 margin-bottom: 0.5em;
}
.postDetail h1:before {
 content: "";
 display: inline-block;
 width: 0.60em;
 height: 0.60em;
 background: #e62310;
 margin: 0 0.5em 0 0;
 transform: translateY(-0.05em);
}
.postDetail h2 {
 font-weight: bold;
 font-size: 150%;
 color: #241C1C;
 position: relative;
 padding-bottom: 0.15em;
 margin-bottom: 0.5em;
 border-bottom: solid 2px #241C1C;
}
.postDetail h3 {
 display: inline-block;
 background: #e62310;
 color: #fff;
 padding: 0.35em 0.75em;
 margin-bottom: 1em;
 font-weight: bold;
 font-size: 120%;
}
.postDetail h4 {
 display: inline-block;
 background: #241C1C;
 color: #fff;
 padding: 0.35em 0.75em;
 margin-bottom: 1em;
 font-weight: bold;
 font-size: 110%;
}
.postDetail h5 {
 font-weight: bold;
 font-size: 110%;
 color: #e62310;
 margin-bottom: 1em;
 border-left: solid 4px #e62310;
 padding: 0.05em 0 0.05em 0.45em;
}
.postDetail h6 {
 font-weight: bold;
 font-size: 100%;
 color: #241C1C;
 margin-bottom: 1em;
 border-left: solid 4px #241C1C;
 padding: 0.05em 0 0.05em 0.45em;
}
.postDetail img {
 width: auto;
 max-width: 74%;
 margin: 1em auto 1.5em;
}
.postDetail p {
 margin-bottom: 1.5em;
}
.postDetail strong {
 font-weight: bold;
 font-size: 110%;
 line-height: 1.2;
}
.postDetail a {
 color: #FF8B00;
 font-weight: 800;
}
.postArea .btnBack {
 position: relative;
 padding: 2em 0 0;
 text-align: center;
 display: block;
 margin: 2em auto 0;
}
@media screen and (max-width: 999px) {
 #news {
  padding: calc(4rem + 5rem) 1.5rem 4rem;
 }
 #news .inner {
  padding: 0;
 }
 .carousel_thumbnails {
  margin: 0 auto 1em;
 }
 .carousel_thumbnails label {
  padding: 0.45em 1em;
  font-size: 1.4rem;
  margin: 2px 2px;
  border-radius: 0.2rem;
 }
 #news .inner .newsList ul li dl dd {
  max-width: 100%;
  padding: 0 0 1em;
  font-size: 1.5rem;
 }
 #news .postArea {
  padding: 1.5em 1.5em;
 }
 #news .postArea .postInfo {
  display: block;
 }
 #news .postArea .postInfo .category span {
  font-size: 1.4rem;
  border-radius: 2px;
 }
 #news .postArea .postTitle {
  font-size: 2.0rem;
  border-bottom: solid 3px #e62310;
  padding-bottom: 0.35em;
  margin-bottom: 0.45em;
 }
 .postDetail h1 {
  font-size: 150%;
 }
 .postDetail h2 {
  font-size: 140%;
 }
 .postDetail h3 {
  font-size: 115%;
 }
 .postDetail h4 {
  font-size: 110%;
 }
 .postDetail h5 {
  font-size: 105%;
  border-left: solid 3px #e62310;
 }
 .postDetail img {
  max-width: 100%;
 }
 .postDetail p {
  margin-bottom: 1.2em;
 }
 .postArea .btnBack {
 margin: 1.5em auto 0;
}
}