/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 767px) {
}

@media (min-width: 768px) {
}

/* ---------------------------------------- common */

article h2 {
	color: var( --orange-color );
	line-height: 1.6;
	font-weight: 600;
	text-align: center;
	margin: 0 0 1em;
}
article figure {
	text-align: center;
}

@media (max-width: 767px) {

	main { font-size: clamp(1.3rem, -0.038rem + 4.25vw, 3.2rem); }

	.pc {display: none; }

	article h2 {
		font-size: clamp(1.8rem, -0.038rem + 5.82vw, 4.4rem);
	}
	article h2 + figure { margin: 0 0 3em; }

}

@media (min-width: 768px) {

	.sp {display: none; }

	article h2 {
		font-size: clamp(3.2rem, 0.154rem + 3.85vw, 4.8rem);
	}
	article h2 + figure { margin: 0 0 5em; }

}

/* ---------------------------------------- section */

section:not(#column) h3 {
	color: #fff;
	background: var( --orange-color );
	font-weight: 800;
	text-align: center;
	margin: 0 0 1.5em;
}
section#column h3 {
	color: var( --orange-color );
	font-weight: 800;
	text-align: center;
	margin: 0 0 1.5em;
}
section h3 img {
	width: auto;
	height: .9em;
	vertical-align: bottom;
}

@media (max-width: 767px) {

	section { margin: 0 0 3em; }

	section h3 {
		font-size: clamp(1.8rem, -0.038rem + 5.82vw, 4.4rem);
	}
	section:not(#column) h3 {
		padding: 1em .5em;
	}
	section figure + figure { margin: 2em 0 0; }

}

@media (min-width: 768px) {

	section { margin: 0 0 10em; }

	section h3 {
		font-size: clamp(3.2rem, 0.154rem + 3.85vw, 4.8rem);
	}
	section:not(#column) h3 {
		padding: .3em 1em;
	}
	section figure + figure { margin: 4em 0 0; }
}

/* ---------------------------------------- sec02 */

#sec02 .inside figure {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 767px) {

	#sec02 .inside { margin: 1em 0 2em; }
	#sec02 .inside figure img:first-child {
		width: 64%;
		margin: 0 1em 0 0;
	}
	#sec02 .inside figure img:last-child {
		width: 20%;
	}
}

@media (min-width: 768px) {

	#sec02 .inside { margin: 2em 0 4em; }
	#sec02 .inside figure img:first-child {
		width: 37%;
		margin: 0 1em 0 0;
	}
	#sec02 .inside figure img:last-child {
		width: 12%;
	}

}

/* ---------------------------------------- column */

@media (max-width: 767px) {

	#column {
		border: 1px #000 solid;
		padding: 2em 1.5em;
		margin: 5em 0 0;
	}
	#column .fig01 { margin: 0 0 1.5em; }
	#column h4.fig02 {
		margin: 0 0 -.5em;
		position: relative;
		z-index: 3;
	}
	#column .inside {
		position: relative;
		border: 2px #e70013 dotted;
		border-radius: .5em;
		padding: 1.25em 1em;
	}
	#column .inside::after {
		content: "";
		display: block;
		width: 1.75em;
		aspect-ratio: 1;
		background: url( ../images/fc/column02-a.svg ) no-repeat center center;
		background-size: contain;
		position: absolute;
		top: .5em;
		right: -1em;
	}
	#column .inside .fig03 { margin: 0 0 2em; }
	#column .inside .detail {
		display: flex;
		justify-content: space-between;
	}
	#column .inside .detail > figure {
		margin: 0;
	}
	#column .inside .detail > figure.fig04 {
		width: 46%;
	}
	#column .inside .detail > figure.fig05 {
		width: 49%;
	}

}

@media (min-width: 768px) {

	#column {
		border: 2px #000 solid;
		padding: 4em 5.5em;
		margin: 5em 0 0;
	}
	#column .fig01 { margin: 0 0 5em; }
	#column h4.fig02 {
		position: relative;
		z-index: 3;
		margin: 0 0 -1em;
	}
	#column h4.fig02::before {
		content: "";
		display: block;
		width: 5.5em;
		aspect-ratio: 1;
		background: url( ../images/fc/column02-q.svg ) no-repeat center center;
		background-size: contain;
		position: absolute;
		top: -1.5em;
		left: -2.5em;
	}

	#column .inside {
		position: relative;
		border: .35em #e70013 dotted;
		border-radius: 1em;
		padding: 3em;
	}
	#column .inside::after {
		content: "";
		display: block;
		width: 5.5em;
		aspect-ratio: 1;
		background: url( ../images/fc/column02-a.svg ) no-repeat center center;
		background-size: contain;
		position: absolute;
		top: 1.5em;
		right: -3.5em;
	}

	#column .inside .fig03 { margin: 0 0 5em; }
	#column .inside .detail {
		display: flex;
		justify-content: space-between;
	}
	#column .inside .detail > figure {
		margin: 0;
	}
	#column .inside .detail > figure.fig04 {
		width: 46%;
	}
	#column .inside .detail > figure.fig05 {
		width: 49%;
	}

}

.consultation{
 text-align:center;
 margin-top:3em;
}

 .consultation a {
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

@media (min-width: 768px) {
     .consultation a {
        width: 33.75%;
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .consultation a {
        width: 86%;
        max-width: 400px;
    }
}