@charset "UTF-8";

/******************************
pagesec-volunteer
******************************/
.pagesec-volunteer .ttlbox2 .ob{
  aspect-ratio: 117/83;
  background: url(../../images/ob/cat5.svg) no-repeat center / contain;
  position: absolute;
  top: -6rem;
  right: 0;
  width: 85px;
}
.pagesec-volunteer .first {
  margin-bottom: 8rem;
}
.pagesec-volunteer .first .ttlbox1 .ttl {
  line-height: 1.2;
}
.pagesec-volunteer .first ul{
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin: 0 auto;
  max-width: 680px;
}
.pagesec-volunteer .first .circle::before{
  color: #DE7920;
}
.pagesec-volunteer .conditions{
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.pagesec-volunteer .conditions > div > dt{
  border-bottom: 4px dotted #fec490;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1rem;
  padding: 0 0 .5rem 3rem;
  position: relative;
}
.pagesec-volunteer .conditions > div > dt::before{
  content: "";
  aspect-ratio: 40 / 31;
  background: url(../../images/common/nikukyu_orange.svg) no-repeat center / contain;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 20px;
}

@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-volunteer .conditions > div > dt{
    font-size: 1.8rem;
  }
}

/******************************
pagesec-form
******************************/
.pagesec-form .ttlbox2 .ob{
  aspect-ratio: 335/227;
  background: url(../../images/ob/cat6.svg) no-repeat center / contain;
  position: absolute;
  top: -6rem;
  right: 0;
  width: 100px;
}
.pagesec-form .onegai,
.pagesec-form .kakunin{
  margin: 3rem 0;
}
.pagesec-form .kakunin{
  border: 2px dashed #DE7920;
}
.pagesec-form .onegai .ttl{
  background: #DE7920;
  color: #fff;
  font-size: 2rem;
  padding: .5rem 1rem;
}
.pagesec-form .onegai .txtbox{
  border: 2px solid #DE7920;
  padding: .5rem 1.5rem 1.5rem;
}
.pagesec-form .kakunin .ttl{
  border: 2px solid #DE7920;
  color: #DE7920;
  display: inline-block;
  font-size: 1.8rem;
  padding: .5rem 1rem;
  position: relative;
  top: -2px;
  left: -2px;
}
.pagesec-form .kakunin .txtbox{
  padding: .5rem 1.5rem 1.5rem;
}

.pagesec-form .formtbl .fomttl {
  background: #fff6ef;
}
.pagesec-form .formtbl .fomttl ,
.pagesec-form .formtbl .fomcontent{
  width: 100%;
}
.pagesec-form .formtbl .formbox {
  margin: 1rem auto;
}


@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .pagesec-form .onegai .ttl{
    font-size: 1.8rem;
  }
  .pagesec-form .kakunin {
    border: none;
  }
  .pagesec-form .kakunin .ttl{
    display: block;
    font-size: 1.6rem;
    position: static;
  }
  .pagesec-form .kakunin .txtbox{
    border: 2px dashed #DE7920;
    border-top: none;
  }
}