/*------------------------------------------------------------------------------
  PC or ALL 
------------------------------------------------------------------------------*/
.header{
	.header-logo{
		width: auto;
	}
	.header-nav{
		ul{
			li{
				a{
					.en{
						font-family: "Zen Kaku Gothic New", sans-serif;
						font-weight: 600;
						font-style: normal;
						letter-spacing: 0.05em;
										}
				}
			}
		}
	}
}
.mainvisual{
	margin-bottom: 0;
}
.mainvisual-catch {
	.sub-text.en{
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
}

.main-message{
	margin-bottom: 0;
	padding: 100px 0;
	background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-message-bg.png) no-repeat center 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	h3.box-h3{
		font-size: 3.6rem;
		font-weight: 700;
		margin-bottom: 40px;
	}
	.copy{
		color: #18b87a;
	}
}

.main-pillars{
	background: #e3f9f0;
	margin-bottom: 0;
	padding: 100px calc((4 / 192) * 100vw) !important;
	.title-type02{
		h2{
			.ja{
				font-size: 3.6rem;
				font-weight: 700;
			}
			.en{
				color: #18b87a;
				font-size: 1.8rem;
				opacity: 1;
			}
		}
		&::before{
			display: none;
		}
	}
	.banner-type01 {
		ul {
			li {
				a{
					padding: 100px 40px;
					.en{
						font-size: 2.4rem;
					}
					.ja{
						font-size: 3.2rem;
						font-weight: 700;
					}
				}
			}
		}
	}
}
.main-business{
	position: relative;
	z-index: 10;
	padding: 100px calc((4 / 192) * 100vw) !important;
	.text{
		&::before{
			background: #ececec;
		}
		h3{
			font-weight: 700;
		}
		.copy{
			color: #18b87a;
			font-size: 2.2rem;
		}
	}
}

.main-slide{
	position: relative;
	h3{
		font-size: 2.8rem;
		font-weight: 700;
	}
	.copy{
		font-size: 2rem;
		font-weight: 700;
	}
	&::before,
	&::after{
		position: absolute;
		display: block;
		content: '';
	}
	&::before{
		top: -200px;
		right: -400px;
		width: 686px;
		height: 489px;
		background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-slide-bg01.png) no-repeat center center / cover;
	}
	&::after{
		bottom: -8vh;
		left: -400px;
		width: 597px;
		height: 368px;
		background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-slide-bg02.png) no-repeat center center / cover;
	}
}

.main-president{
	position: relative;
	z-index: 10;
	padding: 90px 0 65px;
	background: #e3f9f0;
	.title-type02{
		h2{
			.ja{
				font-weight: 700;
			}
			.en{
				color: #18b87a;
				font-size: 1.8rem;
				font-weight: 700;
				opacity: 1;
			}
		}
		&::before{
			display: none;
		}
	}
	.image-text-type03{
		margin: 0 auto;
		max-width: 1120px;
		background: #fff;
		padding: 40px 160px;
		justify-content: space-between;
		.text{
			width: 100%;
			margin: 0;
			padding: 0;
			text-align: center;
			&::before{
				display: none;
			}
			h3,.copy,p,.btn{
				max-width: unset;
			}
			h3{
				font-weight: 700;
				font-size: 1.6rem;
				text-align: right;
			}
			.copy{
				color: #18b87a;
				font-size: 2.2rem;
				font-weight: 700;
			}
		}
	}
}
.main-information,
.main-column{
	.title-type02{
		h2{
			.ja{
				font-size: 3.6rem;
				font-weight: 700;
			}
			.en{
				color: #18b87a;
				font-size: 1.8rem;
				opacity: 1;
			}
		}
		&::before{
			display: none;
		}
	}
}

.footer-contact{
	.title{
		text-align: center;
		.ja{
			font-size: 3.6rem;
			font-weight: 700;
		}
		.en{
			font-size: 1.8rem;
			font-weight: 700;
		}
	}
	.btn{
		a{
			background: #18b87a;
		}
	}
}
.footer-main {
	.logo{
		width: auto;
	}	
}

/* ======================================
2025/2/26 added by tsuji
======================================== */

.box001 {
    padding: 5px 30px;
    margin: 25px 0;
    background: #E3F9F0;
    border-radius: 10px;
}




/*------------------------------------------------------------------------------
  TABLET and SHONE
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.main-message {
		padding: 100px calc((4 / 192)* 100vw) !important;
	}
	.main-president{
		.image-text-type03{
			.image{
				width: 40%;
				height: auto;
			}
			.text{
				width: 55%;
			}
		}
	}
}

/*------------------------------------------------------------------------------
  TABLET ONLY
------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  SPHONE ONLY
------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.main-president{
		.image-text-type03{
			margin: 4vw;
			padding: 4vw;
			.image{
				width: 100%;
				margin-bottom: 2vw;
			}
			.text{
				width: 100%;
			}
		}
	}
}