@charset "UTF-8";
/* Scss Document
*****************************************************************/
/* mixin
*********************************************************************/
/* ¥«¥é©` */
/* ±¡¤¤¥Ö¥ë©` */
/* ¥°¥ì©`±³¾° */
/* ¥¿¥¤¥È¥ë±³¾° */
/* media query */
/* News & Topics
*****************************************************************/
.tab_menu {
  display: none; }
  @media all and (max-width: 896px) {
    .tab_menu {
      display: block; } }

.block_news_ttl {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center; }
  .block_news_ttl .category_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px 0 0; }
    @media all and (max-width: 896px) {
      .block_news_ttl .category_menu {
        width: 100%; } }
    .block_news_ttl .category_menu li {
      width: 9.2vw;
      text-align: center;
      font-size: 1.6rem;
      line-height: 1.1em;
      padding: 2px; }
      @media all and (max-width: 896px) {
        .block_news_ttl .category_menu li {
          width: calc(100% / 6);
          font-size: 1.3rem; } }
      @media all and (max-width: 480px) {
        .block_news_ttl .category_menu li {
          width: calc(100% / 4); } }
      .block_news_ttl .category_menu li a {
        display: block;
        padding: 12px 0;
        border: #CCC solid 1px;
        border-radius: 6px;
        color: #333; }
        @media all and (max-width: 896px) {
          .block_news_ttl .category_menu li a {
            padding: 8px 0; } }
        .block_news_ttl .category_menu li a:hover {
          color: #FFF;
          background-color: #395DAA; }
        .block_news_ttl .category_menu li a.active {
          background-color: #395DAA;
          color: #FFF; }

.area_news {
  padding: 20px 5.2vw 100px;
  box-sizing: border-box; }
  @media all and (max-width: 896px) {
    .area_news {
      padding: 20px 20px 20px; } }
  .area_news .btn_link {
    text-align: center;
    padding: 50px 0 0; }
    @media all and (max-width: 896px) {
      .area_news .btn_link {
        padding: 30px 0 0; } }
  .area_news .label_news > div {
    padding: 0 20px 0 55px;
    width: 8em;
    position: relative;
    white-space: nowrap;
    display: inline-block; }
    .area_news .label_news > div::before {
      content: "";
      width: 25px;
      height: 25px;
      border-radius: 15px;
      position: absolute;
      left: 15px;
      top: 50%;
      transform: translateY(-50%); }

.block_news_detail {
  background-color: #FFF;
  max-width: 1000px;
  margin: auto;
  box-sizing: border-box;
  padding: 20px 40px 60px; }
  @media all and (max-width: 896px) {
    .block_news_detail {
      padding: 30px 20px 40px; } }

.label_category {
  display: flex;
  font-size: 1.5rem;
  line-height: 1.6em; }
  .label_category .list_sns {
    display: flex;
    align-items: center;
    padding: 0 8px 0 0; }
    .label_category .list_sns li {
      padding: 0 8px 0 0; }
  .label_category .label_news > div {
    padding-right: 0px;
    width: auto; }

.parts_link {
  background-color: #F2F6FD;
  padding: 20px;
  width: 100%;
  margin: 30px auto 0;
  box-sizing: border-box; }
  .parts_link ul {
    text-align: left;
    display: inline-block;
    padding: 5px 0; }
    .parts_link ul li {
      font-size: 1.6rem;
      line-height: 1.4em;
      padding: 5px 5px;
      box-sizing: border-box; }
      .parts_link ul li a {
        color: #000;
        display: block;
        position: relative;
        padding: 0 0 0 1em; }
        .parts_link ul li a:hover {
          color: #DA6A38; }
        .parts_link ul li a::before {
          content: url("/nyushi/common/images/arrow01.svg");
          position: absolute;
          left: 0px;
          top: -2px; }

.box_imgfull .imgfull {
  width: 100%;
  position: relative;
  padding-top: 30%; }
  .box_imgfull .imgfull a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    background-color: #FFF; }
    .box_imgfull .imgfull a img {
      object-fit: contain;
      width: 100%;
      height: 100%; }
.box_imgfull .imgfull_a {
  width: 100%;
  position: relative;
  padding-top: 60%; }
  .box_imgfull .imgfull_a a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    overflow: hidden;
    background-color: #FFF; }
    .box_imgfull .imgfull_a a img {
      object-fit: contain;
      width: 100%;
      height: 100%; }
.box_imgfull p {
  font-size: 1.5rem;
  line-height: 1.6em;
  padding: 6px 0 0; }

.box_gist {
  font-size: 1.5rem;
  line-height: 1.8em;
  padding: 20px 0 0; }

.box_article {
  padding: 40px 0 0; }
  .box_article .box_article_txt {
    width: 100%; }
    .box_article .box_article_txt p {
      font-size: 1.5rem;
      line-height: 1.6em; }
  .box_article .box_article_wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    justify-content: center; }
    @media all and (max-width: 896px) {
      .box_article .box_article_wrap {
        margin: 0 -8px; } }
    .box_article .box_article_wrap .box {
      width: 50%;
      padding: 15px;
      box-sizing: border-box; }
      @media all and (max-width: 896px) {
        .box_article .box_article_wrap .box {
          padding: 8px; } }
      @media all and (max-width: 480px) {
        .box_article .box_article_wrap .box {
          width: 100%; } }
      .box_article .box_article_wrap .box .box_article_img {
        width: 100%;
        position: relative;
        padding-top: 60%; }
        .box_article .box_article_wrap .box .box_article_img a {
          display: block;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          overflow: hidden;
          background-color: #FFF; }
          .box_article .box_article_wrap .box .box_article_img a img {
            object-fit: contain;
            width: 100%;
            height: 100%; }
      .box_article .box_article_wrap .box p {
        font-size: 1.5rem;
        line-height: 1.6em;
        padding: 6px 0 0; }

.box_four {
  padding: 40px 0 0; }
  .box_four ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px; }
    @media all and (max-width: 896px) {
      .box_four ul {
        margin: 0 -5px; } }
    .box_four ul li {
      width: 25%;
      padding: 20px;
      box-sizing: border-box; }
      @media all and (max-width: 896px) {
        .box_four ul li {
          width: 100%;
          padding: 5px; } }
      .box_four ul li a {
        display: block;
        width: 100%;
        position: relative;
        padding-top: 60%; }
        .box_four ul li a > div {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0px;
          left: 0px;
          overflow: hidden; }
          .box_four ul li a > div img {
            object-fit: contain;
            width: 100%;
            height: 100%; }
      .box_four ul li p {
        font-size: 1.5rem;
        line-height: 1.6em;
        padding: 4px 0 0; }

.box_sub {
  padding: 40px 0 0; }
  .box_sub p {
    font-size: 1.5rem;
    line-height: 1.8em; }

.box_contact {
  border-top: #666 dotted 1px;
  border-bottom: #666 dotted 1px;
  padding: 20px 5px;
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap; }
  @media all and (max-width: 896px) {
    .box_contact {
      margin-top: 30px; } }
  .box_contact h3 {
    font-size: 1.5rem;
    line-height: 1.8em;
    font-weight: 700;
    padding: 0 10px 0 0; }
  .box_contact p {
    font-size: 1.5rem;
    line-height: 1.8em; }