/*================================================================================

media query mixin

================================================================================*/
/*    google font on web
--------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
/*    google font on server
--------------------------------------------------------------------------------*/
/*    icomoon
--------------------------------------------------------------------------------*/
/*    custom
--------------------------------------------------------------------------------*/
.news .mainArea { position: relative; width: 100%; height: 400px; background: url("../img/main_pc.jpg") no-repeat; background-size: cover; margin-bottom: 100px; }
@media screen and (max-width: 768px) { .news .mainArea { height: 480px; background: url("../img/main_sp.jpg") no-repeat; background-size: cover; } }
.news .mainArea .c-title { text-align: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.news .mainArea .c-title span { color: #fff; }
.news .newsWrap { overflow: hidden; }
.news .newsWrap .newsList { padding-right: 50px; }
@media screen and (max-width: 768px) { .news .newsWrap .newsList { padding-right: 0; } }
.news .newsWrap .newsList .item { float: left; width: 50%; margin-right: 50px; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .news .newsWrap .newsList .item { float: none; width: 100%; margin-right: 0; margin-bottom: 40px; } }
.news .newsWrap .newsList .item:nth-child(2n) { margin-right: -100px; }
@media screen and (max-width: 768px) { .news .newsWrap .newsList .item:nth-child(2n) { margin-right: 0; } }
.news .newsWrap .newsList .item .txt { margin-top: 15px; }
.news .reportBlock { margin-top: 60px; }
.news .reportBlock .date { margin-bottom: 10px; }
.news .reportBlock .title { font-size: 30px; margin-bottom: 30px; }
.news .reportBlock .imgBox2 { display: -webkit-box; display: -ms-flexbox; display: flex; }
.news .reportBlock .imgBox2 .img { width: 50%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 50px; }
@media screen and (max-width: 768px) { .news .reportBlock .imgBox2 .img { margin-right: 5px; } }
.news .reportBlock .imgBox2 .img:last-child { margin-right: 0; }
.news .reportBlock .text { margin-bottom: 30px; }
.news .reportBlock .imgBox1 + .text { margin: 30px 0; }
.news .reportBlock .imgBox2 + .text { margin: 30px 0; }
.news .reportBlock .c-btn a { margin: 0 auto; }
.news .reportBlock .summaryBox.-bgGray { background: #f4f4f4; padding: 20px; margin: 60px auto; }
.news .reportBlock .summaryBox .instagram { width: 500px; margin: 60px auto; }
@media screen and (max-width: 768px) { .news .reportBlock .summaryBox .instagram { width: 100%; } }

/*# sourceMappingURL=news.css.map */