main h2,
main h3 {
  text-align: center;
  color: #ef8f81;
}

@media screen and (max-width: 480px) {
  main h2,
  main h3 {
    font-size: 1.5rem;
  }
}
main .wave {
  margin: -2.5rem auto;
  position: relative;
  z-index: 15;
}
@media screen and (max-width: 480px) {
  main .wave {
    margin: -1rem auto;
  }
}
main .wave .wave-deco {
  width: 25%;
  position: absolute;
  top: -90px;
  right: 20px;
}
main .to-top {
  position: fixed;
  right: 2%;
  top: 90%;
  z-index: 1000;
  background: rgba(153, 153, 153, 0.6);
  border-radius: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
main .to-top div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
}
main .to-top div span {
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 17px;
  transform: scaleX(120%);
}
main #page-hero {
  margin-top: 0rem;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
  background-color: #fffbf1;
}
.bread-crumb {
  position: absolute;
  top: 8rem;
  left: 3rem;
}
@media screen and (max-width: 480px) {
  .bread-crumb {
    top: 8rem;
    left: 1rem;
  }
}
.bread-crumb p {
  font-size: 1rem;
}
.bread-crumb p a {
  text-decoration: none;
}
.bread-crumb p a b {
  color: #ef8f81;
  font-weight: normal;
}
main #page-hero .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 1440px;
  position: relative;
}
@media screen and (max-width: 960px) {
  main #page-hero .container {
    width: 100%;
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 480px) {
  main #page-hero .container {
    width: 100%;
  }
}
main #page-hero .container h2 {
  color: #ef8f81;
  font-size: 3.5rem;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 960px) {
  main #page-hero .container h2 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 480px) {
  main #page-hero .container h2 {
    font-size: 2rem;
  }
}
main #page-hero .container img {
  width: auto;
  height: 1rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 480px) {
  main #page-hero .container img {
    height: 0.8rem;
  }
}
main #page-hero .container p {
  width: 100%;
  font-size: 1rem;
}
@media screen and (max-width: 480px) {
  main #page-hero .container p {
    font-size: 0.8rem;
  }
  
}

main #about {
  padding: 5rem 0;
  background-image: url("/wp-content/themes/recruit/image/top/symbol.png");
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: 1rem 2rem;
}
main #about .container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 960px) {
  main #about .container {
    flex-direction: column;
  }
}
main #about .container div {
  width: 100%;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: left;
}
@media screen and (max-width:480px) {
  main #about .container div{
    padding: 1rem;
  }
}

main #about .container div h3 {
  text-align: left;
  color: #000;
}
main #about .container div p {
  text-align: left;
  font-size: 1.1rem;
}
main #feature {
  justify-content: center;
  align-items: center;
  padding: 5rem 0 10rem;
  text-align: left;
}
main #feature h3 {
  color: #ef8f81;
  margin-bottom: 5rem;
}
@media screen and (max-width:480px) {
  main #feature h3 {
  margin-bottom: 0rem;
}
}
main #feature .img-right {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 960px) {
  main #feature .img-right {
    flex-direction: column;
  }
}
main #feature .img-right .text-block {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5rem 2rem 5rem 5rem;
  gap: 2rem;
}
@media screen and (max-width: 480px) {
  main #feature .img-right .text-block {
    padding: 5rem 2rem;
  }
}
main #feature .img-right .text-block div {
  width: 100%;
  display: flex;
  flex-direction: column;
}

main #feature .img-right .text-block div h4 {
  font-size: 1.5rem;
}

main #feature h4 {
    background-image: radial-gradient(circle, #cccccc 2px, transparent 2px);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 16px 4px;
    line-height: 3;
    margin-bottom: 20px;
}

main #feature .img-right .text-block div p {
  font-size: 1.1rem;
}
main #feature .img-right .text-block img {
  width: 8rem;
}
main #feature .img-right .text-block .flag-img{
  width: 5rem;
}
@media screen and (max-width: 960px) {
  main #feature .img-right p {
    display: flex;
    justify-content: right;
  }
}
@media screen and (max-width: 960px) {
  main #feature .img-right p img {
    width: 60%;
    margin: -3rem 0 3rem;
  }
}
main #feature .img-left {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 960px) {
  main #feature .img-left {
    flex-direction: column-reverse;
  }
}
main #feature .img-left .text-block {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5rem 2rem 5rem 5rem;
  gap: 2rem;
}
@media screen and (max-width: 480px) {
  main #feature .img-left .text-block {
    padding: 5rem 2rem;
  }
}
main #feature .img-left .text-block div {
  width: 100%;
  display: flex;
  flex-direction: column;
}
main #feature .img-left .text-block div h4 {
  font-size: 1.5rem;
}

main #feature .img-left .text-block div p {
  font-size: 1.1rem;
}
main #feature .img-left .text-block img {
  width: 8rem;
}
@media screen and (max-width: 960px) {
  main #feature .img-left p {
    display: flex;
    justify-content: left;
  }
}
@media screen and (max-width: 960px) {
  main #feature .img-left p img {
    width: 60%;
    margin: -3rem 0 3rem;
  }
}
main #point {
  justify-content: center;
  align-items: center;
  background-color: #fffbf1;
  padding: 7.5rem 0 15rem;
  background-image: url("/wp-content/themes/recruit/image/top/symbol.png");
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: right -2rem bottom 0rem;
  text-align: left;
}
main #point h3 {
  color: #ef8f81;
  margin: 2rem auto;
}
main #point .p-block {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 85%;
  margin: 3rem auto;
  gap: 1.5rem;
}
@media screen and (max-width: 960px) {
  main #point .p-block {
    flex-direction: column;
  }
}
main #point .p-block .p-left {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
}
main #point .p-block .p-left img {
  width: 10rem;
}
@media screen and (max-width: 480px) {
  main #point .p-block .p-left img {
    width: 7rem;
  }
}
main #point .p-block .p-left div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  width: 30vw;
  gap: 1rem;
}
@media screen and (max-width: 960px) {
  main #point .p-block .p-left div {
    width: 80vw;
  }
}
main #point .p-block .p-left div h4 {
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  main #point .p-block .p-left div h4 {
    font-size: 1rem;
  }
}
main #point .p-block .p-left div p {
  font-size: 1.1rem;
}
@media screen and (max-width: 480px) {
  main #point .p-block .p-left div p {
    font-size: 0.9rem;
  }
}
main #point .p-block .p-left div img {
  width: 5rem;
}
@media screen and (max-width: 960px) {
  main #point .p-block p {
    display: flex;
    justify-content: center;
  }
}
main #point .p-block p img {
  width: 40vw;
  min-width: 350px;
}
@media screen and (max-width: 960px) {
  main #point .p-block p img {
    width: 70vw;
    margin: auto;
  }
}
main #jobs {
  background-color: #fffbf1;
  padding: 5rem 0;
}
main #jobs .jobs-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  margin: 5rem auto;
}
main #jobs .jobs-list li {
  width: 40%;
  min-width: 300px;
  background-color: #fff;
  border-radius: 25px;
}
main #jobs .jobs-list li div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem 2rem;
  gap: 0.5rem;
  text-align: left;
}
main #jobs .jobs-list li div h4 {
  font-size: 1.4rem;
}
main #jobs .jobs-list li div p {
  font-size: 1.1rem;
}
main #jobs .jobs-list .dummy {
  background-color: rgba(0, 0, 0, 0);
}
main #service {
  background-image: url("/wp-content/themes/recruit/image/top/symbol.png");
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: 65rem 50rem;
  padding: 5rem 0;
}
main #service .container {
  width: 80%;
  margin: 0 auto;
  text-align: left;
}
main #service .container .service-list {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  gap: 2rem;
}
main #service .container .service-list li {
  width: 30%;
  min-width: 300px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border: #9e83b0 solid 1px;
  box-shadow: #9e83b0 5px 5px 0;
}
main #service .container .service-list li h4 {
  color: #9e83b0;
}
main #service .container .service-list li div {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  gap: 1.5rem;
}
main #service .container .service-list li div p {
  font-size: 1rem;
}
main #service .container .service-list li div img {
  width: 35%;
}
main #service .container .caption {
  width: 95%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2rem 3rem 1rem 2rem;
  margin: 3.5rem auto;
  gap: 2rem;
  background-color: rgba(237, 237, 237, 0.4);
}
@media screen and (max-width: 960px) {
  main #service .container .caption {
    flex-direction: column;
    width: 100%;
    padding: 1rem;
  }
}
main #service .container .caption div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
main #service .container .caption div h4 {
  width: 100%;
  text-align: left;
}
main #service .container .caption div p {
  font-size: 0.9rem;
  line-height: 1.5;
  padding: 1rem 0;
}
main #service .container .caption img {
  width: 15%;
  height: auto;
}
@media screen and (max-width: 960px) {
  main #service .container .caption img {
    width: 50%;
    margin: -2rem auto 3rem;
  }
}
main #staff {
  padding: 5rem 0;
  margin-bottom: -3rem;
}
main #staff .container .staff-link {
  margin-top: 5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
main #staff .container .staff-link li {
  width: 20%;
}
@media screen and (max-width: 480px) {
  main #staff .container .staff-link li {
    width: 40%;
  }
}
main #interview {
  padding: 5rem 0;
  background-image: url("/wp-content/themes/recruit/image/top/two-symbols.png");
  background-size: 23%;
  background-repeat: no-repeat;
  background-position: right -2rem bottom 1rem;
}
main #interview .container {
  width: 70%;
}
@media screen and (max-width: 960px) {
  main #interview .container {
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  main #interview .container {
    width: 100%;
  }
}
main #interview .container .interview-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 130px;
  margin-top: -130px;
}
main #interview .container .interview-content .about-right {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 480px) {
  main #interview .container .interview-content .about-right {
    gap: 1rem;
    flex-direction: column-reverse;
  }
}
main #interview .container .interview-content .about-right div h3 {
  text-align: left;
  color: #000;
}
@media screen and (max-width: 480px) {
  main #interview .container .interview-content .about-right div h3 {
    font-size: 1rem;
  }
}
main #interview .container .interview-content .about-right div span {
  display: block;
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 480px) {
  main #interview .container .interview-content .about-right div span {
    font-size: 0.6rem;
  }
}
main #interview .container .interview-content .about-right img {
  width: 40%;
}
@media screen and (max-width:480px) {
  main #interview .container .interview-content .about-right img{
    width: 90%;
  }
}
main #interview .container .interview-content .about-left {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 480px) {
  main #interview .container .interview-content .about-left {
    gap: 1rem;
    flex-direction: column-reverse;
  }
}
main #interview .container .interview-content .about-left div h3 {
  text-align: left;
  color: #000;
}
@media screen and (max-width: 480px) {
  main #interview .container .interview-content .about-left div h3 {
    font-size: 1rem;
  }
}
main #interview .container .interview-content .about-left div span {
  display: block;
  width: 100%;
  text-align: right;
}
@media screen and (max-width: 480px) {
  main #interview .container .interview-content .about-left div span {
    font-size: 0.6rem;
  }
}
main #interview .container .interview-content .about-left img {
  width: 40%;
}
@media screen and (max-width:480px) {
  main #interview .container .interview-content .about-left img {
    width: 90%;
  }
}
main #interview .container .interview-content .qa {
  width: 90%;
  margin-top: 3rem;
  text-align: left;
}
main #interview .container .interview-content .qa li {
  margin-bottom: 3rem;
}
main #interview .container .interview-content .qa li h4 {
  color: #ef8f81;
  font-size: 1.5rem;
}
@media screen and (max-width: 480px) {
  main #interview .container .interview-content .qa li h4 {
    font-size: 1rem;
  }
}
main #interview .container .interview-content .qa li hr {
  margin: 0.5rem 0;
}
main #interview .container .interview-content .qa li p {
  font-size: 1.1rem;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  main #interview .container .interview-content .qa li p {
    font-size: 0.8rem;
  }
}
main #interview .container .interview-content .deco {
  width: 15%;
  margin-bottom: 2rem;
}
main #support {
  background-image: url("/wp-content/themes/recruit/image/top/symbol.png");
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: right -2rem bottom 5rem;
  margin-bottom: 5rem;
}
main #support .container {
  width: 70%;
}
@media screen and (max-width: 960px) {
  main #support .container {
    width: 100%;
  }
}
main #support .container h3 {
  padding: 2.5rem 0;
}
main #support .container ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}
main #support .container ul li {
  width: 30%;
  min-width: 300px;
  background-color: #fff;
  border: #ef8f81 1px solid;
  padding: 1rem;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
main #support .container ul li h4 {
  color: #ef8f81;
  padding: 1rem;
}
main #support .container ul li hr {
  width: 100%;
}
main #support .container ul li p {
  padding: 1rem 0;
  font-size: 0.9rem;
  text-align: left;
  line-height: 1.5;
}
main #support .container ul li img {
  border-radius: 10px;
}
main #faq {
  background-color: #FFFBF1;
  padding-top: 0;
  margin-top: -10rem;
}
main #faq .container{
  padding: 0 1.5rem 2rem;
}
main #faq .container .faq-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  margin: 5rem auto 10rem;
}
main #faq .container .faq-list li {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 3rem 5rem;
  border-radius: 30px;
}
@media screen and (max-width: 960px) {
  main #faq .container .faq-list li {
    padding: 1.5rem;
  }
}
main #faq .container .faq-list li h4 {
  text-align: left;
  font-size: 1.3rem;
  color: #ef8f81;
}
main #faq .container .faq-list li hr {
  width: 100%;
  margin: 1rem auto;
  border: #ef8f81 1px solid;
}
main #faq .container .faq-list li p {
  font-size: 1rem;
  text-align: left;
}
main #faq .container .faq-list li p a {
  width: auto;
  display: flex;
  justify-content: left;
  align-items: center;
	color: #515E8D;
}
@media screen and (max-width:480px) {
  main #faq .container .faq-list li p a{
    font-size: 0.8rem;
    word-break: break-word;
  }
}
main #contact {
  background-color: #FFFBF1;
}

#contact-form{
  width: 90%;
  min-width: 370px;
  padding: 3rem 2rem;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 25px;
}

@media screen and (max-width:480px) {
  #contact-form{
    padding: 2rem 1rem;
  }
}

#contact-form ::placeholder{
  color: #C0C0C0;
  font-weight: 100;
}
#contact-form textarea::placeholder{
  font-weight: normal;
}

#contact-form input,textarea,select{
  border: solid #EAEAEA 1.5px;
  border-radius: 5px;
}

#contact-form form{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
  gap: 2rem;
}

#contact-form .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

@media screen and (max-width:960px) {
#contact-form .form-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
}

#contact-form .form-group p{
  display: contents;
}

#contact-form .how-contact {
  display: flex;
  flex-direction: row;
  align-items: start;
}
#contact-form .how-contact .form-name {
  align-items: baseline;
}
@media screen and (max-width:960px) {
  #contact-form .how-contact{
    flex-direction: column;
    align-items: center;
  }
}
#contact-form .form-group .form-name {
  width: 30%;
  font-size: clamp(8px,1vw,16px);
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 1rem;
  align-items: baseline;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .form-name {
  width: 100%;
  font-size: 0.8rem;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: start;
  padding: 0 1rem;
  margin-bottom: 0.5rem;
}
}
#contact-form .form-group .form-name span{
  background-color: #EE887A;
  padding: 0 0.5rem;
  color: #fff;
  border-radius: 5px;
  height: 100%;
  font-size: 0.7rem;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .form-name span{
    margin-left: 0.5rem;
  }
}
#contact-form .form-group .name-fields{
  width: 69.5%;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .name-fields{
  width: 95%;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
}
#contact-form .form-group .name-fields input{
  width: 100%;
  padding: 0.75rem 1rem;
}

.wpcf7-form-control-wrap{
  position: static;
}

#contact-form .form-group .address-fields{
  width: 70%;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .address-fields{
  width: 95%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
}

.address-fields .wpcf7-form-control-wrap{
  position: static;
  width: 100%;
}

#contact-form .form-group .address-fields .post-cd{
  width: 100%;
  padding: 0.75rem 0.75rem 0.75rem 2rem;
}
#contact-form .form-group .address-fields .address{
  width: 100%;
  padding: 0.75rem 1rem;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .address-fields .address{
  width: 100%;
  padding: 0.75rem 1rem;
}
}

.zipcode-wrapper {
  width: 25%;
  position: relative;
  display: inline-block;
}
@media screen and (max-width:960px) {
  .zipcode-wrapper{
    width: 100%;
  }
}



#contact-form .zipcode-wrapper p{
  display: flex;
}

.zipcode-wrapper .postal-mark {
  position: absolute;
  left: 10px;
  top: 60%;
  transform: translateY(-50%);
  color: #EE887A;
  font-size: 16px;
  pointer-events: none;
}

.zipcode-wrapper input.post-cd {
  padding-left: 24px; /* 「〒」の分だけ余白を確保 */
}

#contact-form .form-group .input-block{
  width: 70%;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .input-block{
  width: 100%;
}
}
#contact-form .form-group .input-block input{
  width: 100%;
  padding: 0.75rem 1rem;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .input-block input{
  width: 96%;
}
}
#contact-form .form-group .contact-block{
  width: 70%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .contact-block{
    width: 95%;

  }
}

#contact-form .form-group .checkbox-group{
  width: 70%;
  display: flex;
  justify-content: start;
  gap: 1rem;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .checkbox-group{
    width: 94%;
    display: flex;
    flex-direction: column;
  }
}

.checkbox-group .wpcf7-list-item {
  margin: 0;
}
.checkbox-group .wpcf7-form-control-wrap{
  line-height: normal;
}


#contact-form .form-group .checkbox-group p br{
  display: none;
}

#contact-form .form-group .checkbox-group label{
  display: flex;
  align-items: center;
  font-size: 0.8rem;
}
#contact-form .form-group .checkbox-group input{
  width: 20px;
  height: 20px;
  margin: 0 0.5rem 0 0.25rem;
}


#contact-form .form-group .contact-block .checkbox-group{
  margin: 0;
}
@media screen and (max-width:480px) {
  #contact-form .form-group .contact-block .checkbox-group{
    display: flex;
    flex-direction: column;
  }
}
#contact-form .form-group .contact-block .contact-time{
  width: 100%;
  padding: 0.75rem 1rem;
}



/* チェックボックスの見た目をカスタム */
.checkbox-group input[type="checkbox"] {
  appearance: none; /* デフォルトの四角を消す（Safariも対応） */
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #999;
  border-radius: 4px;
  margin-right: 8px;
  position: relative;
  vertical-align: middle;
  background-color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
}

/* チェック時の背景をピンクに */
.checkbox-group input[type="checkbox"]:checked {
  background-color: #EE887A;
  border-color: #EE887A;
}

/* チェックマークを描く（必要であれば） */
.checkbox-group input[type="checkbox"]::after {
  content: '';
  display: block;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2.5px 2.5px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 2.5px;
  left: 6px;
  opacity: 0;
}

.checkbox-group input[type="checkbox"]:checked::after {
  opacity: 1;
}

@media screen and (max-width:960px) {
  .checkbox-group .wpcf7-checkbox{
    display: flex;
    flex-direction: column;
  }
}




#contact-form .form-group .txarea{
  width: 70%;
}
@media screen and (max-width:960px) {
  #contact-form .form-group .txarea{
    width: 94%;
  }
}
#contact-form .form-group textarea{
  width: 100%;
  padding: 0.5rem;
  resize: none;
}
#contact-form .caution{
  font-size: 0.8rem;
  width: 70%;
  margin: -0.6rem auto;
}
@media screen and (max-width:480px) {
  #contact-form .caution{
  width: 80%;
}
}
#contact-form .caution a{
  display: inline-flex;
  text-align: center;
  color: #1558D6;
}
#contact-form .caution a .regi{
  width: 20px;
  height: 20px;
}

.form-group button {
  color: white;
  background-color:#EE887A;
  padding: 0.75rem 4.25rem;
  border-radius: 25px;
  border: none;
  font-size: 1.1rem;
  margin: 1rem auto;
}

.wpcf7-not-valid-tip{
  font-size: 12px;
  position: absolute;
}

@media screen and (max-width: 960px) {
  main #contact {
    margin-top: -10rem;
  }


}
main #contact .container {
  margin-bottom: 5rem;
  padding-top: 0;
}
@media screen and (max-width:480px) {
  main #contact .container {
  padding: 0 0.5rem;
}
}
main #contact .container a .line-bunner {
  width: 60%;
  margin-bottom: 5rem;
}
@media screen and (max-width: 480px) {
  main #contact .container a .line-bunner {
    width: 100%;
  }
}/*# sourceMappingURL=under-layer.css.map */

.er-top{
  padding: 1rem 2.5rem;
  background-color: #EE887A;
  border-radius: 20px;
  color: #fff;
  margin-top: 2rem;
}

.notfound{
  margin: 5rem auto;
}

.error-page{
  background-image: url("/wp-content/themes/recruit/image/top/symbol.png");
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: right -2rem bottom -2rem;
}

.error-page .container{
  margin-bottom: 5rem;
}