/* =========================================================================================================
 　　base
========================================================================================================= */

/* =====================
  main
===================== */


/*-- area-mail --*/
.area-mail {}

.area-mail.bg-title::before {
  left: 20px;
  content: "IR NEWS MAIL";
}

.area-mail .mail-form {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.area-mail .mail-form .item {
  width: 48%;
  padding: 32px;
  border: 1px solid #999;
  box-sizing: border-box;
}

.area-mail .mail-form .item h4 {
  padding-bottom: 16px;
  color: #184aa1;
}

.area-mail .mail-form .item .btn {
  margin-top: 40px;
  width: 260px;
}

.area-mail .mail-form .item p {
  min-height: 170px;
}

.area-mail .mail-form .item p span {
  line-height: 1.2em;
}

.area-mail .caption {
  padding-top: 24px;
}



/*-- area-policy --*/
.area-policy h3 {
  margin-top: 80px;
}

.area-policy .line {
  margin-top: 80px;
  padding-top: 60px;
  border-top: 2px solid #184aa1;
}

.area-policy h4 {
  margin-top: 40px;
  margin-bottom: 24px;
  border-left: 3px solid #184aa1;
  padding-left: 20px;
}

.area-policy .circle > li:before {
  content: "・";
  padding-top: 0em;
  font-size: 2rem;
}

.area-policy .circle > li + li {
  margin-top: 0px;
}


.area-policy .number {
  list-style-type: decimal;
  padding-left: 2em;
}

.area-policy .number li {}

.area-policy .policy-note .btn {
  width: 320px;
  margin-top: 40px;
}


/* ====================================================================================
		tablet
==================================================================================== */
@media screen and (min-width: 768px) {}



/* ====================================================================================
		PC
==================================================================================== */

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