@charset "UTF-8";

.p-header--consultation .p-header__inner {
  max-width: 60%;
  margin-inline: auto;
}

@media screen and (max-width: 1280px) {

.p-header--consultation .p-header__inner {
  max-width: 70%;
  
}
}

@media screen and (max-width: 1024px) {

.p-header--consultation .p-header__inner {
  max-width: none;
  
}
}

.p-header--consultation .p-header__logo {
  width: 88px;
  height: 17px;
}

.p-consultation__fv {
padding-top: 74px;
background-color: #fff;
text-align: center;

}

/* @media screen and (max-width: 767px) {
  
.p-consultation__fv{
padding-left: 20px;
padding-right: 20px;
}

} */



.p-consultation__title {
color: #009e3d;
font-size: 72px;
font-weight: bold;
}

@media screen and (max-width: 767px) {

.p-consultation__title {
font-size: 46px;
}

}

@media screen and (max-width: 365px) {

.p-consultation__title {
font-size: 40px;
}

}

.p-consultation__sub {
background-color: #231815;
border-radius: 100vmax;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 24px; /*仮り */
margin-top: 12px;
height: 57px;
max-width: 527px;
width: 100%;
margin-inline: auto;
}

@media screen and (max-width: 767px) {
  
.p-consultation__sub{
font-size: 20px;
width: calc(100% - 40px);
margin-inline: auto;
height: 52px;
}

}

.p-consultation__image {
width: 100%;
aspect-ratio: 1400 / 290;
}



.p-consultation-second {
  color: #231815;
padding-top: 60px;
}

@media screen and (max-width: 767px) {

  .p-consultation-second {
  padding-top: 30px;
}
}

.p-consultation-second__inner {
max-width: 664px;
box-sizing: content-box;
padding: 0 20px;
margin-inline: auto;
position: relative;
}

.p-consultation-second__inner::before {
  content: '';
  position: absolute;
  background: url(../img/form_logo.png) no-repeat center / contain;
  aspect-ratio: 243 / 228;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -10;
  max-width: 243px;
 top: 178px;
}

.p-consultation-second__desc {
line-height: 1.75;
font-size: 16px;
}

.p-consultation-second__ttl {
font-size: 24px;
margin-top: 42px;
line-height: 1.75;
text-align: center;
}

@media screen and (max-width: 767px) {

  .p-consultation-second__ttl {
font-size: 20px;
}
}

.p-consultation-second__image {
max-width: 438px;
width: 100%;
margin-inline: auto;
margin-top: 65px;
}

@media screen and (max-width: 767px) {

 .p-consultation-second__image {
margin-top: 30px;
}
}

.p-consultation-second__flex {
display: flex;
margin-top: 49px;
width: fit-content;
margin-inline: auto;
align-items: flex-start;
}

@media screen and (max-width: 767px) {

 .p-consultation-second__flex {
display: block;
margin-top: 35px;
width: 100%;
}
}

.p-consultation-second__circle {
width: 100px;
height: 100px;
border-radius: 100vmax;
align-content: center;
}

@media screen and (max-width: 767px) {

 .p-consultation-second__circle {
margin-inline: auto;

}
}

.p-consultation-second__right {
color: #ff333f;
font-size: 20px;
font-weight: bold;
background-color: #f5f5f5;
border-radius: 12px;
margin-left: 19px;
display: flex;
align-items: center;
padding-left: 20px;
max-width: 359px;
width: 100%;
padding-block: 32.5px;
}

@media screen and (max-width: 767px) {

 .p-consultation-second__right {
margin-left: 0;
margin-top: 15px;
font-size: 17px;
padding-left: 10px;
padding-right: 10px;
justify-content: center;
text-align: center;
margin-inline: auto;
}
}

.p-consultation-second__btn {
max-width: 354px;
margin-inline: auto;
width: 100%;
height: 81px;
border-radius: 100vmax;
background-color: #fff;
color: #3f3f3f;
border: 2px solid #3f3f3f;
font-size: 24px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-top: 42px;
transition: all .3s ease;
}

@media screen and (min-width: 769px) {
.p-consultation-second__btn:hover {
  background-color: #3f3f3f;
  color: #fff;
}

}

.p-consultation-second__btn::before {
  content: '';
  background: url(../img/bottom_arrow.png) no-repeat center / contain;
  width: 19px;
  height: 25px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 35px;
  transition: all .3s ease;
}

@media screen and (min-width: 769px) {
.p-consultation-second__btn:hover::before {
  background: url(../img/arrow_white.png) no-repeat center / contain;
}

}

.p-consultation-second__box {
background-color: #f5f5f5;
border-radius: 6px;
margin-top: 58px;
max-width: 488px;
margin-inline: auto;
padding-inline: 28px;
padding-block: 17px;
}

.p-consultation-second__box h3 {
  color: #3f3f3f;
font-size: 18px;
font-weight: bold;
}
.p-consultation-second__box p {
  margin-top: 18px;
color: #666;
font-size: 14px;
line-height: 1.75;
}

.p-consultation-second__title {
margin-top: 68px;
font-size: 36px;
font-weight: bold;
text-align: center;
color: #3f3f3f;
}

.p-consultation-second__flows {
margin-top: 68px;
max-width: 456px;
width: 100%;
margin-inline: auto;
}

.p-consultations-second__plus {
  color: #7f7f7f;
  font-size: 14px;
  line-height: 1.75;
  max-width: 456px;
width: 100%;
margin-inline: auto;
margin-top: 28px;
}

/* フォーム */

.p-entry {
padding-top: 120px;
padding-bottom: 107px;
}

@media screen and (max-width: 767px) {

  .p-entry {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
    padding-bottom: 45px;
  }
}

.p-entry__box {
border: 6px solid #009e3d;
border-radius: 12px;
max-width: 710px;
width: 100%;
margin-inline: auto;
padding-top: 40px;
padding-inline: 20px;
}

@media screen and (max-width: 767px) {

  .p-entry__box  {
    max-width: none;
   
  }
}

.p-entry__heads {
display: flex;
align-items: flex-start;
max-width: 483px;
width: 100%;
margin-inline: auto;
}

@media screen and (max-width: 767px) {

  .p-entry__heads  {
    display: block;
    max-width: none;
   
  }
}

.p-entry__circle {
width: 100px;
height: 100px;
border-radius: 100vmax;
}

@media screen and (max-width: 767px) {

  .p-entry__circle  {
 margin-inline: auto;
   
  }
}

.p-entry__circle img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  aspect-ratio: 1 / 1;
}

.p-entry__message {
margin-left: 23px;
font-weight: bold;
font-size: 18px;
color: #ff333f;
background-color: #f5f5f5;
    border-radius: 12px;
    max-width: 359px;
    width: 100%;
    padding-left: 20px;
    padding-block: 16px;
    line-height: 1.75;
    padding-right: 10px;
}

@media screen and (max-width: 767px) {

  .p-entry__message  {
 font-size: 17px;
   margin-top: 15px;
   padding-left: 10px;
   padding-right: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: 0;
   border-radius: 8px;
   margin-inline: auto;
  }
}

@media screen and (max-width: 399px) {

  .p-entry__message  {
 font-size: 16px;
  }
}

.p-entry__container {

}

.p-entry__wraps {

}

.p-entry__wraps:first-of-type{
  margin-top: 39px;
}

.p-entry__wraps:nth-of-type(n + 2) {
  margin-top: 28px;
}

.p-entry__top {

  
}


.p-entry__top span {
  color: #ff333f;
}

.p-entry__bottom {
height: 47px;
margin-top: 8px;
}

.p-entry__bottom.select {
  width: 153px;

}

.select {
  position: relative;
}

.select::before {
  position: absolute;
  content: '';
  background: url(../img/select_arrow_bottom.png) no-repeat center / contain;
  width: 8px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  z-index: 10;
}




.p-entry__bottom.textarea {
  height: 186px;

}

.input-text2 {
  
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: none;
	border: 1px solid #cfcfcf;
	color: inherit;
	font-family: inherit;
	font-size: 1em;
	padding: 0.4em 0.8em;
	width: 100%;
  height: 100%;
  border-radius: 8px;
}

.input-text2::placeholder {
  color: #bfbfbf;
}

.input-text2:focus {
	border: 1px solid rgba(0, 0, 0, 0.32);
	box-shadow: none;
	outline: none;
}

.input-select2 {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #cfcfcf;
	cursor: pointer;
	font-family: inherit;
	font-size: 1em;
	padding: 0.4em 0.8em;
	width: 100%;
  height: 100%;
  border-radius: 8px;
  color: #3f3f3f;
}

.input-select2::-ms-expand {
	display: none;
}

.input-select2:focus {
	border: 1px solid rgba(0, 0, 0, 0.32);
	box-shadow: none;
	outline: none;
}

.input-textarea3 {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
  height: 100%;
	background-color: transparent;
	border: 1px solid #cfcfcf;
	border-radius: 8px;
	color: inherit;
	font-family: inherit;
	font-size: 1em;
	padding: 0.4em 0.8em;
	width: 100%;
}

.input-textarea3::placeholder {
  color: #bfbfbf;
}

.input-textarea3:focus {
	border: 1px solid rgba(0, 0, 0, 0.32);
	box-shadow: none;
	outline: none;
}

.input-submit2 {
-webkit-appearance: none;
	background-image: none;
	border: none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	margin: 0 0 1em;
	padding: 0.6em 2em;
	text-decoration: none;
}

.input-submit2:hover,
.input-submit2:focus {
	outline: none;
}

.input-submit2::-moz-focus-inner {
	border: none;
	padding: 0;
}

.input-submit2 {
  background-color: #009e3d;
  font-weight: bold;
  color: #fff;
  max-width: 346px;
  height: 48px;
  border-radius: 8px;
  margin-inline: auto;
  margin-top: 35px;
 width: 100%;
 margin-inline: auto;
 display: block;
 margin-bottom: 0;
 font-size: 16px;
}

/*サンクスページ */

.p-thanks {
padding-top: 122px;
padding-bottom: 107px;
}

@media screen and (max-width: 767px) {

  .p-thanks   {
 padding-top: 75px;
padding-bottom: 75px;
  }
}

.p-thanks__inner {
max-width: 320px;
width: 100%;
margin-inline: auto;

}

.p-thanks__icon {
width: 95px;
height: 95px;
margin-inline: auto;
}

@media screen and (max-width: 767px) {

  .p-thanks__icon   {
 margin-inline: auto;
   width: 75px;
   height: 75px;
  }
}

.p-thanks__desc {
font-size: 14px;
line-height: 1.75;
margin-top: 42px;
}

@media screen and (max-width: 767px) {

  .p-thanks__desc   {
 
   margin-top: 30px;
  }
}

.p-footer--consultation {
background-color: transparent;
padding-top: 23px;

}

.p-footer--thanks {
  position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}

.p-footer--consultation .p-footer__inner{
display: none;

}

.p-footer__copy-consul {
  font-size: 12px;
  text-align: center;
  color: #7f7f7f;

}