<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

.sp {
	display: none;
}

.pc {
	display: block;
}

@media screen and (max-width: 960px) {

	main {
		width: 90%;
	}

	.imgCnt .imgCnt__img--t {
		width: min(400px, 60vw);
	}

	.imgCnt .imgCnt__img--y {
		width: min(640px, 70vw);
	}

	.relationCnt {
		max-width: 80%;
	}
}

@media screen and (max-width: 768px) {

	:root {
		--font-xl:  calc(clamp(44px, 3.5vw, 64px) * 0.8);
		--font-l:   calc(clamp(32px, 2.2vw, 40px) * 0.8);

		--margin-l: 12.5vh;
	}

	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	main {
		width: 95%;
	}

	.titleCnt__top &gt; img {
		width: 40%;
	}


	.sampleImgBox{

	}

	.sampleImgBox .one_Line{
		flex-wrap: wrap;
	}

	.sampleImgBox .one_Line a{
		width: 100%;
	}

	.sampleImgBox .one_Line img{
		width: 100%;
	}


	.sampleImgBox .one_Line .one_LineBlock{
		width: 100%;
	}

	.imgCnt &gt; .imgCnt__img--t {
		width: 50vw;
	}

	.imgCnt &gt; .imgCnt__img--y {
		width: 80vw;
	}

	.form_sec {
		margin: 10vh auto 0;
	}

	.caution {
		padding: 1em;
	}

	.caution__title--2 + .caution__list {
		padding-left: 1em;
	}	

	#formWraper .formBox {
		margin-top: var(--margin-m);
	}

	#formWraper .formBox:nth-of-type(1) .flexBox,
	#formWraper .formBox:nth-of-type(2) .flexBox {
		flex-direction: column;
		gap: 1em;
	}

	#formWraper .formBox:nth-of-type(1) .flexBox .leftItem,
	#formWraper .formBox:nth-of-type(1) .flexBox .rightItem,
	#formWraper .formBox:nth-of-type(2) .flexBox .leftItem,
	#formWraper .formBox:nth-of-type(2) .flexBox .rightItem {
		width: 100%;
	}

	.inputBox input,
	.inputBox select,
	.inputBox textarea {
		padding: 1em;
	}

	.inputBox select {
		min-height: 16px;
	}

	.inputBox #adSelect thead {
	    display: none;
	}

	.inputBox #adSelect tr {
		margin-top: 20px;
		margin-bottom: 50px;
	    display: block;
	}

	.inputBox #adSelect td {
		border-right: none;
		display: block;
	}

	.inputBox #adSelect td:last-of-type{
		border-bottom: none;
	}

	.radioBtn_box .flexBox,
	.infoMail .flexBox {
		gap: 15%;
	}

	.swiper-button-prev {
		width: 24px !important;
		height: 24px !important;
		left: -32px !important;
	}

	.swiper-button-next {
		width: 24px !important;
		height: 24px !important;
		right: -32px !important;
	}

	footer {
		margin-bottom: var(--margin-m);
	}
	.titleCnt__bottom .title {
		font-size: var(--font-l);
	}
	.titleCnt__middle .text {
		font-size: var(--font-m);
	}
}


@media screen and (max-width: 667px) {

}

@media screen and (max-width: 375px) {

}
</pre></body></html>