@charset "utf-8";

.font-mincho {
font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.article p,
.entry-content > * {
	margin-bottom:0;
}

main,
.main {
	width:100%;
	max-width:1500px;
	margin:auto;
}

.content {
	margin-top:0;
}

.no-sidebar .content .main,
.content .main,
.main {
	padding:0;
	border:none;
    border-radius:0;
}

.body .article,
.article {
	margin-bottom:0;
}

.entry-content {
	margin-top:0;
	margin-bottom:0;
}

.breadcrumb,
.footer {
	display:none;
}

img {
	vertical-align:top;
	width:100%;
}

.select-next-container {
	width:100%;
	padding:0 2rem 2rem;
	margin-bottom:0;
	
	.logo-box {
		width:100%;
		text-align:right;
		padding:0.5rem 0;
		
		img {
			width:13%;
		}
	}
	
	.title {
		font-size:1.1rem;
		font-weight:bold;
		color:#0056B8;
		text-align:center;
		margin-bottom:0;
		line-height:1;
		
		span {
			font-size:2rem;
		}
	}
	
	.flag-box {
		position:relative;
		
		.title {
			position:absolute;
			top:25%;
			left:50%;
			transform:translateX(-50%);
		}
		
		.flag-img {
			width:40%;
			margin:auto;
		}
	}
	
	.tenshoku-logo-box {
		width:max-content;
		margin:1rem auto;
		position:relative;
		
		.ab-box {
			position:absolute;
		}
		
		.ab-box01 {
			top:3%;
			left:-10rem;
			width:35%;
		}
		
		.ab-box02 {
			top:25%;
			left:-18rem;
			width:38%;
		}
		
		.ab-box03 {
			bottom:3%;
			left:-10rem;
			width:50%;
		}
		
		.ab-box04 {
			top:3%;
			right:-10rem;
			width:42%;
		}
		
		.ab-box05 {
			top:10%;
			right:-18rem;
			width:30%;
		}
		
		.ab-box06 {
			bottom:3%;
			right:-10rem;
			width:35%;
		}
		
		.divide-box {
			display:table;
			width:max-content;
			border-bottom:4px solid #0056B8;
			
			.left-box,
			.right-box {
				display:table-cell;
				width:50%;
				vertical-align:middle;
				padding:1rem 0;
				
				p {
					font-size:6rem;
					font-weight:bold;
					margin-bottom:0;
					line-height:1.1;
					padding:0 1rem;
				}
			}
			
			.left-box {
				.inner {
					border-right:4px solid #0056B8;
					
					p {
						color:#F7A867;
					}
				}
			}
			
			.right-box {				
				p {
					color:#7AD96B;
				}
			}
		}
		
		.second {
			border-bottom:none;
			
			.left-box .inner p {
				color:#4388FF;
			}
			
			.right-box .inner p {
				color:#ECAADE;
			}
		}
	}
	
	.description {
		color:#0056B8;
		font-size:1.3rem;
		font-weight:bold;
		line-height:1.3;
		text-align:center;
	}
	
	.btn-box {
		width:max-content;
		margin:3rem auto;
		position:relative;
		background:#FFFFFF;
		border-radius:50vh;
		box-shadow:0px 6px 6px 0px rgba(0, 0, 0, 0.25);
		padding:1rem 1.5rem 0.8rem 4rem;
		
		a {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
		
		p,
		.icon-container {
			display:inline-block;
			width:max-content;
			vertical-align:middle;
		}
		
		p {
			line-height:1;
			font-size:2rem;
			font-weight:300;
			color:#000000;
			border-bottom:3px solid #0062D2;
		}
		
		.icon-container {
			width:3rem;
			margin-left:2rem;
			
			svg {
				color:#0062D2;
			}
		}
	}
}

.select-next-container.second {
	background:#FFFFFF;
	background-image:url("https://new1.natural-life.fun/wp-content/uploads/2025/04/Rectangle-66-1.png");
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}

.shindan-form {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	padding-bottom:5rem;
}

.questions-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.question-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

.question-container:not(:first-child) {
	margin-top:2rem;
}

.question-text-container {
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#F4B400;
	color:#FFFFFF;
	font-weight:bold;
	border-radius:9999px;
	width:5rem;
	height:5rem;
	font-size:2rem;
	margin-bottom:0.5rem;
}

.question-title {
	color:#0056B8;
	font-weight:bold;
	font-size:2rem;
	margin-bottom:0.5rem;
}

.radio-buttons-container {
	display:grid;
	width:70%;
	justify-content:center;
	grid-template-columns:repeat(auto-fit, minmax(calc(390 / 1920 * 100vw), calc(390 / 1920 * 100vw)));
	gap:calc(20 / 1920 * 100vw) calc(50 / 1920 * 100vw);
	padding:0;
}

.radio-button-label {
	display:flex;
	align-items:center;
	border:1px solid #000000;
	cursor:pointer;
	box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);
	box-sizing:border-box;
	border-radius:0.5rem;
	padding:1rem;
	line-height:1.3;

	& > input[type="radio"] {
		appearance:none;
		position:relative;
		border:1px solid #000000;
		border-radius:9999px;
		width:1rem;
		height:1rem;
	}

	& > input[type="radio"]:checked {
		background-color: white;
	}

	& > input[type="radio"]:checked::after {
		content: "";
		position: absolute;
		inset: 0;
		margin: auto;
		border-radius: 9999px;
		background-color: #0062D2;
	}

	.radio-button-text-container {
		display:flex;
		flex-direction:column;
		padding-left:0.5rem;

		p {
			font-family: "Noto Sans JP";
			font-size:1.2rem;
		}
	}
}

.radio-selected {
	background: #6EC8FF;
	.radio-button-text-container {
		p {
			color: white;
		}
	}
}

.custom-button-with-arrow {
	display:flex;
	align-items:center;
	color:#FFFFFF;
	background:#3A93FF;
	box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);
	text-decoration:none;
	padding:1rem 2rem;
	border:none;
	border-radius:1rem;
	cursor:pointer;

	.text-container {
		display:flex;
		flex-grow:1;
		font-size:1.5rem;
		font-weight:bold;
		padding-right:0.5rem;
	}

	.icon-container {
		display:flex;
		justify-content:center;
		align-content:center;
		width:2rem;
		height:2rem;
	}
}

.select-container {
	text-align:center;
	margin-bottom:3rem;

	select {
		color:#000000;
		font-family:"Noto Sans JP";
		box-shadow:0 4px 4px rgba(0, 0, 0, 0.25);
		padding:0 3rem;
		cursor:pointer;
		appearance:none;
		-webkit-appearance:none;
		-moz-appearance:none;
	}
}

.footer-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(40 / 390 * 100vw);
    background-color: #0056B8;

    .footer-links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(20 / 390 * 100vw);
        font-size: calc(6 / 390 * 100vw);
        font-weight: bold;
        color: white;
		
		a {
			color:#FFFFFF;
			text-decoration:none;
			font-size:0.8rem;
		}
    }
}

/*********************************************/

@media only screen and (max-width: 1349px) {
	.select-next-container {
		.flag-box {
			.flag-img {
				width:50%;
			}
		}
	}
}

@media only screen and (max-width: 1299px) {
	
}

@media only screen and (max-width: 1199px) {
	.select-next-container {
		.logo-box {
			img {
				width:15%;
			}
		}
	}
}

@media only screen and (max-width: 1099px) {	
	.select-next-container {
		.flag-box {
			.flag-img {
				width:60%;
			}
			
			.title {
				width:100%;
			}
		}
	}
}

@media only screen and (max-width: 1023px) {
	main.main,
	div.sidebar {
		margin:0;
		padding:0;
	}
}

@media only screen and (max-width: 999px) {
	.select-next-container {
		.logo-box {
			img {
				width:17%;
			}
		}
	}
	
	.select-next-container {
		.tenshoku-logo-box {
			.divide-box {
				.left-box,
				.right-box {
					p {
						font-size:5rem;
					}
				}
			}
		}
	}
	
	.radio-buttons-container {
		width:80%;
		grid-template-columns:repeat(auto-fit, minmax(calc(390 / 1920 * 100vw), calc(590 / 1920 * 100vw)));
	}
}

@media only screen and (max-width: 899px) {
	.select-next-container {
		padding-top:1rem;
		
		.flag-box {
			.flag-img {
				width:70%;
			}
		}
		
		.tenshoku-logo-box {
			.ab-box01 {
				top:1%;
				left:-5rem;
			}
			
			.ab-box02 {
				left:-13rem;
			}
			
			.ab-box03 {
				left:-7rem;
				bottom:-5%;
			}
			
			.ab-box04 {
				top:1%;
				right:-6rem;
			}
			
			.ab-box05 {
				top:21%;
				right:-10rem;
			}
			
			.ab-box06 {
				width:33%;
				bottom:-5%;
				right:-5rem;
			}
		}
	}
}

@media only screen and (max-width: 849px) {
	
}

@media only screen and (max-width: 799px) {
	.select-next-container {
        .flag-box {
            .flag-img {
				.pc-view {
					display:none;
				}
			}
			
			.pc-view {
				display:none;
			}
			
			.title {
				top:22%;
			}
		}
	}
}

@media only screen and (max-width: 699px) {	
	.select-next-container {
		.tenshoku-logo-box {
			.ab-box01 {
				width:25%;
				left:-7rem;
			}
			
			.ab-box02 {
				width:28%;
				left:-11rem;
			}
			
			.ab-box03 {
				left:-10rem;
				width:42%;
			}
			
			.ab-box04 {
				right:-7rem;
				width:34%;
			}
			
			.ab-box05 {
				width:22%;
				right:-11rem;
			}
			
			.ab-box06 {
				width:27%;
				right:-7rem;
			}
		}
		
		.btn-box {
			padding:1rem 1rem 0.8rem 3rem;
			
			p {
				font-size:1.5rem;
			}
			
			.icon-container {
				width:2rem;
				margin-left:1rem;
			}
		}
	}
}

@media only screen and (max-width: 649px) {
	.select-next-container {
        .flag-box {
            .flag-img {
                width:80%;
            }
		}
	}
	
	.radio-buttons-container {
		width:95%;
		grid-template-columns:repeat(auto-fit, minmax(calc(390 / 1920 * 100vw), calc(700 / 1920 * 100vw)));
	}
}

@media only screen and (max-width: 599px) {
	.select-next-container {
        .tenshoku-logo-box {
			margin:5rem auto;
			
			.ab-box01 {
				width:20%;
				top:-4rem;
				left:0;
			}
			
			.ab-box02 {
				width:25%;
				top:-2rem;
				left:-5rem;
			}
			
			.ab-box03 {
				left:-9rem;
                width:37%;
                bottom:auto;
                top:3rem;
			}
			
			.ab-box04 {
				width:31%;
				right:-5.5rem;
				top:auto;
                bottom:-2rem;
			}
			
			.ab-box05 {
				width:17%;
				right:-8rem;
				top:auto;
                bottom:2rem;
			}
			
			.ab-box06 {
				width:23%;
				right:0;
                bottom:-4rem;
			}
		}
	}
}

@media only screen and (max-width: 549px) {
	.select-next-container {
		padding:1rem 0.5rem 2rem;
		width:100%;
		margin:auto;
		
        .flag-box {
            .flag-img {
                width: 100%;
            }
			
			.title {
				top:27%;
				
				span {
					font-size:1.7rem;
				}
			}
		}
	}
	
	.select-next-container {
        .tenshoku-logo-box {
			margin:1rem auto;
			width:100%;
			
			.inline-box {
				text-align:center;
				display:flex;
				flex-wrap:wrap;
				align-items:center;
				justify-content:center;
				gap:0.5rem;
				width:80%;
				margin:auto;
				
				.ab-box {
					position:static;
					top:auto;
					left:auto;
					right:auto;
					bottom:auto;
					flex:1;
					max-width:100%;
					height:auto;
				}
				
				.ab-box01 img {
					width:47%;
				}
				
				.ab-box02 img {
					width:49%;
				}
				
				.ab-box03 img {
					width:51%;
				}
				
				.ab-box04 img {
					width:52%;
				}
				
				.ab-box05 img {
					width:33%;
				}
				
				.ab-box06 img {
					width:46%;
				}
			}
			
			.divide-box {
				margin:auto;
			}
		}
	}
	
	.radio-buttons-container {
		grid-template-columns:repeat(auto-fit, minmax(calc(390 / 1920 * 100vw), calc(850 / 1920 * 100vw)));
	}
	
	.radio-button-label {
		padding:1rem 0.5rem;
	}
}

@media only screen and (max-width: 499px) {
	.select-next-container {
		.logo-box {
			img {
				width:30%;
			}
		}
	}
	
	.select-next-container {
        .tenshoku-logo-box {
			margin-top:3rem;
			
            .divide-box {
                .left-box,
				.right-box {
					padding:0.5rem 0;
					
                    p {
						font-size:4rem;
						padding:0 0.5rem;
					}
				}
			}
		}
		
		.ab-box01 {
			top:20%;
		}
		
		.ab-box02 {
			top:32%;
		}
		
		.ab-box03 {
			top:48%;
		}
		
		.ab-box04 {
			top:20%;
		}
		
		.ab-box05 {
			top:30%;
		}
		
		.ab-box06 {
			top:48%;
		}
		
		.description {
			margin-top:2rem;
		}
	}
	
	.custom-button-with-arrow {
		.text-container {
			font-size:1.3rem;
		}
		
		.icon-container {
			width:1.8rem;
			height:1.8rem;
		}
	}
	
	.footer-container {
        display:block;
        align-items:normal;
        justify-content:normal;
        height:auto;
        padding:2rem;
		
		.footer-links {
            display:block;
            align-items:normal;
            justify-content:normal;
            height:auto;
            gap:normal;
			
			a {
                display:inline-block;
                width:45%;
                text-align:center;
                padding:0.3rem 0;
            }
        }
	}
}

@media only screen and (max-width: 449px) {
	.select-next-container {
        .flag-box {
            .title {
                top:20%;
            }
        }
		
        .tenshoku-logo-box {
            margin-top: 1rem;
		}
		
		.ab-box01,
		.ab-box04 {
			top:21%;
		}
		
		.ab-box02 {
			top:31%;
		}
		
		.ab-box03,
		.ab-box06 {
			top:45%;
		}
		
		.ab-box05 {
			top:29%;
		}
		
		.description {
			font-size:1.1rem;
		}
		
		.btn-box {
			margin:2rem auto 1rem;
		}
	}
}

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

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

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

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

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

@media only screen and (min-width: 800px) {
	.select-next-container {
        .flag-box {
			.sp-view {
				display:none;
			}
            .flag-img {
				.sp-view {
					display:none;
				}
			}
		}
	}
}

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

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

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