@charset "utf-8";
html {
	scroll-behavior: smooth;
	font-family: "Noto Sans JP"!important;
}
html * {
	font-family: "Noto Sans JP"!important;
}
html p {
	line-height: 1.75;
}
.subsidy-lp ol li {
	text-indent: 0;
	padding-left: 0;
}
.subsidy-lp a {
	text-decoration: none;
}
.subsidy-lp picture {
	display: block;
}
.dpb--768,.dpi--768,.dpb--1024, .dpi--1024 {
	display: none !important;
}
.fwb {
	font-weight: 700;
}
.underline {
	text-decoration: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 0.25em;
}
.container__w1160--p16 {
	width: 100%;
	max-width: 1192px;
	margin-inline: auto;
	padding-inline: 16px;
}
.container__w1420--p0 {
	width: 100%;
	max-width: 1420px;
	margin-inline: auto;
}
.container__w1420--p20 {
	width: 100%;
	max-width: 1458px;
	margin-inline: auto;
	padding-inline: 20px;
}
.container__w940--p0 {
	width: 100%;
	max-width: 940px;
	margin-inline: auto;
}
.subsidy-header {
	background: #FFF;
	padding-block: 21px 16px;
}
.subsidy-header__title {
	width: 225px;
	height: 33px;
	background: url(../../img/payroll-outsourcing__logo.png) center center no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
.subsidy-footer {
	background: #F4F4F4;
	padding-block: 30px 130px;
}
.subsidy-footer .subsidy-header__title {
	mix-blend-mode: multiply;
}

.link-official {
	margin-bottom: 15px;
}
.link-official__anchor {
	display: inline-block;
	background: #FFF;
	border: #3A9FD9 1px solid;
	color: #3A9FD9;
	text-decoration: none;
	line-height: 1;
	padding: 5px 1em;
	font-weight: 700;
	margin-block: 10px;
}
.subsidy-footer__dl dt {
	font-weight: 700;
}
.subsidy-footer__dl dt::before {
	content: "■";
}
.subsidy-footer__dl .ggmap {
	display: none;
}
.subsidy-footer__item + .subsidy-footer__item {
	margin-top: 28px;
}
.copyright {
	text-align: center;
	font-size: 12px;
	margin-top: 50px;
}
.contact--kintone {
	max-width: 640px;
	margin-inline: auto;
}
.btn__go-top a {
	width: 50px;
	height: 50px;
	background: #F9D045;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: fixed;
	bottom: 78px;
	right: 17px;
	box-shadow: rgba(0,0,0,0.39) 5px 5px 6px;
	font-size: 0;
}
.btn__go-top a::before {
	content: "";
	display: block;
 	width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 18px solid #fce9a7;
  border-top: 0;
 }

.subsidy-mv--inner {
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: center;
}
.subsidy-mv__text {
	background: #34B3C4;
	padding: 16px;
	width: 100%;
}
.subsidy-mv__title {
	color: #FFF;
	font-size: clamp(28px, calc(28px + (48 - 28) * ((100vw - 768px) / (1420 - 768))), 48px);
	font-weight: 900;
	text-align: center;
	line-height: 1.29;
}
.subsidy-mv__title span {
	color: #FAD127;
}
.subsidy-mv__message {
	width: 72.3%;
	margin-inline: auto;
	margin-top: 16px;
}
.subsidy-introduction {
	padding-block: 32px;
}
.subsidy-introduction__title {
	font-size: clamp(24px, calc(24px + (42 - 24) * ((100vw - 768px) / (1420 - 768))), 42px);
	font-weight: 700;
	color: #168CA9;
	text-align: center;
	margin-bottom: 30px;
}
.subsidy-list__list-ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	grid-column-gap: 10px;
}
.subsidy-list__list-li {
	width: calc(50% - 10px / 2);
	aspect-ratio: 162 / 132;
	margin-bottom: 10px;
	border: #FAA127 1px solid;
	box-shadow: rgba(0,0,0,0.16) 0 3px 6px;
}
.subsidy-list__list-picture {
	display: flex;
	align-items: flex-start;
	width: 100%;
	height: 100%;
}
.subsidy-list__list-picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.subsidy-list__list-anchor {
	position: relative;
	display: block;
}
.subsidy-list__list-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	background: #FAA127;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
.subsidy-list__list-title span {
	font-size: 12px;
	color: #FFF;
}
.subsidy-title__h2 {
  max-width: 940px;
  margin-inline: auto;
  color: #A89A2A;
  font-size: 20px;
  font-weight: 700;
  border: #A89A2A 1px solid;
  padding: 18px 6px;
  background: #FFF;
  text-align: center;
  line-height: 1.2;
  margin-bottom: 20px;
}
.subsidy-contact__list--div + .subsidy-contact__list--div {
	margin-top: 24px;
}
.subsidy-contact__list--dt {
	color: #9B9B9B;
	font-weight: 700;
}
.subsidy-contact__list--dd input, .subsidy-contact__list--dd textarea {
	padding: 10px;
	border: #707070 1px solid;
	display: block;
	width: 100%;
	font-size: 16px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;

}
.subsidy-contact__submit {
	margin-bottom: 100px;
}
.subsidy-contact__submit input{
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
	width: 180px;
	height: 40px;
	border: none;
	display: block;
	margin-inline: auto;
	background: #5AD5A1;
	color: #FFF;
	font-weight: 700;
	font-size: 16px;
	margin-top: 40px;
	margin-bottom: 10px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}




@media screen and (min-width: 768px) {
	.dpb--768 {
		display: block !important;
	}
	.dpi--768 {
		display: inline !important;
	}
	.dpn--768 {
		display: none !important;
	}
	.subsidy-mv--inner {
		flex-direction: row-reverse;
		background: #34B3C4;
	}
	.subsidy-mv__img {
		width: 41.9%;
		height: 100%;
	}
	.subsidy-mv__text {
		width: 58.1%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.subsidy-list__list-li {
		width: calc(100% / 3 - 40px * 2 / 3);
  	aspect-ratio: 360 / 259;
  	margin-bottom: 40px;
	}
	.subsidy-contact__list--div {
		display: flex;
		grid-column-gap: 20px;
	}
	.subsidy-contact__list--dt {
		width: 220px;
		text-align: right;
	}
	.subsidy-contact__list--dd {
		width: calc(100% - 220px - 20px);
	}
	.btn__go-top a {
		bottom: 17px;
	}
	.subsidy-footer {
    padding-block: 30px;
  }
}
@media screen and (min-width: 769px) {
  .subsidy-mv {
    margin-top: 158px;
  }
}
@media screen and (min-width: 1024px) {
	.dpb--1024 {
		display: block !important;
	}
	.dpi--1024 {
		display: inline !important;
	}
	.dpn--1024 {
		display: none !important;
	}
	.subsidy-title__h2 {
    margin-bottom: 65px;
  }
	.subsidy-footer__info {
		display: flex;
		justify-content: space-between;
	}
	.subsidy-footer .subsidy-header_tel {
		display: flex!important;
	}
	.subsidy-footer .subsidy-header_tel .btn__contact a {
		font-size: 16px;
	}
	.subsidy-footer .subsidy-header_tel {
		display: flex!important;
	}
	.subsidy-footer .subsidy-header_tel .btn__contact a {
		font-size: 16px;
	}
	.subsidy-header_tel a {
    color: #3A9FD9;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    position: relative;
  }
	.subsidy-header_tel {
		margin-left: auto;
	}
	.subsidy-header_tel a {
		color: #3A9FD9;
		font-weight: 700;
		font-size: 12px;
		line-height: 1;
		position: relative;
	}
	.subsidy-header_tel-num::before {
		content: "";
		width: 22px;
		height: 27px;
		display: block;
		background: url(../../img/icon__phone.png) center center no-repeat;
		background-size: contain;
		left: -26px;
		top: -5px;
		position: absolute;
	}
	.subsidy-header_tel-num {
		font-size: 24px;
		position: relative;
	}
	.btn__contact {
		margin-left: 20px;
	}
	.btn__contact a {
		width: 200px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 700;
		color: #FFF;
		background: #3A9FD9;
		border-radius: 10px;
	}
}


@media screen and (min-width: 1140px) {
	.ggmap {
		width: 100%;
 		aspect-ratio: 16 / 9;
	}
	.ggmap iframe{
		width: 100%;
  	height: 100%;
	}
	.subsidy-footer__dl .ggmap {
		display: block;
		margin-top: 18px;
	}
	.subsidy-footer__list {
		display: flex;
		justify-content: space-between;
	}
	.subsidy-footer__item {
		width: 440px;
		font-size: 16px;
	}
	.subsidy-footer__item + .subsidy-footer__item {
		margin-top: 0;
	}
}

@media screen and (min-width: 1420px) {
	body {
		font-size: 18px;
	}
	.subsidy-title__h2 {
    font-size: 36px;
    margin-top: 140px;
  }
	.subsidy-mv__title {
		margin-top: 50px;
	}
	.subsidy-mv__message {
		margin-top: 60px;
		text-align: center;
	}
	.subsidy-introduction__title {
	 line-height: 1.43;
	}
	.subsidy-list__list-title {
		font-size: 24px;
		height: 63px;
	}
	.subsidy-list__list-title span {
		font-size: 16px;
	}
	.subsidy-contact__list--dt {
	 	font-size: 24px;
	}
	.subsidy-contact__list--dd input, .subsidy-contact__list--dd textarea {
		font-size: 20px;
		}
	.subsidy-contact__submit input {
		font-size: 20px;
		width: 220px;
		height: 50px;
	}
}

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