.inner {
	
  width: 90%; 
  margin: 0 auto;
  
	
}
.wrap-in {
	width: 1200px;
    margin: 0 auto;
		
}

.main-title {
	margin-bottom: 5px;
	font-size: var(--font-large);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.05em;
	word-break: keep-all;
}
.main-title-sub {
	font-size: var(--font-regular);
	font-weight: 500;
	letter-spacing: -0.05em;
	word-break: keep-all;
}
.main-title-content {
	font-size: var(--font-basic);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: -0.05em;
	word-break: keep-all;
}
.sub-title {
	font-size: var(--font-medium);
	font-weight: 700;
	line-height: 1.3;
	word-break: keep-all;
}


.flex {
	display: flex;
}

.half {
	width: 50%;
}

input.input {
	width: 100%;
    height: var(--height-input);
    font-weight: 500;
    font-size: var(--font-small);
    padding: 0 0 0 15px;
    border-radius: 8px;
    border: 1px solid var(--gray-color);
    background: #fff;
}
.button {
	width: 140px;
	height:  62px;
	line-height: 62px;
	background: var(--pink-color);
	border-radius: 50px;
	font-size: var(--font-basic);
	font-weight: 600;
	text-align: center;
	color: var(--white-color);
}

/************************* ���� ���� *************************/
#container {
	padding: 110px 0 150px;
}
#navi {
	 padding: 28px 0;
	 border-top: 1px solid #eee;
	 border-bottom: 1px solid var(--gray-color);
}
#navi .flex {
	align-items: center;
	gap: 20px;
}
#navi .flex .circle {
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 50px;
	background: #adadad;
}

.sub-page-tit {
	margin: 0 0 60px;
	font-size: 50px;
	font-weight: 700;
	color: var(--pink-color);
	text-align: center;
}
/************************* ���� ���� *************************/


@media all and (max-width:1281px){
	:root {
		--font-large: 30px;
		--font-medium: 20px;
		--font-regular: 18px;

		--margin-bottom: 80px;

		--height-input: 56px;
	}
	
	.inner {width: 96%;}
	.wrap-in {width: 90%; margin: auto;}

	.button {height: 54px; line-height: 54px;}

	#navi {padding: 20px 0;}
	#container {padding: 90px 0 130px;}
	.sub-page-tit {margin-bottom: 50px; font-size: 40px;}
}


@media all and (max-width:641px){
	:root {
		--font-large: 28px;
		--font-medium: 18px;
		--font-regular: 16px;
		--font-basic: 15px;

		--margin-bottom: 58px;

		--height-input: 48px;
	}

	.button {height: 48px; line-height: 48px;}

	#navi img {width: 18px;}
	#navi .flex {gap: 10px;}
	#navi li {font-size: 14px;}
	#container {padding: 80px 0 120px;}
	.sub-page-tit {margin-bottom: 40px; font-size: 30px;}
}

@media all and (max-width:481px){
	:root {
		--font-large: 26px;
		--font-medium: 17px;

		--margin-bottom: 48px;

		--height-input: 40px;
	}
}