@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 768px) {
	.dpi--768 {
		display: inline !important;
	}
	.dpb--768 {
		display: block !important;
	}
	.dpn--768 {
		display: none !important;
	}
	.top-philosophy__list--item {
		text-align: center;
	}
	.top-gardener__title {
		text-align: left;
	}
	.line--01.top-gardener__title::after {
		margin-left: 0;
	}
	.top-gardener__container {
		position: relative;
	}
	.top-gardener__photo {
		position: absolute;
		z-index: -1;
		transform: translateX(10%);
		max-width: 312px;
		left: 49%;
		bottom: 76px;
	}
	.top-gardener__photo::after {
		transform: none;
		height: 240px;
		bottom: -80px;
		left: -50%;
	}
	.top-gardener__text {
		width: 49.44%;
	}
	.top-construction::before {
		padding-bottom: 15.625%;
		background: url(../../img/miyakowasure-pc.jpg) center center no-repeat;
		background-size: contain;
	}
	.top-construction__list {
		display: flex;
		flex-wrap: wrap;
		grid-column-gap: 30px;
		grid-row-gap: 30px;
	}
	.top-construction__list--item {
		width: calc(50% - 15px);
	}
	.top-construction__list--item + .top-construction__list--item {
		margin-top: 0;
	}
}

@media screen and (min-width: 826px) {
	.dpn--826 {
		display: none !important;
	}
	.marker {
		padding: 16px 10px 10px 20px;
	}
	.top-philosophy {
		padding-bottom: 160px;
	}
	.top-philosophy__catch {
		font-size: 24px;
	}
	.top-philosophy__list {
		max-width: initial;
	}
	.top-philosophy__list--item {
		font-size: 27px;
		text-align: left;
	}
	.top-philosophy__list--item + .top-philosophy__list--item {
		margin-top: 50px;
	}
	.top-philosophy__list--number {
		font-size: 50px;
		margin-right: 10px;
	}
}
@media screen and (min-width: 1100px) {
	.dpn--1100 {
		display: none!important;
	}
	.dpb--1100 {
		display: block!important;
	}
	 .dpi--1100 {
	 	display: inline !important;
	 }
	.mv-slider {
		background: url(../../img/mv-bg-pc.png) left top no-repeat;
	}
	#mv-slider--pc {
		height: 830px;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}
	.vegas-slide-inner {
		background-position: 20% center!important;
	}
	.mv-slider__catch {
  		writing-mode: vertical-rl;
  		font-size: 50px;
  		left: 155px;
  		bottom: auto;
  		top: 270px;
  		line-height: 1;
	}
	.mv-slider__catch .first-line, .mv-slider__catch .last-line {
		padding: 35px 20px;
	}
	.mv-slider__catch .last-line {
		position: relative;
		top: 236px;
		left: -20px;
	}
	.vegas-slide::after {
		height: 140px;
	}
	.top-message {
		padding-block: 200px 160px;
	}
	.top-message__container {
		display: flex;
		grid-column-gap: 56px;
		width: 1500px;
		position: relative;
		left: 50%;
		transform: translateX(-64%);
	}
	.top-message__photo {
		width: 948px;
	}
	.top-message__text {
		width: 496px;
	}
	.top-philosophy__list--item {
		font-size: 28px;
	}
	.top-construction__list--item {
		flex-direction: row;
	}
	.top-construction__list--text {
		width: calc(100% - 184px);
	}
	.top-construction__photo {
		width: 184px;
	}
	.top-example__grid {
		display: grid;
		grid-template-columns: 1.35fr minmax(252px,1fr) 1fr 2.08fr;
		grid-template-rows: 1fr 1fr;
		grid-column-gap: 24px;
		grid-row-gap: 24px;
	}
	.top-example__grid--item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.top-example__grid--item + .top-example__grid--item {
		margin-top: 0;
	}
	.top-example__grid--item01 {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.top-example__grid--item02 {
		grid-column: 1 / 2;
		grid-row: 1 / 2;
	}
	.top-example__grid--item03 {
		grid-column: 1 / 3;
		grid-row: 2 / 3;
	}
	.top-example__grid--item04 {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
	}
	.top-example__grid--item05 {
		grid-column: 3 / 4;
		grid-row: 2 / 3;
	}
	.top-example__grid--item06 {
		grid-column: 4 / 5;
		grid-row: 1 / 3;
	}
	.top-about__container {
		display: flex;
	}
	.top-about__photo {
		width: 368px;
	}
	.top-about__text {
		width: calc(100% - 368px - 68px);
		margin-left: 68px;
	}
	.top-about__title {
		text-align: left;
		margin-top: 0;
	}
	.top-about {
		padding-block: 60px;
	}
	.top-about__dt {
		width: 160px;
		margin-bottom: 30px;
		line-height: 1.44;
	}
	.top-about__dd {
  	width: calc(100% - 160px);
  	padding-left: 24px;
  	margin-bottom: 30px;
  	line-height: 1.44;
	}
	.top-about__dt:nth-last-of-type(1),.top-about__dd:nth-last-of-type(1) {
		margin-bottom: 0;
	}
	.top-contact__mail--dl {
		display: flex;
		flex-wrap: wrap;
	}
	.top-contact__mail--dt {
		width: 284px;
		padding-block: 40px;
		margin-bottom: 0;
		border-bottom: #B5DBB5 1px solid;
	}
	.top-contact__mail--dd {
		width: calc(100% - 284px);
		padding-block: 40px;
	}
}

@media screen and (min-width: 1440px) {
	html {
		scroll-padding-top: 200px;
	}
	body {
		font-size: 18px;
	}
	.content {
		padding-top: 120px;
	}
	.dpn--1440 {
		display: none!important;
	}
	.dpb--1440 {
		display: block!important;
	}
	.line--01::after {
		width: 60px;
		margin-block: 40px;
	}
	.header {
		height: 120px;
		padding: 19px 30px;
	}
	.header::before {
		content: "";
		display: block;
		width: 280px;
		height: 120px;
		background: url(../../img/hd-leaf-pc.png) right top no-repeat;
		background-size:contain;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.header-container {
		display: flex;
		justify-content: space-between;
	}
	.header__logo--text {
		font-size: 16px;
		letter-spacing: 0;
		margin-left: 18px;
	}
	.header__anchor {
		width: 260px;
		height: 56.08px;
	}
	.header__logo--img {
		height: 56.08px;
	}
	.header-nav__wrapper {
		display: flex!important;
		align-items: center;
	}
	.header-nav__list {
		display: flex;
		font-size: 18px;
		font-weight: 700;
		align-items: center;
		position: relative;
		z-index: 2;
	}
	.header-nav__list--item + .header-nav__list--item {
		margin-left: 20px;
	}
	.header-nav__list--anchor:hover {
		color: #3E6B3F;
	}
	.header-nav__list--item-tel {
		margin-left: 30px !important;
		font-size: 32px;
	}
	.header-nav__list--item-tel .header-nav__list--anchor {
		color: #AF9335;
	}
	.header-nav__list--item-tel .header-nav__list--anchor::before {
		content: "";
		display: inline-block;
		width: 24px;
		height: 24px;
		background: url(../../img/ico-tel.png) center center no-repeat;
		background-size: contain;
		margin-right: 2px;
		vertical-align: 0px;
	}
	.header-nav__list--item-mail {
		margin-left: 30px !important;
	}
	.header-nav__list--item-mail .header-nav__list--anchor {
		background: #3E6B3F;
		color: #FFF;
		width: 200px;
		height: 60px;
		line-height: 60px;
		border-radius: 4px;
		display: block;
		text-align: center;
		border: #3E6B3F 1px solid;
	}
	.header-nav__list--item-mail .header-nav__list--anchor:hover {
		background: #FFF;
		color: #3E6B3F;
	}
	.head--01 {
		font-size: 32px;
	}
	.head--02 {
		font-size: 28px;
	}
	.head--03 {
		font-size: 24px;
		margin-top: 60px;
	}
	.content-header {
		height: 246px;
	}
	.content-header__title {
		font-size: 32px;
	}
	.content-container {
		padding-block: 100px 160px;
	}
	.footer {
		padding-top: 100px;
		position: relative;
		overflow: hidden;
	}
	.footer::before {
		content: "";
		display: block;
		width: 350px;
		height: 342px;
		background: url(../../img/ft-leaf-pc.png) center bottom no-repeat;
		background-size: contain;
		position: absolute;
		bottom: 0;
		left: -8%;
		transform: translateY(12%);
		z-index: 1;
		opacity: 0.45;
	}
	.footer-container {
		display: flex;
	}
	.footer-nav {
		width: 738px;
		margin-left: auto;
	}
	.footer-nav__list {
		flex-wrap: nowrap;
		justify-content: space-between;
		text-align: right;
	}
	.footer-nav__list--item {
		width: 100%;
		font-size: 17.4px;
	}
	.footer-text {
		font-size: 16px;
		margin-bottom: 100px;
		position: relative;
		z-index: 4;
	}
	.footer-anchor {
		width: 260px;
		height: 56.08px;
	}
	.footer-logo {
		height: 56.08px;
	}
	.footer-nav__line {
		text-align: right;
	}
	.footer-copyright {
		font-size: 16px;
		position: relative;
		z-index: 4;
	}
	.mv-slider {
		background-position: left -240px top;
	}
	.vegas-slide {
		position: relative;
		left: 180px!important;
	}
	.top-gardener {
		padding-bottom: 160px;
	}
	.top-gardener__catch {
		font-size: 28px;
	}
	.top-gardener__name {
		font-size: 36px;
		margin-bottom: 30px;
	}
	.top-gardener__position {
		font-size: 24px;
	}
	.top-construction {
		padding-bottom: 100px;
	}
	.top-construction::before {
		height: 300px;
		padding-bottom: 0;
		background-size: auto;
	}
	.top-construction__title {
		margin-block: 100px 60px;
	}
	.top-construction__list--text {
		padding: 40px;
	}
	.top-construction__list--title {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.top-flow {
		padding-block: 100px 200px;
	}
	.top-flow__title {
		margin-bottom: 60px;
	}
	.top-flow__list--item {
		display: flex;
		align-items: center;
	}
	.top-flow__list--title {
		font-size: 24px;
		width: 294px;
	}
	.top-flow__list--title::before {
		font-size: 30px;
		width: 50px;
		height: 50px;
		margin-right: 18px;
	}
	.top-flow__list--description {
		width: calc(100% - 50px - 294px);
		margin-left: auto;
	}
	.top-example {
		padding-bottom: 100px;
	}
	.top-example .top-example__container {
		padding-inline: 0;
	}
	.top-example__title {
		margin-bottom: 40px;
	}
	.top-contact {
		padding-block: 100px;
	}
	.head--01.top-contact__title {
		margin-bottom: 60px;
	}
	.top-contact__container + .top-contact__container {
		margin-top: 60px;
	}
	.top-contact__container.top-contact__mail {
		padding-bottom: 26.25px;
	}
	.top-contact__subtitle {
		font-size: 24px;
	}
	.top-contact__container {
		padding: 60px;
		padding-bottom: 27px;
	}
	.top-contact__container .mw_wp_form_complete {
		padding-bottom: 33px;
	}
	.top-contact__line,
	.top-contact__tel {
		outline-offset: -20px;
		padding-bottom: 60px;
	}
	.top-contact__tel {
		font-size: 18px;
	}
	.top-contact__title {
		margin-bottom: 30px;
	}
	.top-contact__anchor {
		font-size: 50px;
	}
	.top-contact__line .top-contact__anchor a::before {
		width: 60px;
		height: 60px;
		margin-right: 30px;
	}
	.top-contact__tel .top-contact__anchor a {
		font-size: 50px;
	}
	.top-contact__tel .top-contact__anchor a::before {
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	.top-contact__mail--form input[type="submit"] {
		margin-bottom: 0;
	}
	.agreement {
		margin-block: 40px 60px;
	}
	.agreement .error {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -7.5em;
	}
	.top-about {
		padding-block: 100px;
	}
	.top-about__title {
		margin-bottom: 60px;
	}
	.ggmap {
		padding-bottom: 27.78%;
	}
	.policy-description {
		font-size: 20px;
		margin-bottom: 80px;
	}
	.policy-sign {
		margin-top: 80px;
	}
}
@media screen and (min-width: 1920px) {
	.dpn--1920 {
		display: none !important;
	}
	.header__logo {
		margin-left: 30px;
	}
	.header-nav__list--item + .header-nav__list--item {
		margin-left: 36px;
	}
	.header-nav__list--item-tel {
		margin-left: 50px !important;
		font-size: 40px;
	}
	.header-nav__list--item-tel .header-nav__list--anchor::before {
		width: 30px;
		height: 30px;
		margin-right: 5px;
	}
	.mv-slider {
		background-position: left top;
	}
	.vegas-slide {
		left: 420px!important;
	}
	.mv-slider__catch {
		left: 284px;
	}
	.top-example .top-example__container {
		padding-inline: 24px;
	}
	.top-example__grid {
		grid-template-columns: 1.15fr minmax(344px,1fr) 1fr 2.22fr;
	}
	.top-example__grid--item01 {
		padding: 80px 30px 40px 30px;
	}
	.ggmap {
		padding-bottom: 20.83%;
	}
}
@media screen and (min-width: 1921px) {
	.top-message__container {
		width: 1820px;
		transform: translateX(-71%);
	}
	.top-message__photo {
		width: 1268px;
	}
	.top-construction::before {
  	background: url(../../img/miyakowasure-pc2560.jpg) center center no-repeat;
  	background-size: cover;
}
@media screen and (min-width: 2560px) {
	.mv-slider {
		background: url(../../img/mv-bg-pc2560.png) left top -277px no-repeat;
	}
	.vegas-slide-inner {
  	background-position: 20% 50% !important;
	}
	.vegas-slide {
		left: 560px!important;
	}
}