/* 2025.05.13
-------------------------------------------------------------*/
/*
#mainImg {
	width: 100%;
	max-width: 1440px;
	padding: 20px;
}

#mainImg>.title{
	padding-bottom: 20px;
}

.title {
	padding-top: 2rem;
}

#homeDetection::after,
#homewarning::after {
	display: none;
}

#homeWhy {
	background:#f8f8f8;
}

.salesWrapper {
	font-size: 2rem;
	margin: 20px 0 0;
	width: 100%;
	max-width: 600px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	text-align: center;
	gap:20px;

	.circle{
		border-radius: 16px;
		flex: 1;
		margin: 0;
		padding: 12px 0;
		width: auto;
		height: auto;
		vertical-align: baseline;
		.c-title {
			font-size: 2.5rem;
			font-weight: bold;
			vertical-align: baseline;
		}
		.num {
			font-size: 5rem;
			font-weight: bold;
			vertical-align: baseline;
		}
		.c-num {
			font-size: 2rem;
			font-weight: bold;
			vertical-align: baseline;
		}
		.note {
			font-size: 1.6rem;
			vertical-align: baseline;
		}
	}
}

.info_box_ttl {
	text-align: center;
	font-size: 4rem;
	font-weight: bold;
}

.btn_fv {
	display: block;
	text-align: center;
	width: 100%;
	max-width: 600px;
	margin: 4rem 0 0;
	padding: 1rem 0;
	background-color: #FFC200;
	border: 3px solid #CC9A00;
	filter: drop-shadow(0 2px 0.1rem #CC9A00);
	color: #333;
	font-size: 3rem;
	font-weight: bold;
	vertical-align: middle;
	cursor: pointer;
	border-radius: 500px;
	&:hover {
		position: relative;
		top: 2px;
    filter: drop-shadow(0 0 0 #CC9A00);
	}
}

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

	#gHeader>div {
		width: 1440px;
		// height: 800px;
		height: auto;
		margin: 0 auto;
		position: relative;
		overflow: visible;
	}

	.title_s {
		font-size: 6.6rem;
	}

	.title_txt {
		font-size: 8rem;
		line-height: 10.5rem;
		padding-bottom: 2rem;
	}

	.must {
		font-size: 10rem;
	}

	.salesWrapper {
	font-size: 2.4rem;
	}

	.salesWrapper {
		flex-flow: row nowrap;
	}

}

footer .ft_info_box li:first-child {
		border: none;
		margin-bottom: 0;
		padding-bottom: 0;
}
*/
@media screen and (min-width: 600px) {
  #gHeader > div {
    height: auto;
  }
}
.formFrame {
  height: 1680px;
}
@media screen and (min-width: 600px) {
  .formFrame {
    height: 1280px;
  }
}

@media screen and (min-width: 600px) {
  #mainImg .title {
    font-size: 4.5rem;
  }
}

.title_txt {
  line-height:1.5em;
  color:#2764ce;
	width:100%;
}
.title_txt span {
	color: #fff;
	background-color: #12539b;
	padding: 1rem 1.5rem;
	background-image: -webkit-linear-gradient(0deg,rgba(39,100,206,1.00) 0%,rgba(18,83,155,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(39,100,206,1.00) 0%,rgba(18,83,155,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(39,100,206,1.00) 0%,rgba(18,83,155,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(39,100,206,1.00) 0%,rgba(18,83,155,1.00) 100%);
}
.title_txt .txt {
  line-height: 0.7em;
  margin-top:1rem;
  color:#333;
}

.title_txt_s {
  font-size: 1.8rem;
  color:#333;
  line-height: 2em;
}
	#mainImg p {
		    font-size: 1.6rem;
	}
@media screen and (min-width: 600px) {
	#mainImg p {
		    font-size: 2rem;
	}
	.title_txt {
	width:auto;
}
  .title_txt_s {
    font-size: 2.3rem;
  }
}

.mv_left {
	display: flex;
	align-items: stretch;
	flex-direction: column;
}

.cmp_area img {
	width: 100%;
	height:auto;
}
@media screen and (max-width: 599px) {
.cmp_area {
	padding: 0 10px 29px;
}
}