@charset "shift_jis";
/* Updated 2025/11/12.T */
/* Updated 2023/03/01.T */
/* Updated 2021/07/19.T */
/* Updated 2021/05/17.T */

/*-------------------------------
title-background01
-------------------------------*/
.title-background01>.inner>.body::before {
  background-image: url(/kojin/sougou/web-tsucho/imgs/index_bg_01.png);
}

/*-------------------------------
anc02
-------------------------------*/
#anc02 .meritBlk [class*="meritCnt0"] {
  display: flex;
  padding-top: 34px;
}
#anc02 .meritBlk [class*="meritCnt0"]:nth-child(2n) {
  justify-content: flex-end;
  border-radius: 10px 10px 10px 0;
}
#anc02 .meritBlk [class*="meritCnt0"]:not(:first-child) {
  margin-top: 60px;
}
#anc02 .meritBlk [class*="meritCnt0"] dl {
  width: 580px;
  height: 280px;
  padding: 31px 29px 10px;
  background: #fff;
  border-radius: 10px 10px 0 10px;
}
#anc02 .meritBlk [class*="meritCnt0"]:nth-child(2n) dl {
  padding: 37px 60px 10px;
}
#anc02 .meritBlk [class*="meritCnt0"] dl dt {
  position: relative;
  font-size: 24px;
  font-weight: bold;
}
#anc02 .meritBlk [class*="meritCnt0"] dl dt > span {
  display: block;
  position: absolute;
  top: -38px;
  left: 0;
  width: 100px;
  padding: 2px 0 4px;
  background: #C5D800;
  color: #004831;
  text-align: center;
  font-size: 16px;
  border-radius: 21px;
}
#anc02 .meritBlk [class*="meritCnt0"]:nth-child(2n) dl dt > span {
  top: -46px;
}
#anc02 .meritBlk [class*="meritCnt0"] dl dd {
  margin-top: 20px;
}
#anc02 .meritBlk [class*="meritCnt0"]:nth-child(2n) dl dd {
  margin-top: 16px;
}
#anc02 .meritBlk [class*="meritCnt0"] dl dd .list-notice01>.item:not(:first-child) {
  margin-top: 0;
}
#anc02 .meritBlk .meritCnt01 {
  background: url("/kojin/sougou/web-tsucho/imgs/index_bg_02.png") no-repeat;
  background-size: 680px 314px;
  background-position: right;
}
#anc02 .meritBlk .meritCnt02 {
  background: url("/kojin/sougou/web-tsucho/imgs/index_bg_03.png") no-repeat;
  background-size: 680px 314px;
  background-position: left;
}
#anc02 .meritBlk .meritCnt03 {
  background: url("/kojin/sougou/web-tsucho/imgs/index_bg_05.png") no-repeat;
  background-size: 680px 314px;
  background-position: right;
}
#anc02 .meritBlk .meritCnt04 {
  background: url("/kojin/sougou/web-tsucho/imgs/index_bg_04.png") no-repeat;
  background-size: 680px 314px;
  background-position: left;
}
/*-----------------------------------
btn-card01
-----------------------------------*/
.btn-card01{
  margin: 40px 0 0;
}
.btn-card01>a{
  display: block;
  border: 1px solid #D5DEDB;
  border-radius: 8px;
  box-shadow: 0 0 4px rgba(20, 29, 29, 0.05),0 4px 6px rgba(20, 29, 29, 0.08);
  background: #fff;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
  color: #004831;
  text-align: center;
}
.btn-card01 .text01{
  padding: 20px 12px 9px;
}
.btn-card01 .text02{
  padding: 12px 20px;
  border-radius: 0 0 8px 8px;
  background: #F3F8F6;
}
.btn-card01 sup {
  font-size: 0.6em;
  font-weight: normal;
}

@media screen and (min-width: 768px) {
  /*-----------------------------------
  btn-card01
  -----------------------------------*/
  .btn-card01{
    max-width: 655px;
    margin: 32px auto 0;
  }
  .btn-card01 .text01 {
    padding: 26px 12px;
  }
  .btn-card01 + .list-notice01{
    max-width: 655px;
    margin-left: auto;
    margin-right: auto;
  }
  .btn-card01>a{
    transition: opacity .3s ease-out;
  }
  .btn-card01>a:hover{
    opacity: 0.7;
  }
}

@media screen and (max-width: 767px) {
  /*-------------------------------
  title-background01
  -------------------------------*/
  .title-background01>.inner>.body::before {
    background-image: url(/kojin/sougou/web-tsucho/imgs/index_bg_01_sp.png);
  }

  /*-------------------------------
  anc02
  -------------------------------*/
  #anc02 .meritBlk [class*="meritCnt0"] {
    display: block;
    margin: 0 -4.8vw;
    padding-top: 0;
    padding-bottom: 200px;
  }
  #anc02 .meritBlk [class*="meritCnt0"]:nth-child(2n) {
    border-radius: 0;
  }
  #anc02 .meritBlk [class*="meritCnt0"]:not(:first-child) {
    margin-top: 70px;
  }
  #anc02 .meritBlk [class*="meritCnt0"] dl {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
  }
  #anc02 .meritBlk [class*="meritCnt0"]:nth-child(2n) dl {
    padding: 0;
  }
  #anc02 .meritBlk [class*="meritCnt0"] dl dt > span {
    top: -30px;
    width: 82px;
    padding: 1px 0;
  }
  html[lang="vi"] #anc02 .meritBlk [class*="meritCnt0"] dl dt > span {
    width: 90px;
  }
  #anc02 .meritBlk [class*="meritCnt0"]:nth-child(2n) dl dt > span {
    top: -30px;
  }
  #anc02 .meritBlk [class*="meritCnt0"] dl dd {
    margin-top: 15px;
  }
  #anc02 .meritBlk [class*="meritCnt0"]:nth-child(2n) dl dd {
    margin-top: 16px;
  }
  #anc02 .meritBlk .meritCnt01 {
    margin-top: 60px;
    background: url("/kojin/sougou/web-tsucho/imgs/index_bg_02_sp.png") no-repeat;
    background-size: 298px 168px;
    background-position: right bottom;
  }
  #anc02 .meritBlk .meritCnt02 {
    background: url("/kojin/sougou/web-tsucho/imgs/index_bg_03_sp.png") no-repeat;
    background-size: 298px 168px;
    background-position: left bottom;
  }
  #anc02 .meritBlk .meritCnt03 {
    background: url("/kojin/sougou/web-tsucho/imgs/index_bg_05_sp.png") no-repeat;
    background-size: 298px 168px;
    background-position: right bottom;
  }
  #anc02 .meritBlk .meritCnt04 {
    background: url("/kojin/sougou/web-tsucho/imgs/index_bg_04_sp.png") no-repeat;
    background-size: 298px 168px;
    background-position: left bottom;
  }
  #footer-area.footer-fixed:not(.-close) #footer-content .footer-logo {
    padding-bottom: 100px;
  }
}