@charset "UTF-8";
/* CSS Document */
/*　個人のお客様ご案内　*/
main {
  line-height: 3.0rem;
}
section h3 {
  font-size: 2.0rem;
  margin: 10px;
}
section h4 {
  font-size: 1.8rem;
  margin: 10px;
}
section h5 {
	font-size: 1.6rem;
}
section p {
  font-size: 1.5rem;
  margin: 10px;
}
section li {
  font-size: 1.5rem;
}
.section-services__individual-customer {
  background-color: #fff;
  margin-bottom: 100px;
}
.section-services__id-image {
  height: 300px;
  background-image: url("../images/services/photo_025.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
}
.section-services__id-image-message h2 {
  line-height: 50px;
  font-size: 3.6rem;
  text-shadow: 2px 2px 3px #b3b3b3, -2px 2px 3px #b3b3b3, 2px -2px 3px #b3b3b3, -2px -2px 3px #b3b3b3;
  font-weight: 600;
  margin-bottom: 40px;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.number {
  position: relative;
  padding-left: 40px;
  margin-bottom: 50px;
}
.number::before {
  counter-increment: number;
  content: '（'counter(number) '）';
  position: absolute;
  left: 0;
}
.section-services__visit {
  display: inline-block;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 90px;
}
.section-services__visit ol {
  list-style: none;
  counter-reset: number;
  text-align: left;
}
.section-services__visit ul {
  text-align: left;
  list-style: circle;
}
.section-services__online {
  display: inline-block;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 90px;
}
.section-services__online ol {
  list-style: none;
  counter-reset: number;
  text-align: left;
}
.section-services__online ul {
  text-align: left;
  list-style: circle;
}
@media (min-width:850px) {
  .individual-customer {
    display: flex;
    justify-content: center;
  }
  .section-services__visit {
    max-width: 650px;
    margin: 20px;
  }
  .section-services__nb {
    max-width: 1440px;
  }
}
.section-services__online {
  max-width: 650px;
  margin: 20px;
}
.section-services__nb {
  display: inline-block;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 90px;
  text-align: left;
  max-width: 1040px;	
}
.section-services__nb h4 {
  text-align: center;
}
.section-services__nb ul {
  padding-left: 40px;
  list-style: circle;
}
/*　法人のお客様ご案内　*/
.section-services____corporate-customers {
  background-color: #fff;
  margin-top: 90px;
  margin-bottom: 100px;
}
.section-services__cc-image {
  height: 300px;
  background-image: url("../images/services/photo_026.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
  background-size: cover;
}
.section-services__cc-image-message h2 {
  line-height: 50px;
  font-size: 3.6rem;
  text-shadow: 2px 2px 3px #b3b3b3, -2px 2px 3px #b3b3b3, 2px -2px 3px #b3b3b3, -2px -2px 3px #b3b3b3;
  font-weight: 600;
  margin-bottom: 40px;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-services__seminar {
  display: inline-block;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 90px;
}
.section-services__seminar p {
  text-align: left;
}

@media (min-width:850px){
	.section-services__seminar {
		max-width: 1040px;
	}
}


/*　お問い合わせフォーム　*/
.section-form {
	background-color: #fff;
	margin: 0 auto;
	padding: 40px;
}
.c-form {
	max-width: 600px;
	margin: 0 auto;
}
.c-form__item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin-bottom: 20px;
}
.c-form__label,
.c-form__input {
	padding: 10px;
	text-align: left;
}
.c-form__label {
	width: 90%;
}
.c-form__input {
	width: 90%;
	font-size: 16px;
	border: solid 1px #333;
	border-radius: 4px;
}
.c-form__input:focus-visible {
	outline: #ADA091 auto 1px;
}
.c-form__required {
	color: #fff;
	background-color: #ADA091;
	border-radius: 4px;
	padding: 5px 5px;
	margin: 0 0 0 18px;
}
textarea.c-form__input {
	height: 160px;
}
.c-form__submit {
	text-align: center;
}
.c-form__submit button {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background-color: #ADA091;
	border: solid 1px #ADA091;
	border-radius: 4px;
	padding: 5px 32px;
	transition: 0.4s;
	cursor: pointer;
}
.c-form__submit button:hover {
	color: #ADA091;
	background-color: transparent;
}

@media (min-width: 640px) {
	.c-form__item {
		flex-wrap: nowrap;
	}
	.c-form__label {
		width: 40%;
	}
	.c-form__input {
		width: 55%;
	}
}