@charset "shift_jis";

/* ��{�X�^�C�� */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	font-size: 3.75vw;
	line-height: 1.7em;
	background-color: #F5F5F5;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
}

div,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
	display: block;
	text-align: left;
}

h1,
h2,
h3,
h4,
.title,
.menutitle {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}

h1,
h2,
h3,
h4 {
	clear: both;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	clear: both;
}

h1 {
	font-size: 70%;
	line-height: 1.5em;
	margin-bottom: 2%;
}

.sp_none {
	display: none;
}

.sp-br {
	display: block;
}

/* -------- �����N */
a,
a:visited {
	color: #006699;
}

a:hover {
	color: #FF0000;
}

a img {
	border: none;
	text-decoration: none;
}

.txt-img {
	float: left;
	margin-right: 3%;
}

/* �������� */

strong {
	margin: 0 0.2em;
	padding: 0;
	font-weight: bold;
}

/* ---------------- ���X�g */

ul,
ol {
	display: block;
	_margin-left: 0;
	_margin-right: 0;
}

dl {
	margin: 0;
	padding: 0;
}

ul {
	margin-top: 10px;
	margin-bottom: 10px;
	_margin-left: 20px;
	_padding-left: 20px;
	padding-inline-start: 1.5em;
}

li {
	display: list-item;
	margin: 0;
}

p {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}



/* ��{���C�A�E�g */

#container {
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	background: #FFF;
}

#header {
	border-bottom: solid 1px #EBEBEB;
}

.logo {
	width: 29%;
	float: left;
}

.headTel {
	width: 68%;
	float: right;
}

/* �R���e���c */

#text1,
#text2,
#text3,
#text4,
#text5,
#text6,
#text7,
#text8,
#text9,
#text10,
#space1,
#space2 {
	margin-bottom: 0;
	padding: 0;
}

#contents {
	padding: 0;
	margin-top: 0;

}

#contents p {
	margin-bottom: 3%;
	text-align: justify;
}

.topImg,
.telBnr,
.call,
.itemImg,
.flow {
	width: 100%;
}

.itemImg {
	margin-bottom: 2%;
}

.comentBox {
	position: relative;
	border: 1px solid #ce0000;
	padding: 7px;
}

.comentBox {
	margin: 7% 0;
}

.ribbon01 {
	display: block;
	position: relative;
	padding: 7px;
	padding-right: 0;
	margin-left: -13px;
	margin-bottom: 2%;
	font-size: 18px;
	color: #FFF;
	background: #ce0000;
	text-align: center;
}

.ribbon01:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 3px transparent;
	border-right: solid 5px #770000;
}

.comentImg {
	float: left;
	width: 30%;
	margin-right: 3%;
	text-align: justify;
}

.comentImg img {
	width: 100%;
}

.flowBox {
	margin: 5% 0;
}

.hosyouBox {
	margin-bottom: 5%;
}

.hosyouTxt {
	padding: 2%;
	margin: 2% 0;
}






/* �t�b�^�[ */

#footer {
	text-align: center;
	color: #FFFFFF;
	height: auto;
	overflow: hidden;
	background: #c00;
	padding: 2% 4% 4%;
}

#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

.copyright {
	text-align: center;
	font-size: 2vw;
	line-height: 1.5rem;
}

/* ���C�A�E�g���� */

#main {
	width: auto;
}

#menu {
	width: auto;
	padding-top: 25px;
}

#text1 h3,
#text2 h3,
#text3 h3,
#text4 h3,
#text5 h3,
#text6 h3,
#text6 h3,
#text7 h3,
#text8 h3,
#text9 h3,
#text10 h3 {
	position: relative;
}

/* �e�팩�o�� */

#main h2 {
	font-size: 120%;
	font-weight: bold;
	line-height: 3rem;
	margin: 0 0 2%;
	color: #FFF;
	padding: 1%;
}

.title_h3 {
	font-size: 120%;
	font-weight: bold;
	background: #c00;
	padding: 1%;
	color: #FFF;
	text-align: center;
}

.kaiketsu {
	font-weight: bold;
	line-height: 1.3rem;
	font-size: 4vw;
}

.kaiketsu_list li {
	margin-bottom: 1%;
}

/*------------------------------------�J�X�^��*/
#header {
	position: relative;
}

#tel01 {
	position: absolute;
	width: 400px;
	height: 50px;
	right: 50px;
	top: 41px;
	text-indent: -9999px;
}

.thint {
	border: 1px solid #C5D7ED;
	background-color: #EFF4FA;
	background-image: url(../images/thint.png);
	background-repeat: no-repeat;
	background-size: 6%;
	color: #2C4F7A;
}

.alert,
.accept,
.attention,
.thint {
	line-height: 130%;
	padding: 3% 2% 3% 9%;
	margin-top: 2%;
	margin-bottom: 2%;
	background-position: 8px 8px;
}

.call {
	margin-top: 10%;
}

.mail {
	margin-bottom: 10%;
}

.typebox img {
	margin: 5% 0;
}

.takafujibox {
	height: auto;
	overflow: hidden;
	margin: 10% 0;
}

.takafujibox p {
	text-align: justify;
}

.intro {
	font-size: 115%;
	color: #d00;
	font-weight: bold;
	margin-top: 10px;
}

.bold {
	font-weight: bold;
	font-size: 120%;
}

.sekou {
	margin: 10% 0;
}

.hosyou,
.voice {
	margin-bottom: 10%;
}

.hosyou img {
	display: block;
	margin-bottom: 100px;
}

.hosyou .title_h3 {
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 2%;
}

.hosyou p {}

/*-----------------------------------------------*/

.pp_h2 {
	margin-bottom: 5%;
	font-size: 4vw;
	font-weight: bold;
}

#footer_naka {
	padding: 20px 40px;
}

/*------------------------------------------���i���X�g------*/
hr {
	border: 1px solid #c00;
	margin: 5% 0;
}

#click {
	margin-top: 10%;
}

#click p {
	text-align: center;
}

.type_menu label {
	background-color: #C00;
	color: #fff;
	padding: 1%;
	display: block;
	margin: 0.5%;
	text-align: center;
	line-height: 3em;
	font-weight: bold;
}

.type_menu input[type="checkbox"].on-off {
	display: none;
}

.type_menu {
	margin-bottom: 5%;
}

.type_menu ul {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 0;
	padding: 0;
	list-style: none;
}

.type_menu li {
	padding: 5px;
}

.type_menu input[type="checkbox"].on-off+ul {
	height: 0;
	overflow: hidden;
}

.type_menu input[type="checkbox"].on-off:checked+ul {
	height: 100%;
}

.tit_form {
	display: block;
	margin-bottom: 5%;
}

.intro_heater {
	margin-bottom: 5%;
}

.caution {
	border: 1px solid #c00;
	padding: 2%;
}

.caution p {
	color: #C00;
}

.cons_heater {
	border: 1px solid #C00;
	margin-bottom: 5%;
}

.bg_red {
	background-color: #C00;
	color: #fff;
	line-height: 1.5em;
	font-size: 5vw;
}

.bg_red h5 {
	font-size: 5.5vw;
	padding-left: 2%;
}

.bg_red p {
	padding-left: 2%;
}

/*-----------------------------------------*/

#stepBox {
	width: 96%;
	margin: 0 auto 15%;
}

.step_title {
	width: 90%;
	color: #fff;
	font-size: 5vw;
	font-weight: bold;
	text-indent: 0.3em;
	background: -webkit-gradient(linear, left top, right top, from(#cd0000), to(#fff));
	background: -webkit-linear-gradient(left, #cd0000, #fff);
	background: -moz-linear-gradient(left, #cd0000, #fff);
	background: -o-linear-gradient(left, #cd0000, #fff);
	background: linear-gradient(to right, #cd0000, #fff);
	text-shadow: 3px 3px 5px #300;
	padding: 1% 0;
}

#flow_01 {
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 2% 2% 2% 0;
	margin: 5% 0;
	box-shadow: 1px 2px 6px 1px #cccccc;
	-moz-box-shadow: 1px 2px 6px 1px #cccccc;
	-webkit-box-shadow: 1px 2px 6px 1px #cccccc;
}

#flow_02 {
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 2% 2% 2% 0;
	margin: 5% 0;
	box-shadow: 1px 2px 6px 1px #cccccc;
	-moz-box-shadow: 1px 2px 6px 1px #cccccc;
	-webkit-box-shadow: 1px 2px 6px 1px #cccccc;
}

#flow_03 {
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 2% 2% 2% 0;
	margin: 5% 0;
	box-shadow: 1px 2px 6px 1px #cccccc;
	-moz-box-shadow: 1px 2px 6px 1px #cccccc;
	-webkit-box-shadow: 1px 2px 6px 1px #cccccc;
}

#flow_04 {
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 2% 2% 2% 0;
	margin: 5% 0;
	box-shadow: 1px 2px 6px 1px #cccccc;
	-moz-box-shadow: 1px 2px 6px 1px #cccccc;
	-webkit-box-shadow: 1px 2px 6px 1px #cccccc;
}

#flow_05 {
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 2% 2% 2% 0;
	margin: 5% 0;
	box-shadow: 1px 2px 6px 1px #cccccc;
	-moz-box-shadow: 1px 2px 6px 1px #cccccc;
	-webkit-box-shadow: 1px 2px 6px 1px #cccccc;
}

#flow_06 {
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 2% 2% 2% 0;
	margin: 5% 0;
	box-shadow: 1px 2px 6px 1px #cccccc;
	-moz-box-shadow: 1px 2px 6px 1px #cccccc;
	-webkit-box-shadow: 1px 2px 6px 1px #cccccc;
}

.txtBox {
	margin: 3%;
	font-size: 4vw;
	text-align: justify;
}

.txtBox2 {
	margin: 3%;
	font-size: 4vw;
	text-align: justify;
}

/*------------------------------------------*/

#voicebox .koe {
	padding: 4%;
	background-color: #fffad0;
	background-size: 30%;
	margin-bottom: 5%;
	height: auto;
	overflow: hidden;
	line-height: 1.4em;
	box-shadow: 1px 2px 6px 1px #cccccc;
	-moz-box-shadow: 1px 2px 6px 1px #cccccc;
	-webkit-box-shadow: 1px 2px 6px 1px #cccccc;
}

.voice_title {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 12vw;
	font-weight: bold;
	color: #c00;
	line-height: 5rem;
	text-align: center;
}

.thanks {
	width: 96%;
	font-size: 4.5vw;
	font-weight: bold;
	margin-bottom: 5%;
}

.right {
	float: right;
}

/*----------------------------------------�Z���ꗗ------*/

.tenpo_text p {
	font-size: 4vw;
	;
	font-weight: bold;
	margin-bottom: 2%;
}

.menu {
	max-width: 1000px;
	margin: 0 auto 5%;
	padding: 0;
	color: #fff;
	font-size: 3vw;
}

.menu a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #000;
	line-height: 1;
}

.menu label {
	display: block;
	margin: 0 0 2px 0;
	padding: 2%;
	line-height: 1;
	color: #fff;
	font-weight: bold;
	background: #b00;
	cursor: pointer;
}

/*
.menu label:hover {
    background :#a00;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}*/

.menu input {
	display: none;
}

.menu ul {
	margin: 0;
	padding: 0 1%;
	list-style: none;

	text-align: justify;
	/*�lj�����*/
}

.pp {
	display: block;
	width: 40%;
	margin: 2% 0;
	font-size: 85%;
}

/*--------------------------------------------------*/

.item img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.itemBox {
	margin: 5% 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: center;
	gap: 1em;
}

.itemImg {
	width: 90%;
	border: 0.15em solid #e42020;
}

#chat_contents {
	height: 20vh;
	padding: 100px 0;
}

#chat_main {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;	font-size: 7vw;
	font-weight: bold;
	line-height: 180%;
	text-align: center;
}

.contact-wrap {
	display: flex;
	width: 100%;
	margin-top: 1em;

	.tel-btn {
		width: 63.15%;

		img {
			width: 100%;
		}
	}

	.mail-btn {
		width: 36.85%;

		img {
			width: 100%;
		}
	}
}

.w_100 {
	width: 100%;
}

.hojokin-banner {
	width: calc(100% - 1em);
	display: flex;
	margin: 0 auto;
	flex-direction: column;

	span {
		font-size: 2em;
		display: block;
		font-weight: bold;
		margin: 0 auto;
		position: relative;
		line-height: 1;
		margin-bottom: 0.2em;

		&::before,
		&::after {
			content: "";
			background-image: url(../images/dec_blu_r.png);
			background-size: contain;

			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 3em;
			height: 1em;
			background-repeat: no-repeat;
		}

		&::before {
			right: calc(100% + 0.2em);
			transform: scale(-1, 1) translateY(-50%);
			top: 50%;
		}

		&::after {
			background-image: url(../images/dec_blu_r.png);
			left: calc(100% + 0.2em);
		}
	}

	img {
		width: 100%;
	}
}



/* 2024年補助金情報 */
#deals {
	margin: 0 auto;
	padding: 3em 1em 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	font-size: 3.5vw;
	line-height: 1.3;
	box-sizing: border-box;

	.bold {
		font-weight: bold;
	}

	.underline {
		border-bottom: 0.15em solid black;
		line-height: 1;
		margin-bottom: 1em;
		display: inline-block;
	}

	a {
		text-decoration: none;
		color: black;
	}

	p {
		margin: 0;
		padding: 0;
	}

	header {
		height: 4em;
		background-color: #142e79;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0.5em;

		img {
			height: 100%;
		}
	}

	.main-title {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.sub {
			color: #00A9EB;
			font-weight: bold;
			font-size: 1.5em;
			text-align: center;
			line-height: 1.1;
			margin-bottom: 0.3em;
		}

		.main {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: nowrap;
			gap: 1em;
			margin-bottom: 0.5em;

			img {
				height: 6em;
			}

			h2 {
				font-size: 3.5em;
				white-space: nowrap;
				color: #faa527;
				text-indent: 0;
				position: static;
				font-weight: bold;
				line-height: 1.1;
			}
		}
	}

	.top-text {
		width: calc(100% - 1em);
		margin: 0 auto 1em;
		text-align: center;
	}

	#subsidy {
		padding: 1em 2em 3em;
		border-radius: 0.5em;
		background-color: #FAF9DD;

		.category {
			background-color: #61ab48;
		}

		.items {

			h4 {
				border-bottom: #faa527 solid 0.15em;
				font-weight: bold;
			}
		}
	}

	}


	.category {
		padding: 0.2em 1em 0.1em;
		font-size: 2em;
		text-align: center;
		font-weight: bold;
		color: white;
		border-radius: 0.5em;
	}

	.section-top {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 1em;
		margin: 1em auto 2em;

		img {
			width: auto;
			height: 15em;
			order: 2;
			margin-top: -1.5em;
		}

		.section-title {
			order: 1;
			text-align: center;
			line-height: 1;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			span {
				font-size: 1.2em;
				white-space: nowrap;
				background: linear-gradient(transparent 50%, #FFDE34 60%);
				padding: 0 0.4em 0.2em;
				font-weight: bold;
				color: #1A1311;
			}

			h3 {
				font-size: 2.7em;
				white-space: nowrap;
				margin: 0.3em auto 0.5em;
				color: #61ab48;
				overflow: visible;
				padding: 0;
				background: none;
				font-weight: bold;
			}
		}
	}

	.items {
		margin: 0 auto;
		width: 100%;

		&:last-child {
			margin: 3em auto 0;
		}

		h4 {
			font-size: 1.5em;
			line-height: 1.2;
			padding: 0 0.5em;
		}

		.region-text {
			font-weight: bold;
			margin-bottom: 1em;
		}

		.item {
			padding: 0 0.5em;

			h5 {
				font-size: 1.4em;
				margin: 0 0 0.1em;
				margin-top: 0.3em;
				font-weight: bold;
				color: #61ab48;
				text-indent: 0;
			}

			p {
				margin: 0 0 0.5em;
			}

			.wrapper-img {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 1em;

				img {
					width: 13em;
				}

				div {
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					gap: 0.1em;

					span {
						text-align: center;
					}
				}
			}

			ul {
				li {
					list-style: disc;
				}
			}
		}

		.requirements-url {
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: rgb(255, 255, 255);
			padding: 1em;
			border-radius: 100vw;
			position: relative;
			transition: 0.2s;
			box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.1);

			p {
				margin: 0 auto;
				text-align: center;
			}

			&::after {
				content: "";
				position: absolute;
				top: 50%;
				right: 2em;
				transform: translateY(-50%) rotate(45deg);
				height: 1em;
				width: 1em;
				border-top: 0.1em solid rgb(0, 0, 0);
				border-right: 0.1em solid rgb(0, 0, 0);
				transition: 0.2s;
			}

			&:hover {
				opacity: 0.8;

				&::after {
					right: 1.5em;
				}
			}
		}
	}

	.cards {
		margin-top: 1em;

		.subsidy {
			background-color: #FFE9AA;

			.card-top {
				background-color: #FBA518;

				div {
					text-align: center;
				}
			}

			.card-items {

				.card-subtitle {
					color: #FBA518;
				}
			}
		}

		.campaig {
			background-color: #CEEBFB;

			.card-top {
				background-color: #00A8EB;

				div {
					text-align: center;
				}
			}

			.card-items {

				.card-subtitle {
					color: #00A8EB;
				}
			}
		}
	}

	.cards {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		flex-direction: column;
		gap: 1.5em;

		.card {
			padding: 1em;
			width: auto;
			border-radius: 0.5em;

			.card-top {
				padding: 0.5em 1em;
				color: white;
				text-align: center;
				border-radius: 0.5em;

				div {
					font-size: 1.5em;
					font-weight: bold;
				}

				span {
					padding-top: 0.5em;
					border-top: 0.15em solid white;
					font-size: 0.7em;
					display: inline-block;
				}
			}

			.card-items {
				display: flex;
				align-items: stretch;
				justify-content: center;
				flex-direction: column;
				margin: 1em auto;

				.card-item {
					display: flex;
					align-items: stretch;
					justify-content: space-between;
					flex-direction: column;
					margin-bottom: 0.5em;

					&:last-child {
						padding-bottom: 0;
						margin-bottom: 0;
					}

					.card-subtitle {
						background-color: white;
						font-weight: bold;
						text-align: center;
						border-radius: 100vw;
						margin-bottom: 0.5em;
						font-size: 1.5em;
						padding-top: 0.2em;
					}

					.subsidy-wrapper {
						min-height: 5em;
						display: flex;
						align-items: center;
						justify-content: center;
						flex-direction: column;
					}

					.subject {
						margin: 0 auto 0.5em;
						font-size: 0.8em;
						width: calc(100% - 1em);
						height: 6em;
					}

					p {
						font-size: max(12px, 0.8em);
						margin: 0 auto;
					}

					.product-img {
						position: relative;
						display: flex;
						align-items: center;
						height: 15em;

						span {
							position: absolute;
							top: 0;
							left: 0;
						}

						img {
							margin: 0 auto;
							width: 80%;
						}
					}

					.amount {
						font-size: 1.5em;
						font-weight: bold;
						text-align: center;
					}

					.amount2 {
						text-align: left;
						font-weight: bold;
						font-size: max(16px, 1.1em);
						margin: 0.5em auto 0;
					}

					.limit {
						text-align: center;
						font-weight: bold;
						font-size: max(14px, 1em);
					}

				}
			}
		}

	}

	.requirements {
		margin-left: -2em;

		li {
			font-size: max(12px, 0.7em);
			list-style: none;
			display: flex;
			margin-bottom: 0.5em;

			p {
				margin-left: 0.5em;
			}
		}
	}

	.leave-it-to {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
		flex-direction: column;
		background-color: #002368;
		color: white;
		padding: 1em;
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.6;
		border-radius: 0.5em;
		margin: 1em;

		div {
			display: flex;
			flex-wrap: nowrap;
			align-items: flex-end;
			justify-content: center;

			img {
				width: 7em;
				margin-bottom: 0.5em;
			}
		}

		p {
			text-align: center;
		}
	}

	.kyutousyouenezigyou {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 1em;
		margin: 2em auto 3em;
		text-align: center;

		img {
			width: 20em;
		}

		p {
			line-height: 1.7;
			font-weight: bold;

			a {
				background-color: #faa527;
				padding: 0.1em 0.5em;
				border-radius: 100vw;
				color: white;
				white-space: nowrap;
			}
		}
	}

	.region {
		position: relative;
		margin-bottom: 14em;

		.regions {
			display: flex;
			flex-direction: column;
			gap: 0.7em;

			div {
				display: flex;
				gap: 0.5em;

				a {
					color: white;
					padding: 0.2em 1.8em 0.1em 0.4em;
					border-radius: 0.3em;
					font-size: 1.2em;
					font-weight: bold;
					position: relative;
					transition: 0.2s;

					&::after {
						content: "";
						position: absolute;
						right: 0.4em;
						top: 50%;
						transform: translateY(-50%);
						width: 1em;
						height: 1em;
						background-repeat: no-repeat;
						background-size: contain;
						background-image: url(../img/arrow.svg);
					}

					&:hover {
						transform: translateY(0.2em);
					}
				}
			}
		}

		img {
			width: 100%;
			position: absolute;
			top: 3em;
			right: 0;
			pointer-events: none;
		}
	}


	.hokkaido {
		a {
			background-color: #003E75;
			box-shadow: 0em 0.2em 0 #002951;

			&:hover {
				box-shadow: 0em 0em 0 #002951;
			}
		}
	}

	.touhoku {
		a {
			background-color: #186777;
			box-shadow: 0em 0.2em 0 #11505D;

			&:hover {
				box-shadow: 0em 0em 0 #11505D;
			}
		}
	}

	.kantou {
		a {
			background-color: #55A771;
			box-shadow: 0em 0.2em 0 #478D5F;

			&:hover {
				box-shadow: 0em 0em 0 #478D5F;
			}
		}
	}

	.chuubu {
		a {
			background-color: #EEA600;
			box-shadow: 0em 0.2em 0 #C48A00;

			&:hover {
				box-shadow: 0em 0em 0 #C48A00;
			}
		}
	}

	.kinki {
		a {
			background-color: #EB620C;
			box-shadow: 0em 0.2em 0 #B94E07;

			&:hover {
				box-shadow: 0em 0em 0 #B94E07;
			}
		}
	}

	.chugoku {
		a {
			background-color: #B81D18;
			box-shadow: 0em 0.2em 0 #9B1713;

			&:hover {
				box-shadow: 0em 0em 0 #9B1713;
			}
		}
	}

	.kyuusyuu {
		a {
			background-color: #4A2D7E;
			box-shadow: 0em 0.2em 0 #351E5C;

			&:hover {
				box-shadow: 0em 0em 0 #351E5C;
			}
		}
	}


/* 補助金申請の流れ */
#subsidy-flow {
	margin: 3em auto;
	padding: 0em 2em 3em;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	box-sizing: border-box;
	font-size: 3vw;
	font-feature-settings: "palt";

	a {
		text-decoration: none;
		color: black;
	}

	p {
		margin: 0;
		padding: 0;
	}


	.main-title {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.main {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: nowrap;
			gap: 0.5em;
			margin-bottom: 1em;

			img {
				height: 5em;
			}

			h2 {
				font-size: 2.5em;
				white-space: nowrap;
				color: #f79727;
				position: static;
				font-weight: bold;
				line-height: 1;
				text-indent: 0;
				margin: 0;
			}
		}
	}

	.top-text {
		width: calc(100% - 1em);
		margin: 0 auto;
		text-align: center;
		display: block;
	}

	section {
		width: 100%;
	}

	.flow-wrap {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		.flow-line {
			width: 100%;
			margin-top: 3em;
			padding: 0 1em 2em;
			background: linear-gradient(90deg, #fae7f0 0%, #fae7f0 49%, rgb(255, 255, 255) 49%, rgb(255, 255, 255) 51%, #cfebfa 51%, #cfebfa 100%);

			.icons {
				display: flex;
				flex-wrap: nowrap;
				justify-content: space-around;
				align-items: stretch;
				gap: 2em;

				.icon-wrap {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: space-around;
					gap: 0.5em;
					margin-top: -4em;

					.icon {
						width: 8em;
					}

					span {
						font-size: 2.5em;
						font-weight: bold;
						line-height: 0;
						color: #d16e90;
					}

					.icon-logo {
						height: 3em;
					}
				}
			}

			h3 {
				background-color: white;
				text-align: center;
				padding: 0.1em 0.5em 0;
				font-size: 2.2em;
				font-weight: bold;
				line-height: 2;
				margin: 1em auto;
			}

			h4 {
				background-color: rgba(255, 255, 255, 0.6);
				padding: 0.5em 1em 0.4em;
				font-size: 1.7em;
				border-radius: 0.5em;
				margin: 1em auto;
				display: flex;
				align-items: center;
				justify-content: center;
				font-weight: bold;

				span {
					text-align: left;
				}
			}

			.side-by-side {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-wrap: nowrap;
				gap: 1em;

				img {
					width: 50%;
				}

				#documents {
					width: 50%;

					h6 {
						border: 0.1em solid black;
						text-align: center;
						font-size: 1.3em;
						padding: 0.1em 0.5em 0;
						margin: 0.5em auto;
						text-indent: 0;
					}

					p {
						font-weight: bold;
						font-size: 1.1em;

						span {
							font-size: 0.8em;
							vertical-align: top;
						}
					}
				}
			}

			.note {
				background-color: rgba(255, 255, 255, 0.6);
				padding: 1em;
				border-radius: 0.5em;

				li {
					list-style: none;
					display: flex;
					gap: 0.3em;
					margin-bottom: 0.3em;

					.side-by-side {
						display: flex;
						align-items: center;
						justify-content: center;
						flex-wrap: nowrap;
						gap: 1em;

						img {
							width: 60%;
						}

						.documents {
							width: 40%;

							h5 {
								border: 0.1em solid black;
								text-align: center;
								font-size: 1.3em;
								padding: 0.1em 0.5em 0;
								margin: 0.5em auto;
							}

							p {
								font-weight: bold;
								font-size: 1.1em;

								span {
									font-size: 0.8em;
									vertical-align: top;
								}
							}
						}
					}

					&:last-child {
						margin-bottom: 0;
					}
				}
			}

			.caption {
				height: 12em;
				width: 90%;
				margin: 0 auto;
				display: block;
				object-fit: contain;
			}
		}
	}

	#section-02 {
		.flow-line {
			background: linear-gradient(90deg, #cfebfa 0%, #cfebfa 49%, rgb(255, 255, 255) 49%, rgb(255, 255, 255) 51%, #D4E6BD 51%, #D4E6BD 100%);

			.icons {
				.icon-wrap {
					span {
						color: #7AB241;
					}
				}
			}
		}
	}
}