@charset "shift_jis";
/* Updated 2025/08/01.T */
/* Updated 2025/07/31.T */
@font-face {
  font-family: noto-serif;
  src: url(/kojin/cmn/fonts/Noto_Serif_JP/NotoSerifJP-Regular.otf);
}
@font-face {
  font-family: noto-serif;
  font-weight: bold;
  font-style: normal;
  src: url(/kojin/cmn/fonts/Noto_Serif_JP/NotoSerifJP-Bold.otf);
}
/*-------------------------------
reset
-------------------------------*/
#containment-area {
  margin-bottom: 0;
}
#footer-content {
  margin-top: 0;
}
._t-orange01 {
  color: #E95501 !important;
}
._t-normal{
  color: #141D1D;
}
.btn-type01.-orange01{
  background: #FF5F04;
}
._ls5 {
  letter-spacing: 5px;
}
.link-underline {
  text-decoration: underline!important;
  text-underline-offset: 3px;
}
.list-circle01.-big01>.item {
  padding-left: 21px;
}
.list-circle01.-big01>.item::before {
  top: 4px;
  width: 16px;
  height: 16px;
}
.list-circle01.-green02 {
  color: #004831;
}
.list-circle01.-green02>.item::before {
  background: #004831;
}
#footer-content .footer-logo {
    padding-bottom: 140px;
}
@media screen and (min-width: 767px){
  ._mt64{
    margin-top: 64px!important;
  }
}
/*-------------------------------
kv-area
-------------------------------*/
.kv-inr {
  text-align: center;
}
.kv-area {
  background: #D5EAD7;
}
/*-------------------------------
bg-area01
-------------------------------*/
.bg-area01{
  padding: 0 10px;
  background: #D5EAD7;
}
.bg-area01.-white {
  background: #FFF;
}
.bg-area01 .inr01{
  max-width: 1080px;
  margin: 0 auto;
  padding: 120px 0 1px;
}
.bg-area01.-white .inr01 {
  padding: 0 0 120px;
}
/*-------------------------------
lable01
-------------------------------*/
.label01 {
  display: inline-flex;
  justify-content: center;
  margin-bottom: 24px;
  box-shadow: 0 0 8px rgba(20,29,29,.08);
  position: relative;
  transform: translateX(-50%);
  left: 50%;
  margin-top: 120px;
}
.label01>.icon01 {
  background: #00563A;
  border-radius: 20px 0 0 0;
  width: 72px;
  height: 72px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  font-family: noto-serif;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.label01>.icon01>em {
  font-weight: bold;
  font-size: 3.2rem;
}
.label01>.title01 {
  background: #fff;
  border-radius: 0 0 20px 0;
  height: 72px;
  padding: 0 20px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #004831;
  letter-spacing: 2px;
}
/*-------------------------------
ttl-wrap01
-------------------------------*/
.ttl-wrap01{
  text-align: center;
}
.ttl-wrap01>.ttl{
  display: inline-block;
  position: relative;
  font-family: noto-serif;
  font-weight: bold;
  font-size: 3.6rem;
  letter-spacing: 5px;
}
/*-------------------------------
text-area01
-------------------------------*/
.text-area01{
  margin: 36px 0 0;
  text-align: center;
}
.text-area01>.list-notice01{
  display: inline-block;
}
/*-------------------------------
card-wrap01
-------------------------------*/
.card-wrap01{
  display: flex;
  justify-content: center;
  margin: 56px 0;
}
.card-wrap01>.item01{
  position: relative;
  width: 348px;
  margin: 0 0 0 16px;
  background: #fff;
  text-align: center;
  border-radius: 20px;
  text-decoration: none;
  display: block;
}
.card-wrap01>.item01>.icon01{
  position: absolute;
  left: 0;
  top: 0;
  padding: 8px 10px;
  width: 72px;
  height: 72px;
  background: #00563A;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  font-family: noto-serif;
  border-radius: 20px 0 20px 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.card-wrap01>.item01>.icon01>em{
  font-weight: bold;
  font-size: 3.2rem;
}
.card-wrap01>.item01:first-child{
  margin-left: 0;
}
.card-wrap01>.item01>.inner01 {
  padding: 18px 18px 24px;
  min-height: 495px;
}
.card-wrap01>.item01>.inner01>.ttl01{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 4.5em;
  font-size: 2.0rem;
  color: #004831;
  font-weight: bold;
}
.card-wrap01>.item01>.inner01>.txt01{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3em;
  margin: 16px 0 0;
  padding: 6px 0;
  font-size: 1.6rem;
  background: #F5F9E6;
  border-radius: 8px;
  min-height: 60px;
}
.card-wrap01>.item01>.inner01>.img01{
  margin: 16px 0 0;
}
.card-wrap01>.item01>.inner01>.btn01{
  margin: 16px 0 0;
}
.card-wrap01>.item01>.inner01>.btn01>a{
  display: block;
  width: 188px;
  margin: 0 auto;
  padding: 8px;
  border: 1px solid #004831;
  border-radius: 8px;
  font-weight: bold;
  color: #004831;
  font-size: 1.6rem;
  text-decoration: none;
}
.card-wrap01>.item01>.inner01>.btn01>a>span{
  display: inline-block;
  position: relative;
  padding-left: 28px;
}
.card-wrap01>.item01>.inner01>.btn01>a>span::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% - 12px);
  width: 24px;
  height: 24px;
  background: url(/kojin/campaign/remote_meeting2025/imgs/index_ico_04.svg) no-repeat 0 0 / 100%;
}
.card-wrap01 .list-notice01{
  display: inline-block;
  margin: 16px 0 0;
}
.card-wrap01 .anc-btn01 {
  display: flex;
  height: 60px;
  text-decoration: none;
}
.card-wrap01 .anc-btn01>.text01 {
  color: #261D0D;
  width: 80%;
  background: #BB9F54;
  border-radius: 0 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.card-wrap01 .anc-btn01>.icon01 {
  width: 20%;
  background: linear-gradient(90deg, #D8C286, #BB9F54);
  border-radius: 0 0 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .card-wrap01>.item01>.inner01 {
    min-height: 520px;
  }
}
/*-------------------------------
table-area01
-------------------------------*/
.table-area01{
  margin: 16px 0 0;
}
.table-area01>table{
  width: 100%;
  border: 1px solid #D5DEDB;
  border-width: 1px 1px 0 0;
  border-radius: 8px;
  overflow: hidden;
  border-spacing: 0px;
  border-collapse: separate;
}
.table-area01>table th,
.table-area01>table td{
  border: 1px solid #D5DEDB;
  border-width: 0 0 1px 1px;
  font-size: 1.6rem;
  text-align: center;
  vertical-align: middle;
}
.table-area01>table .th01{
  padding: 15px;
  background: #4D7F6F;
  font-weight: bold;
  color: #fff;
}
.table-area01>table .td01{
  padding: 22px;
  background: #F5F9E6;
}
.table-area01>table .td02{
  padding: 22px;
}
.table-area01>table .num01{
  font-size: 2rem;
  font-family: roboto;
}
.table-area01>table .num02{
  font-size: 3.6rem;
  line-height: 1;
  font-family: roboto;
  font-weight: bold;
}
.table-area01 .-radius01 {
  border-radius: 8px 0 0 0;
}
.table-area01 .-radius02 {
  border-radius: 0 8px 0 0;
}
.table-area01 .-radius03 {
  border-radius: 0 0 8px 0;
}
.table-area01 .-radius04 {
  border-radius: 0 0 0 8px;
}
/*-------------------------------
bg-area02
-------------------------------*/
.bg-area02{
  position: relative;
  background: url(/kojin/campaign/remote_meeting2025/imgs/index_bg_01.jpg);
  background-repeat: repeat-y;
  background-position: top center;
  background-size: 100%;
}
.bg-area02>.inr01{
  max-width: 1080px;
  margin: 0 auto;
  padding: 120px 10px;
}
/*-------------------------------
bg-area03
-------------------------------*/
.bg-area03{
  margin: 56px 0 0;
  padding: 64px 40px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(20,29,29,.08);
}
/*-------------------------------
bg-area04
-------------------------------*/
.bg-area04{
  margin: 20px 0 0;
  padding: 20px 20px;
  background: #E6D5A8;
  border-radius: 8px;
}
.bg-area04>.text01 {
  font-size: 2.4rem;
  text-align: center;
}
.bg-area04>.text02 {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 10px;
}
/*-------------------------------
bg-area05
-------------------------------*/
.bg-area05 {
  display: flex;
  margin-top: 40px;
}
.bg-area05.-small {
  min-height: 108px;
}
.bg-area05>.left {
  width: 48%;
  position: relative;
  background: #E2EFBC;
  padding: 20px 17px 20px 40px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px 0 0 8px;
}
.bg-area05.-small>.left {
  width: 42%;
}
.bg-area05>.left::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  clip-path: polygon(0 0, 0% 100%, 10% 50%);
  background-color: #E2EFBC;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.bg-area05>.left>.text01 {
  margin-left: -35px;
  color: #004831;
  font-weight: bold;
}
.bg-area05>.right {
  position: relative;
  width: 52%;
  background: #F5F9E6;
  padding: 20px 20px 20px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0 8px 8px 0;
}
.bg-area05.-small>.right {
  width: 58%;
  padding: 20px 20px 20px 56px;
}
.bg-area05.-small>.right::after {
  content: none;
}
/*-------------------------------
ttl-wrap02
-------------------------------*/
.ttl-wrap02{
  text-align: center;
}
.ttl-wrap02>.ttl{
  font-family: noto-serif;
  font-weight: bold;
  color: #004831;
  font-size: 2.8rem;
}
.dot-img01 {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
/*-------------------------------
cv-wrap01
-------------------------------*/
.cv-wrap01{
  display: flex;
  justify-content: center;
  margin: 32px 0 0;
}
.cv-wrap01>.item01{
  width: 464px;
  margin: 0 16px;
}
.cv-wrap01 .cv-text01{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 8px;
  height: 84px;
  background: #F8F5EC;
  text-align: center;
  color: #786428;
  font-size: 1.4rem;
  font-weight: bold;
}
.cv-wrap01 .cv-text01::after{
  display: block;
  content: '';
  position: absolute;
  left: calc(50% - 5px);
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #F8F5EC;
}
.cv-wrap01 .btn-list01{
  margin-top: 24px;
}
.cv-wrap01 .btn-type01{
  width: 400px;
}
.cv-wrap01 .btn-type01.-orange01{
  background: #FF5F04;
}
.cv-wrap01 .btn-type01>.inner{
  height: 60px;
  font-size: 1.8rem;
}
/*-------------------------------
hr01
-------------------------------*/
.hr01{
  margin: 64px 0;
  border: 1px solid #A0C81E;
  border-width: 1px 0 0;
}
/*-------------------------------
bl-text01
-------------------------------*/
.bl-text01{
  display: flex;
  justify-content: center;
  margin: 47px 0 -50px;
}
.bl-text01>p{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 8px 24px;
  height: 60px;
  background: #A0C81E;
  text-align: center;
  color: #004831;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 8px;
  z-index: 1;
}
.bl-text01>p::after{
  display: block;
  content: '';
  position: absolute;
  left: calc(50% - 5px);
  bottom: -9px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #A0C81E;
}
/*-------------------------------
card-wrap02
-------------------------------*/
.card-wrap02{
  margin: 24px 0 0;
  padding: 32px;
  background: #F5F9E6;
  border-radius: 8px;
}
.card-wrap02.-topballoon {
  padding: 47px 32px 32px;
  border-radius: 20px;
}
.card-wrap02>.card-ttl01{
  font-family: noto-serif;
  font-weight: bold;
  color: #004831;
  font-size: 2.8rem;
  text-align: center;
}
.card-wrap02>.item01{
  position: relative;
  padding: 56px 32px 32px;
  margin: 40px 0 0;
  background: #fff;
  border-radius: 16px;
}
.card-wrap02>.item01+.item01{
  margin-top: 32px;
}
.card-wrap02>.item01>.icon01{
  position: absolute;
  left: 33px;
  top: 0;
  padding: 10px 7px 6px;
  width: 64px;
  height: 72px;
  background: url(/kojin/campaign/remote_meeting2025/imgs/index_bg_02.svg) no-repeat 0 0 ;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  font-family: noto-serif;
  text-align: left;
}
.card-wrap02>.item01>.icon01>em{
  display: block;
  width: 48px;
  font-weight: bold;
  font-size: 3.2rem;
  text-align: center;
}
.card-wrap02>.item01>.ttl01{
  font-weight: bold;
  font-size: 2.8rem;
  text-align: center;
  color: #004831;
  font-family: noto-serif;
}
.card-wrap02>.item01>.ttl01>span{
  color: #998445;
  font-family: noto-sans;
  font-size: 3.4rem;
  line-height: 1;
  vertical-align: -4px;
}
.card-wrap02>.item01>.ttl02{
  margin: 26px auto 0;
  max-width: 750px;
  padding: 16px;
  background: #E6D5A8;
  font-weight: bold;
  font-size: 2.0rem;
  line-height:1.1;
  text-align: center;
  color: #261D0D;
  font-family: noto-serif;
  border-radius: 8px;
}
.card-wrap02>.item01>.ttl03{
  position: relative;
  margin: 35px 0 0;
  padding: 0 0 0 32px;
  font-weight: bold;
  font-size: 1.8rem;
  line-height:1.1;
  color: #004831;
}
.card-wrap02>.item01>.ttl03::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: .2em;
  width: 14px;
  height: 14px;
  background: linear-gradient(135deg, #6E5819 -1.43%, #BFA75E 96.6%);
  transform: rotate(45deg);
}
/*-------------------------------
card-wrap03
-------------------------------*/
.card-wrap03{
  display: flex;
  justify-content: center;
  margin: 16px 0 0;
}
.card-wrap03>.item01{
  margin: 0 0 0 16px;
  width: 206px;
  background: #F5F9E6;
  border-radius: 0 0 8px 8px;
}
.card-wrap03>.item01:first-child{
  margin: 0;
}
.card-wrap03>.item01>dt{
  padding: 14px;
  background: #4D7F6F;
  color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  border-radius: 8px 8px 0 0;
}
.card-wrap03>.item01>dd{
  padding: 24px;
}
.card-wrap03>.item01>dd>.text01 {
  min-height: 121px;
}
/*-------------------------------
text-box01
-------------------------------*/
.text-box01{
  position: relative;
  padding: 5px;
  margin: 16px 0 0;
  border-radius: 4px;
  background: #C6DE78;
  font-weight: bold;
  color: #004831;
  font-size: 1.6rem;
  text-align: center;
}
.text-box01::before{
  display: block;
  content: '';
  position: absolute;
  left: calc(50% - 3px);
  top: -4px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #C6DE78;
}
/*-------------------------------
btn-type01.-large02
-------------------------------*/
.btn-type01.-large02{
  width: 400px;
}
.btn-type01.-large02>.inner{
  height: 60px;
  font-size: 1.8rem;
}
/*-------------------------------
img-layout01
-------------------------------*/
.img-layout01{
  display: flex;
  margin: 32px auto 0;
  max-width: 750px;
}
.img-layout01>.img01{
  width: 362px;
  margin-right: 32px;
}
.img-layout01>.text01{
  display: flex;
  flex: 1;
  justify-content: center;
  flex-direction: column;
}
.img-layout01 .list-notice01>.item{
  margin-top: 4px;
}
/*-------------------------------
bg-green01
-------------------------------*/
.bg-green01 {
  margin-top: 16px;
  background: #F5F9E6;
  padding: 16px 15px;
  border-radius: 8px;
}
/*-------------------------------
text-list01
-------------------------------*/
.text-list01{
  margin: 32px 0 0;
}
.text-list01:first-child{
  margin-top: 0;
}
.text-list01 li{
  position: relative;
  margin: 16px 0 0;
  padding: 0 0 0 32px;
  font-weight: bold;
  font-size: 1.8rem;
  line-height:1.1;
  color: #004831;
}
.text-list01 li:first-child{
  margin-top: 0;
}
.text-list01>li::before{
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0.2em;
  width: 14px;
  height: 14px;
  background: linear-gradient(135deg, #6E5819 -1.43%, #BFA75E 96.6%);
  transform: rotate(45deg);
}
/*-------------------------------
movie-area01
-------------------------------*/
.movie-area01{
  max-width: 620px;
  margin: 32px auto 0;
}
.movie-area01 + .hr01{
  margin: 40px 0;
}
/*-------------------------------
img-layout02
-------------------------------*/
.img-layout02{
  display: flex;
  justify-content: center;
  margin: 40px 0 0;
}
.img-layout02>.item01{
  position: relative;
  width: 229px;
}
.img-layout02>.item01:not(:first-child){
  margin-left: 28px;
}
.img-layout02>.item01:not(:first-child)::before{
  display: block;
  content: '';
  position: absolute;
  left: -20px;
  top: 55px;
  border-left: 12px solid #D8CFB5;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
/*-------------------------------
card-wrap04
-------------------------------*/
.card-wrap04{
  margin: 64px 0 0;
  display: flex;
  justify-content: center;
}
.card-wrap04>.item01{
  position: relative;
  width: 301px;
  margin: 0 0 0 16px;
  padding: 42px 28px 24px;
  background: #fff;
}
.card-wrap04>.item01:first-child{
  margin-left: 0;
}
.card-wrap04>.item01>.icon01{
  position: absolute;
  left: calc(50% - 25px);
  top: -25px;
  width: 50px;
}
.card-wrap04>.item01>.ttl01{
  font-size: 2rem;
  color: #004831;
  font-weight: bold;
  text-align: center;
}
.card-wrap04>.item01>.text01{
  margin: 16px 0 0;
}
/*-------------------------------
table-area02
-------------------------------*/
.table-area02{
  margin: 56px 0 0;
}
.table-area02>table{
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  border-spacing: 0px;
  border-collapse: separate;
  box-shadow: 0 0 8px rgba(20, 29, 29, .1);
}
.table-area02>table>tbody>tr>th{
  padding: 16px;
  border-top: 1px solid #D5DEDB;
  background: #004831;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
}
.table-area02>table>tbody>tr>td{
  padding: 16px;
  border-top: 1px solid #D5DEDB;
  background: #fff;
  font-size: 1.4rem;
}
.table-area02>table>tbody>tr:first-child>th,
.table-area02>table>tbody>tr:first-child>td{
  border-top: none;
}
/*-------------------------------
ul-list01
-------------------------------*/
.ul-list01>li{
  position: relative;
  padding-left: 20px;
  margin: 4px 0 0;
}
.ul-list01>li::before{
  display: block;
  content: '';
  position: absolute;
  top: 0.5em;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #D8CFB5;
}
/*-------------------------------
ol-list01
-------------------------------*/
.ol-list01{
  counter-reset: my-counter;
}
.ol-list01>li{
  position: relative;
  padding-left: 20px;
}
.ol-list01>li::before{
  display: flex;
  align-items: center;
  justify-content: center;
  content: counter(my-counter);
  counter-increment: my-counter;
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #C6DE78;
  font-size: 1rem;
  line-height: 1;
  color: #004831;
}
/*-------------------------------
js-acchide
-------------------------------*/
.js-acchide{
  position: relative;
  overflow: hidden;
  height: 285px;
}
.js-acchide.show{
  overflow: visible;
  height: auto;
}
/*js-accbtn*/
.js-accbtn{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.js-accbtn>a{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 240px;
  height: 48px;
  border: 1px solid #D5DEDB;
  border-radius: 50px;
  background: #fff;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: bold;
  color: #004831;
}
.js-accbtn>a::before,
.js-accbtn>a::after{
  display: block;
  content: '';
  position: absolute;
  background: #004831;
}
.js-accbtn>a::before{
  right: 50px;
  top: calc(50% - 1px);
  width: 16px;
  height: 2px;
}
.js-accbtn>a::after{
  right: 57px;
  top: calc(50% - 8px);
  width: 2px;
  height: 16px;
}
/*-------------------------------
features-wrap01
-------------------------------*/
.features-wrap01 {
  display: flex;
  margin-top: 60px;
}
.features-wrap01>.img01 {
  width: 33%;
  text-align: center;
}
.features-wrap01>.inner01 {
  width: 67%;
}
.features-wrap01>.inner01>.title01 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #004831;
  margin-bottom: 20px;
}
.hr-img {
  display: flex;
  justify-content: center;
}
.hr-img img {
  width: 100vw;
}
@media screen and (max-width: 1400px) {
  .hr-img img {
    width: 100%;
  }
}
@media screen and (max-width: 767px){
  /*-------------------------------
  reset
  -------------------------------*/
  ._sp-w213 {
    width: 213px!important;
  }
  #footer-content .footer-logo {
    padding-bottom: 120px;
  }
  /*-------------------------------
  kv-area
  -------------------------------*/
  /*-------------------------------
  bg-area01
  -------------------------------*/
  .bg-area01{
    padding: 0;
  }
  .bg-area01 .inr01{
    padding: 60px 18px 1px;
  }
  .bg-area01.-white .inr01 {
    padding-bottom: 50px;
  }
  /*-------------------------------
  ttl-wrap01
  -------------------------------*/
  .ttl-wrap01>.ttl{
    font-size: 3.0rem;
    letter-spacing: 3px;
  }
  /*-------------------------------
  text-area01
  -------------------------------*/
  .text-area01{
    margin: 24px 0 0;
  }
  /*-------------------------------
  card-wrap01
  -------------------------------*/
  .card-wrap01{
    display: block;
    margin: 24px 0 40px;
  }
  .card-wrap01>.item01{
    width: 100%;
    margin: 16px 0 0;
  }
  .card-wrap01>.item01>.inner01>.ttl01,
  .card-wrap01>.item01>.inner01>.txt01{
    display: block;
    min-height: 0;
  }
  .card-wrap01>.item01>.inner01 {
    min-height: auto;
  }
  /*-------------------------------
  table-area01
  -------------------------------*/
  .table-area01>table th{
    font-size: 1.4rem;
  }
  .table-area01>table .td01,
  .table-area01>table .td02{
    padding: 8px 15px;
    font-size: 1.2rem;
  }
  .table-area01>table .num01{
    font-size: 1.8rem;
  }
  .table-area01>table .num02{
    font-size: 2.4rem;
  }
  .table-area01>table .td02>img{
    vertical-align: -11px;
  }
  /*-------------------------------
  bg-area02
  -------------------------------*/
  .bg-area02{
    padding: 0;
    background: url(/kojin/campaign/remote_meeting2025/imgs/index_bg_01_sp.jpg);
  }
  .bg-area02>.inr01{
    padding: 60px 18px;
  }
  /*-------------------------------
  bg-area03
  -------------------------------*/
  .bg-area03{
    margin: 24px 0 0;
    padding: 34px 16px;
  }
  .bg-area03>.btn-list01 .btn-type01.-large02>.inner {
    height: 42px;
  }
  /*-------------------------------
  ttl-wrap02
  -------------------------------*/
  .ttl-wrap02>.ttl{
    font-size: 2.4rem;
  }
  .dot-img01 {
    height: 34px;
  }
  /*-------------------------------
  cv-wrap01
  -------------------------------*/
  .cv-wrap01{
    display: block;
    margin: 24px 0 0;
  }
  .cv-wrap01>.item01{
    width: 100%;
    margin: 40px 0 0;
  }
  .cv-wrap01>.item01:first-child{
    margin-top: 0;
  }
  .cv-wrap01 .btn-list01{
    margin-top: 16px;
  }
  .cv-wrap01 .btn-list01>.item{
    margin-top: 0!important;
  }
  .cv-wrap01 .btn-type01{
    width: 100%;
  }
  /*-------------------------------
  hr01
  -------------------------------*/
  .hr01{
    margin: 32px 0;
  }
  /*-------------------------------
  card-wrap02
  -------------------------------*/
  .card-wrap02{
    padding: 40px 18px;
  }
  .card-wrap02>.card-ttl01{
    font-size: 2.4rem;
  }
  .card-wrap02>.item01{
    position: relative;
    padding: 28px 16px 28px;
    margin: 32px 0 0;
  }
  .card-wrap02>.item01>.icon01{
    padding: 6px 2px 10px;
    left: -14px;
    top: -14px;
    background-size: 100%;
    text-align: center;
    width: 54px;
    height: 61px;
  }
  .card-wrap02>.item01>.icon01>em{
    width: 24px;
    font-size: 2.4rem;
    margin: 5px auto 0;
  }
  .card-wrap02>.item01>.ttl01{
    font-size: 2.0rem;
  }
  .card-wrap02>.item01>.ttl01>span{
    font-size: 2.6rem;
    vertical-align: -6px;
  }
  .card-wrap02>.item01>.ttl02{
    margin: 16px auto 0;
    font-size: 1.8rem;
    padding: 8px;
    line-height: 26px;
  }
  .card-wrap02>.item01>.ttl03 {
    position: relative;
    margin: 28px 0 0;
  }
  .card-wrap02.-topballoon {
    padding: 47px 16px 32px;
  }
  /*-------------------------------
  card-wrap03
  -------------------------------*/
  .card-wrap03{
    display: block;
  }
  .card-wrap03>.item01{
    margin: 16px 0 0;
    width: 100%;
  }
  .card-wrap03>.item01>dd {
    padding: 16px;
  }
  .card-wrap03>.item01>dd>.text01 {
    min-height: auto;
  }
  /*-------------------------------
  btn-type01.-large02
  -------------------------------*/
  .btn-type01.-large02{
    width: 100%;
  }
  .btn-type01.-large02>.inner {
    font-size: 1.6rem;
  }
  /*-------------------------------
  img-layout01
  -------------------------------*/
  .img-layout01{
    display: block;
    margin: 24px auto 0;
  }
  .img-layout01>.img01{
    width: auto;
    margin-right: 0;
  }
  .img-layout01>.text01{
    display: block;
    margin: 16px 0 0;
  }
  /*-------------------------------
  movie-area01
  -------------------------------*/
  .movie-area01{
    margin: 34px auto 0;
  }
  /*-------------------------------
  img-layout02
  -------------------------------*/
  .img-layout02{
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
  }
  .img-layout02>.item01{
    min-width: 229px;
  }
  /*-------------------------------
  card-wrap04
  -------------------------------*/
  .card-wrap04{
    display: block;
    margin: 56px 0 0;
  }
  .card-wrap04>.item01{
    width: 100%;
    margin: 37px 0 0;
    padding: 42px 28px 24px;
  }
  .card-wrap04>.item01:first-child{
    margin: 0;
  }
  .card-wrap04>.item01>.ttl01{
    font-size: 1.8rem;
  }
  /*-------------------------------
  table-area02
  -------------------------------*/
  .table-area02{
    margin: 24px 18px 0;
  }
  .table-area02>table,
  .table-area02>table>tbody>tr,
  .table-area02>table>tbody>tr>th,
  .table-area02>table>tbody>tr>td{
    display: block;
  }
  /*-------------------------------
  js-acchide
  -------------------------------*/
  .js-acchide{
    height: 324px;
  }
  .js-accbtn>a{
    width: 140px;
    padding-right: 16px;
    height: 48px;
  }
  .js-accbtn>a::before{
    right: 16px;
  }
  .js-accbtn>a::after{
    right: 23px;
  }
  /*-------------------------------
  lable01
  -------------------------------*/
  .label01>.title01 {
    font-size: 1.8rem;
  }
  /*-------------------------------
  bg-area04
  -------------------------------*/
  .bg-area04>.text01 {
    font-size: 2.0rem;
  }
  .bg-area04>.text02 {
    font-size: 1.2rem;
  }
  /*-------------------------------
  bg-area05
  -------------------------------*/
  .bg-area05 {
    flex-flow: column;
  }
  .bg-area05>.left {
    width: 100%;
    border-radius: 8px 8px 0 0;
    padding: 20px 12px;
  }
  .bg-area05>.left>.text01 {
    margin-left: 0;
    text-align: center;
  }
  .bg-area05>.left::after {
    top: 100%;
    transform: translateY(0%);
    transform: translateX(-50%);
    left: 50%;
    clip-path: polygon(50% 16%, 0 0, 100% 0);
    -webkit-clip-path: polygon(50% 16%, 0 0, 100% 0);
  }
  .bg-area05>.right {
    width: 100%;
    border-radius: 0 0 8px 8px;
    padding: 50px 12px 20px;
  }
  .bg-area05>.right::after {
    content: none;
  }
  .bg-area05.-small {
    min-height: auto;
  }
  .bg-area05.-small>.left {
    width: 100%;
  }
  .bg-area05.-small>.right {
    width: 100%;
    padding: 33px 12px 20px;
  }
  .bg-area05.-small>.right .btn-type01>.inner {
    min-height: 66px;
  }
  .bg-area05.-small>.left::before {
    content: none;
  }
  /*-------------------------------
  features-wrap01
  -------------------------------*/
  .features-wrap01 {
    flex-flow: column;
    margin-top: 40px;
  }
  .features-wrap01>.img01 {
    width: 100%;
  }
  .features-wrap01>.inner01 {
    width: 100%;
  }
  .features-wrap01>.inner01>.title01 {
    text-align: center;
  }
}
@media screen and (max-width: 374px){
  .card-wrap01>.item01>.inner01>.ttl01 {
    font-size: 2.0rem;
  }
  .table-area01>table .th01 {
    padding: 8px;
  }
  .table-area01>table .td01,
  .table-area01>table .td02 {
    padding: 8px;
    font-size: 1.0rem;
  }
  .table-area01>table .num01 {
    font-size: 1.6rem;
  }
  .table-area01>table .num02 {
    font-size: 2.0rem;
  }
  .bl-text01>p {
    padding: 8px;
  }
  .bg-area03 {
    padding: 34px 9px;
  }
  .card-wrap02 {
    padding: 40px 9px;
  }
  .card-wrap02>.item01 {
    padding: 56px 9px 28px;
  }
  .card-wrap01>.item01>.icon01{
    width: 15%;
    height: 15%;
    font-size: 3vw;
  }
  .card-wrap01>.item01>.icon01>em {
    font-size: 6vw;
  }
}