/***********************************************************************
media queries setting
**********************************************************************/
/***********************************************************************
top
**********************************************************************/
.visual .copies {
  top: -100px;
  /*&.is-white{
      top: -100px;
  }*/ }
  @media (max-width: 768px) {
    .visual .copies {
      top: -45px; } }
  .visual .copies.is-white .copybox.saiyo-txt {
    margin-top: 150px; }
    @media (max-width: 768px) {
      .visual .copies.is-white .copybox.saiyo-txt {
        margin-top: 45px; } }

#home {
  /*topise*/ }
  #home .topics {
    background: #fff;
    border-top: 5px solid #13498d;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    padding: 1em 2em 2em;
    position: relative;
    margin: -8em auto 0;
    max-width: 860px;
    z-index: 9; }
    @media (max-width: 768px) {
      #home .topics {
        padding: 1em 1em 2em;
        margin: -3em auto 0;
        width: 90%; } }
    #home .topics .head {
      color: #13498d;
      font-size: clamp(18px, 2vw, 24px);
      margin-bottom: .5em; }
    #home .topics li {
      background: url("../images/common/ic-bluearrow.png") no-repeat 0 5px;
      background-size: 14px;
      border-bottom: 1px solid #b4afaf;
      color: #221714;
      margin-bottom: 1em;
      padding-bottom: 1em;
      padding-left: 20px; }
      #home .topics li .cat {
        background: #13498d;
        color: #fff;
        margin: 0 0 0 2em;
        padding: 3px 1.5%;
        border-radius: 5px;
        position: relative; }
        @media (max-width: 768px) {
          #home .topics li .cat {
            padding: 2px .5em; } }
        #home .topics li .cat:before {
          content: "";
          position: absolute;
          top: 50%;
          left: 100%;
          margin-top: -4px;
          border: 4px solid transparent;
          border-left: 8px solid #13498d; }
        @media (max-width: 768px) {
          #home .topics li .cat {
            font-size: 13px;
            margin: .25rem 0em;
            margin-left: .25em; }
            #home .topics li .cat:before {
              content: none; } }
      #home .topics li .text {
        margin-left: 2em; }
        @media (max-width: 768px) {
          #home .topics li .text {
            display: block;
            margin: .5em 0 0 0em; } }
        #home .topics li .text a {
          color: #221714;
          position: relative;
          z-index: 0; }
          @media (max-width: 768px) {
            #home .topics li .text a {
              background: #FFDD00; } }
          #home .topics li .text a::before {
            content: "";
            display: block;
            background: #FFDD00;
            height: 40%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            z-index: -1; }
            @media (max-width: 768px) {
              #home .topics li .text a::before {
                content: none; } }
          #home .topics li .text a:hover {
            text-decoration: underline; }
  #home .saiyo-kanri .saiyo-btn .item2 {
    bottom: -17%;
    left: 10%;
    width: min(15.5vw, 186px); }
    @media (max-width: 768px) {
      #home .saiyo-kanri .saiyo-btn .item2 {
        left: 1%; } }
  #home .saiyo-kanri .saiyo-btn .item3 {
    bottom: -8%;
    right: 20%;
    width: min(10.5vw, 126px); }
    @media (max-width: 768px) {
      #home .saiyo-kanri .saiyo-btn .item3 {
        right: -5%; } }

/*home*/