/* News */
.hero {display:flex; width:100%; height:240px; justify-content:center; align-items:center; color:#ffffff; text-align:center; font-weight:bold; font-size:4rem; background:#00457f;}

@media screen and (max-width:1023px) {
  .hero {height:120px; font-size:22px; letter-spacing:1px;}
}


.sort {width:100%; max-width:956px; margin:50px auto 50px;}
.sort_ttl {margin:0 0 20px; font-size:28px; font-weight:bold;}
.sort_items {display:flex; justify-content:space-between;}
.sort_item {width:20%; flex:1 1 20%;}
.sort_item:not(:last-of-type) {margin:0 20px 0 0;}
.sort_item span,
.sort_item a {display:block; width:100%; padding:18px 0; font-weight:bold; text-align:center; font-size:1.6rem; line-height:1;}
.sort_item.all span {border:solid 3px #342c2b; color:#ffffff; background:#342c2b;}
.sort_item.all a {border:solid 3px #342c2b; color:#342c2b;}
.sort_item.catInfo span {border:solid 3px #f6ad76; color:#ffffff; background:#f6ad76;}
.sort_item.catInfo a {border:solid 3px #f6ad76; color:#f6ad76;}
.sort_item.catRecruit span {border:solid 3px #00457f; color:#ffffff; background:#00457f;}
.sort_item.catRecruit a {border:solid 3px #00457f; color:#00457f;}
.sort_item.catLibrary span {border:solid 3px #71a9b0; color:#ffffff; background:#71a9b0;}
.sort_item.catLibrary a {border:solid 3px #71a9b0; color:#71a9b0;}
.sort_item.catJadecom {width:25%; flex:1 1 25%;}
.sort_item.catJadecom span {border:solid 3px #808080; color:#ffffff; background:#808080;}
.sort_item.catJadecom a {border:solid 3px #808080; color:#808080;}
@media screen and (max-width:1023px) {
  .sort {width:calc(100% - 36px); margin:40px auto 50px; padding:26px 0; background:#f5f5f5;}
  .sort_ttl {margin:0 0 20px; font-size:22px; text-align:center;}
  .sort_items {flex-direction:column; width:250px; margin:0 auto;}
  .sort_item {flex:0 0 100%; width:100%;}
  .sort_item:not(:last-of-type) {margin:0 0 15px;}
  .sort_item span,
  .sort_item a {padding:15px 0; font-size:18px;}
  .sort_item.all span {border:solid 2px #342c2b;}
  .sort_item.all a {border:solid 2px #342c2b;}
  .sort_item.catInfo span {border:solid 2px #f6ad76;}
  .sort_item.catInfo a {border:solid 2px #f6ad76;}
  .sort_item.catRecruit span {border:solid 2px #00457f;}
  .sort_item.catRecruit a {border:solid 2px #00457f;}
  .sort_item.catLibrary span {border:solid 2px #71a9b0;}
  .sort_item.catLibrary a {border:solid 2px #71a9b0;}
  .sort_item.catJadecom {flex:0 0 100%; width:100%;}
  .sort_item.catJadecom span {border:solid 2px #808080;}
  .sort_item.catJadecom a {border:solid 2px #808080;}
}



.news_items {width:calc(100% - 36px); max-width:956px; margin:0 auto 100px;}
.news_item {width:100%; padding:25px 0; border-bottom:solid 1px rgba(113,176,169,0.5);}
.news_itemDate {display:flex; justify-content:flex-start; align-items:center; margin:0 0 15px;}
.news_itemDate time {margin:0 20px 0 0; font-size:1.6rem; color:#808080; font-weight:600; font-family:'Montserrat',sans-serif;}
.news_itemDate span {}
.news_item a {font-size:1.6rem; line-height:2;}
.news_link {position:relative; margin:40px 0 0 auto; padding:0 25px 0 0; font-size:1.8rem; font-weight:bold;}
.news_link::after {content:''; position:absolute; top:50%; right:0; display:block; width:10px; height:10px; border-top:solid 2px #342c2b; border-right:solid 2px #342c2b; transform:translateY(-50%) rotate(45deg);}
@media screen and (min-width:1024px) {
  .news_link:hover {opacity:0.5;}
}

@media screen and (max-width:1023px) {
  .news_items {width:calc(100% - 36px); flex:1 1 calc(100% - 36px); margin:0 auto;}
  .news_item {border-bottom:solid 1px rgba(128,128,128,0.15);}
  .news_item a {line-height:1.6;}
  .news_itemDate time {margin:0 10px 0 0;}

  .news_link {display:flex; justify-content:space-around; align-items:center; width:calc(100% - 76px); height:52px; margin:20px auto 40px; padding:0; border-radius:2px; font-size:16px; text-align:center; color:#ffffff; background:#00457f;}
  .news_link::after {right:50%; border-top:solid 2px #ffffff; border-right:solid 2px #ffffff; transform:translate(80px,-50%) rotate(45deg);}
}




.pager {display:flex; justify-content:center; margin:0 auto 180px;}
.pager .prev {margin:0 7px;}
.pager .prev a,
.pager .prev .no-link {display:block; position:relative; width:3rem; height:5.6rem; overflow:hidden; white-space:nowrap; text-indent:100%;}
.pager .prev a::before {content:''; display:block; position:absolute; top:50%; right:5px; width:14px; height:14px; border-top:solid 3px #00457f; border-right:solid 3px #00457f; border-radius:2px; transform:translateY(-50%) rotate(-135deg);}
.pager .prev .no-link::before {content:''; display:block; position:absolute; top:50%; right:5px; width:14px; height:14px; border-top:solid 3px #dcdcdc; border-right:solid 3px #dcdcdc; border-radius:2px; transform:translateY(-50%) rotate(-135deg);}
.pager .next {margin:0 7px;}
.pager .next a,
.pager .next .no-link {display:block; position:relative; width:3rem; height:5.6rem; overflow:hidden; white-space:nowrap; text-indent:100%;}
.pager .next a::before {content:''; display:block; position:absolute; top:50%; left:5px; width:14px; height:14px; border-top:solid 3px #00457f; border-right:solid 3px #00457f; border-radius:2px; transform:translateY(-50%) rotate(45deg);}
.pager .next .no-link::before {content:''; display:block; position:absolute; top:50%; left:5px; width:14px; height:14px; border-top:solid 3px #dcdcdc; border-right:solid 3px #dcdcdc; border-radius:2px; transform:translateY(-50%) rotate(45deg);}
.pager .nth-box {display:flex;}
.pager .nth-box a {margin:0 7px; flex:0 0 5.6rem; width:5.6rem; height:5.6rem; border:solid 2px #00457f; font-size:3rem; text-align:center; line-height:5.6rem; font-weight:600; color:#00457f; font-family:'Montserrat',sans-serif;}
.pager .nth-box .current.no-link {margin:0 7px; flex:0 0 5.6rem; width:5.6rem; height:5.6rem; border:solid 2px #00457f; font-size:3rem; text-align:center; line-height:5.6rem; font-weight:600; color:#ffffff; background:#00457f; font-family:'Montserrat',sans-serif;}
@media screen and (max-width:1023px) {
  .pager .pager {margin:0 auto 70px;}
  .pager .prev {margin:0 4px 0 0;}
  .pager .prev a,
  .pager .prev .no-link {width:20px; height:44px;}
  .pager .prev a::before,
  .pager .prev .no-link::before {right:1px; width:16px; height:16px;}
  .pager .next {margin:0 0 0 4px;}
  .pager .next a,
  .pager .next .no-link {width:20px; height:44px;}
  .pager .next a::before,
  .pager .next .no-link::before {left:1px; width:16px; height:16px;}
  .pager .nth-box a {margin:0 6px; flex:0 0 44px; width:44px; height:44px; font-size:22px; line-height:44px;}
  .pager .nth-box .current.no-link {margin:0 6px; flex:0 0 44px; width:44px; height:44px; font-size:22px; line-height:44px;}
}



.social {margin:0 0 10px;}
.social .social_items {display:flex; align-items:center;}
.social .social_item {}

.social.icon .social_items {justify-content:flex-end;}
.social.icon .social_item {margin:0 0 0 18px;}

.social.btn {margin:70px 0 140px;}
.social.btn .social_items {justify-content:space-between; align-items:stretch;}
.social.btn .social_item {width:200px; flex:0 1 200px;}
.social.btn .social_item a {display:flex; justify-content:center; align-items:center; height:70px; font-size:1.6rem; font-weight:bold;}
.social.btn .social_item.fb a {border:solid 2px #1682f3;}
.social.btn .social_item.tw a {border:solid 2px #1ba8f3;}
.social.btn .social_item.line a {border:solid 2px #00bf14;}
.social.btn .social_item img {margin:0 10px 0 0;}
@media screen and (max-width:1023px) {
  .social.btn {margin:50px 0 60px;}
  .social.btn .social_item a {flex-direction:column-reverse; font-size:14px;}
  .social.btn .social_item img {height:25px; margin:5px 0 0;}
  .social.btn .social_item.fb a {border:solid 1px #1682f3;}
  .social.btn .social_item.tw {margin:0 8px;}
  .social.btn .social_item.tw a {border:solid 1px #1ba8f3;}
  .social.btn .social_item.line a {border:solid 1px #00bf14;}
}




.content .news_itemDate {margin:0 0 30px;}
.sec {width:100%; max-width:632px; margin:80px auto 130px;}
.sec_doc {font-size:1.6rem; line-height:2;}
.sec_ttl {margin:0 0 15px; font-size:28px; line-height:1.8; font-weight:bold;}
.sec_hero {margin:0 0 40px; overflow:hidden;}
.sec_hero img {width:632px; max-width:100%; height:390px; margin:0; object-fit:cover;}
.sec_hero .ofi_img {font-family:'object-fit:cover;';}
.sec_noData {margin:100px auto; font-size:2rem; text-align:center;}

.sec_doc h2 {margin:0 0 40px; padding:20px 15px 20px 20px; border-left:solid 8px #00457f; font-size:22px; font-weight:bold; line-height:36px; background:#f5f5f5;}
.sec_doc h3 {margin:0 0 40px; padding:15px 15px 15px 23px; border-left:solid 5px #71a9b0; font-size:20px; line-height:32px;}

.sec_doc p {margin:0 0 40px;}
.sec_doc blockquote {position:relative; margin:60px 20px; padding:20px; background:#f5f5f5;}
.sec_doc blockquote::before {content:url('../img/common/ic_quot.svg'); position:absolute; top:-15px; left:-20px;}
.sec_doc blockquote::after {content:url('../img/common/ic_quot.svg'); position:absolute; bottom:-10px; right:-20px; transform:rotate(180deg);}
.sec_doc blockquote p {margin:0;}
.sec_doc img {display:block; max-width:100%; margin:0 auto 40px;}
.sec_doc a {text-decoration:underline; color:#0060b1; word-wrap:break-all;}

.sec_doc ol {margin:0 0 40px; counter-reset:li;}
.sec_doc ol li {position:relative; padding:0 0 0 3.5rem; list-style:none;}
.sec_doc ol li:before {content:counter(li)'.'; position:absolute; top:0; left:1rem; color:#808080; font-weight:600; font-family:'Montserrat',sans-serif; counter-increment:li;}
.sec_doc ul {margin:0 0 40px;}
.sec_doc ul li {position:relative; padding:0 0 0 3.5rem; list-style:none;}
.sec_doc ul li:before {content:'・'; position:absolute; top:0; left:0.8rem; color:#808080; font-weight:600; font-family:'Montserrat',sans-serif;}

@media screen and (max-width:1023px) {
  .content .news_itemDate {margin:30px 0 15px;}
  .sec {width:calc(100% - 36px); margin:0 auto 50px;}

  .sec_ttl {margin:0 0 15px; font-size:28px; line-height:44px}
  .sec_hero {margin:0 0 20px;}
  .sec_noData {margin:50px auto; font-size:16px;}

  .sec_doc h2 {margin:0 0 20px;}
  .sec_doc h3 {margin:0 0 20px;}

  .sec_doc p {margin:0 0 20px;}
  .sec_doc blockquote {margin:25px 14px; background:#f5f5f5;}
  .sec_doc blockquote::before {top:0; left:-16px;}
  .sec_doc blockquote::after {bottom:0; right:-16px;}
  .sec_doc img {margin:0 auto 20px;}

  .sec_doc ol {margin:0 0 20px;}
  .sec_doc ul {margin:0 0 20px;}

}



.page_link {width:100%; max-width:632px; margin:0 auto 170px;}
.pageLink_items {display:flex; justify-content:space-between; align-items:center;}
.pageLink_item {flex:0 0 49%; width:49%;}
.pageLink_item.prev {}
.pageLink_item.next {}
.pageLink_item a {display:flex; position:relative; width:100%; height:80px; border-radius:5px; background:#00457f; justify-content:center; align-items:center; transition:all 0.3s;}
.pageLink_item.prev a::after {content:''; display:block; position:absolute; top:50%; left:15px; width:10px; height:10px; border-top:solid 2px #ffffff; border-right:solid 2px #ffffff; transform:translateY(-50%) rotate(-135deg);}
.pageLink_item.next a::after {content:''; display:block; position:absolute; top:50%; right:15px; width:10px; height:10px; border-top:solid 2px #ffffff; border-right:solid 2px #ffffff; transform:translateY(-50%) rotate(45deg);}
.pageLink_item span {line-height:1; font-size:18px; font-weight:bold; color:#ffffff;}

@media screen and (max-width:1023px) {
  .page_link {width:calc(100% - 112px); margin:0 auto 50px;}
  .pageLink_items {flex-direction:column-reverse;}
  .pageLink_item {flex:0 0 100%; width:100%;}
  .pageLink_item a {position:relative; height:70px; margin:0 auto 10px; border-radius:2px;}
  .pageLink_item span {font-size:15px;}
}