@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:     エントリーフォーム
 Notes:          
--------------------------------------------------------------- */
h1.main-title {
  margin: 10% auto 5% !important;
  color: #000 !important;
}
/* section 1 */
section.sec01 {
	padding: 0 0 10%;
}
section.sec01 .content {
	width: 80%;
  max-width: 870px;
  margin: 0 auto;
}
section.sec01 .txt01 {
	text-align: center;
}
/* section 2 */
section.sec02 .content {
	width: 80%;
  max-width: 870px;
  margin: 0 auto;
}
section.sec02 .form-area {
	padding: 5%;
	box-sizing: border-box;
	background: #e6e6e6;
}
section.sec02 .wrap {
	margin: 0 auto 1em;
	padding: 0 0 1em;
  display: flex;
  border-bottom: 1px solid #bfbfbf;
}
section.sec02 .wrap:last-child {
	margin: 0 auto;
	padding: 0;
  border-bottom: none;
}
section.sec02 .box01 {
	width: 30%;
	padding: 0.4em 0 0;
}
section.sec02 .box02 {
	width: 70%;
}
section.sec02 .width01 {
	width: 100% !important;
}
section.sec02 .width02 {
	width: 50% !important;
}
section.sec02 .width03 {
	width: 100% !important;
	height: 10em !important;
}
section.sec02 #other-box {
	width: 100%;
}
section.sec02 .mfp_not_checked #other-box {
  display: none;
}
/* ================= smartphone ================= */
@media only screen and (max-width:699px) {
/* section 1 */
section.sec01 .content {
  width: 90%;
}
/* section 2 */
section.sec02 .content {
  width: 100%;
}
section.sec02 .wrap {
  display: block;
}
section.sec02 .box01 {
  width: 100%;
  padding: 0.4em 0 0;
}
section.sec02 .box02 {
  width: 100%;
}
}