/*------------------------------------------------------------------------------
  PC or ALL 
------------------------------------------------------------------------------*/
.sns-icon-list{
	li {
		a{
			span{
				background: #fff !important;
			}
		}
		&:nth-child(1){
			a{
				background: #06C755;
			}
		}
		&:nth-child(2){
			a{
				background: #000;
			}
		}
		&:nth-child(3){
			a{
				background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
			}
		}
	}
}

.drawer-open{
	span{
		background: #111 !important;
	}
}
.header-inner{
	padding-right: 240px;
}
.header-logo{
	width: calc((39 / 192) * 100vw);
}
.header-nav{
	ul{
		gap: calc((35 / 1920) * 100vw);
		li{
			margin: 0;
			a{
				.en{
					font-family: "Noto Sans JP", serif;
					font-size: max(calc((16 / 1920) * 100vw),14px);
					font-weight: 700;
				}
			}
		}
	}
}

.header-btn{
	position: absolute;
	top: 0;
	right: 100px;
	a{
		position: relative;
		display: block;
		width: 100px;
		height: 100px;
		background: #06c755;
		color: #fff;
		font-size: 1.5rem;
		font-weight: 700;
		text-align: center;
		padding-top: 50px;
		line-height: 1.2;
		&::before{
			content: '';
			position: absolute;
			top: 13px;
			right: 0;
			left: 0;
			height: 29px;
			background: url(/mwp/wp-content/themes/mwp-theme/assets/images/header-btn-icon.png) no-repeat center center;
		}
	}
}

.mainvisual-catch{
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	left: 0;
	bottom: auto;
	text-align: center;
	width: auto;
	.copy{
		font-size: max(calc((56 / 1920) * 100vw),45px) !important;
		img{
			width: calc((385 / 1920) * 100vw);
			min-width: 320px;
			margin-bottom: .5em;
		}
	}
}

.title-type02{
	h2{
		.en{
			color: #9ec32d;
			font-size: 6.4rem;
		}
		.ja{
			color: #111;
			font-size: 2.6rem;
			font-weight: 700;
			opacity: 1;
		}
	}
	&::before{
		display: none;
	}
}
.box{
	.btn{
		a{
			color: #111;
		}
	}
}

.main-campaign{
	ul{
		li{
			.text{
				.en{
					font-family: "Noto Sans JP", serif;
					font-weight: 700;
				}
			}
		}
	}
}

.main-concept{
	margin-bottom: 0;
	.image-text-type02 {
		align-items: center;
		.image{
			width: 56%;
			aspect-ratio: 1003 / 568;
			min-height: unset;
			img{
				object-fit: unset;
				height: auto;
			}
		}
		.text{
			margin: 0;
			padding: 0 80px 0 0;
			width: 41%;
			h3{
				max-width: unset !important;
				font-size: calc((32 / 1920) * 100vw);
			}
			.copy{
				max-width: unset !important;
				font-size: calc((2 / 192) * 100vw);
			}
			p{
				max-width: unset !important;
				font-size: calc((16 / 1920) * 100vw);
			}
			&::before{
				display: none;
			}
		}
	}
}

.main-point{
	.title-type02{
		padding-bottom: 0;
	}
	.list-number-type02{
		ol{
			li{
				h3{
					font-size: 3rem;
					font-weight: 700;
					text-align: center;
				}
				p{
					font-size: 1.6rem;
					font-weight: 700;
				}
				&::before{
					font-family: "Anton", sans-serif;
					color: #9ec32d;
					font-size: 5.2rem;
					font-weight: 400;
					border-color: #d9d9d9;
				}
			}
		}
		&::after{
			background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-point-bg.png) no-repeat center center / cover;
		}
	}
}

.main-banner01,
.main-banner02,
.main-banner03{
	text-align: center;
	ul{
		li{
			a{
				padding: 0;
				&::after{
					display: none;
				}
			}
		}
	}
}
.main-banner02,
.main-banner03{
	ul{
		li{
			a{
				position: relative;
				display: block;
				aspect-ratio: 356 / 250;
				span{
					display: block;
					&.image,
					&.header{
						position: absolute;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						text-align: center;
					}
				}
				&::before{
					content: '';
					position: absolute;
					bottom: 0;
					right: 0;
					width: 44px;
					height: 44px;
					background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-banner-arrow.png) no-repeat center center / cover;
					z-index: 10;
				}
			}
		}
	}
}

.main-about{
	.title-type02{
		padding-bottom: 0;
	}
	.banner-type02{
		padding-bottom: 70px;
		position: relative;
		ul{
			li{
				background: none;
				-webkit-box-shadow: unset;
				-moz-box-shadow: unset;
				box-shadow: unset;
				.image{
					margin: 0 auto calc((2 / 192) * 100vw);
					width: calc((248 / 1920) * 100vw);
				}
				.text{
					padding: 0;
					h3{
						text-align: center;
						color: #111;
						font-size: calc((28 / 1920) * 100vw);
						font-weight: 700;
					}
					p{
						color: #111;
						font-size: calc((16 / 1920) * 100vw);
						font-weight: 700;
					}
				}
			}
		}
		&::after{
			content: "";
			position: absolute;
			top: calc((10 / 192) * 100vw);
			left: 50%;
			width: 100vw;
			height: calc(100% - ((10 / 192) * 100vw));
			background: linear-gradient(to right, #ffb700, #ffd900);
			z-index: -1;
			transform: translateX(-50%);
		}
	}
}

.main-blog{
	.title-type02{
		padding-bottom: 0;
	}
}

.main-blog02{
	margin: 0 auto 90px;
	max-width: 556px;
}

.footer-contact{
	.contact-type01{
		margin-bottom: 0;
		padding: 70px 0 90px;
		.title{
			margin-bottom: 0;
			.en{
				font-size: 6.4rem;
			}
			.ja{
				font-size: 2.6rem;
				font-weight: 700;
			}
		}
		.text{
			.tel{
				font-size: 7.1rem;
				font-weight: 400;
			}
			.datetime{
				font-size: 1.6rem;
				font-weight: 700;
			}
			.btn{
				.ja{
					a{
						&::after{
							font-size: 20px;
						}
					}
					&:last-child{
						a{
							background: #06c755;
							color: #fff;
							padding: 9px 30px 10px 25px;
							&::after{
								display: none;
							}
							span.sns-icon{
								display: inline-block;
								margin-right: 10px;
								width: 25px;
								height: 25px;
								transform: translateY(20%);
							}
						}
					}
				}
			}
		}
	}
}
.footer-map{
	height: 450px;
	iframe{
		height: 450px;
	}
}
.footer{
	.logo{
		width: auto;
	}
	.footer-line{
		a{
			margin: 40px auto 0;
			width: 410px;
			height: 90px;
			display: flex;
			justify-content: center;
			align-items: center;
			gap: 20px;
			background: #06c755;
			color: #fff;
			-webkit-border-radius: 25px;
			-moz-border-radius: 25px;
			border-radius: 25px;
			span.sns-icon{
				width: 50px;
				height: 50px;
			}
			span.footer-line-text{
				text-align: left;
			}
		}
	}
	.footer-sns{
		ul{
			li{
				a{
					.sns-icon{
						background: #111;
					}
				}
			}
		}
	}
}
.fixed-footer{
	background: #fc0;
	.tel{
		a{
			&::before{
				color: #111;
			}
		}
	}
	.contact{
		a{
			background: #ffe88d;
			color: #111;
		}
	}
}

/* 20250616 added by Kumagai */

.page-content h2:not([class]),
.page-content h3:not([class]),
.page-content h4:not([class]) {
  margin-bottom: 3vh;
}
.box-color {
    margin: 0 0 6vh;
    padding: 3vh;
    background: #fcfff9;
	border: 2px solid #9ec32c;
}
.contact-coline{
	a{
		margin: 20px auto 0;
		width: 360px;
		height: 90px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;
		background: #06c755;
		color: #fff;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
		span.sns-icon{
			width: 50px;
			height: 50px;
		}
	}
}
/*==========
CONTENTS WORKS ID:1995
==========*/
table.table_qa{
    margin: 0 0 0.8em 0;
    padding: 0;
    margin-bottom:40px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
table.table_qa th{
    padding: 10px;
    width: 5%;
}
table.table_qa td{
    padding: 10px;
}
table.table_qa tr:nth-child(2n-1) td{
	font-size:18px;
}
table.table_qa tr:nth-child(2n){
    background:#faf2d1;
}
table.table_qa tr:nth-child(2n) th{
    vertical-align: top;
}
/* Qアイコン */
.q_icon{
	/*font-family: 'Nunito', sans-serif;*/
	/* font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif; */
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-weight: normal;
	display: inline-block;
	font-size: 26px;
	color: #fff;
	background: #06c755;
	border-radius: 50%;
	width: 54px;
	height: 54px;
	text-align: center;
	line-height: 54px;
}
/* Aアイコン */
.a_icon{
	/*font-family: 'Nunito', sans-serif;*/
	/* font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝", "Yu Mincho", YuMincho,  "MS P明朝", "MS PMincho", serif; */
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	font-weight: normal;
	display: inline-block;
	font-size: 26px;
	color: #000000;
	background: #ffcc00;
	border-radius: 50%;
	width: 54px;
	height: 54px;
	text-align: center;
	line-height: 54px;
}


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

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

/*------------------------------------------------------------------------------
  SPHONE ONLY
------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
.header-logo{
	width: 50vw;
}

.header-btn{
	right: 60px;
	a{
		width: 60px;
		height: 60px;
		font-size: 1rem;
		padding-top: 30px;
		&::before{
			top: 8px;
			height: 20px;
			background: url(/mwp/wp-content/themes/mwp-theme/assets/images/header-btn-icon.png) no-repeat center center;
			-webkit-background-size: 20px 20px;
			background-size: 20px 20px;
		}
	}
}
.mainvisual-catch{
	padding: 0 4vw;
	.copy{
		font-size: 8vw !important;
		img{
			width: 60vw;
			min-width: unset;
		}
	}
}

.main-concept{
	margin-bottom: 10vw;
	.image-text-type02 {
		.image{
			width: 100%;
		}
		.text{
			padding: 0;
			width: 100%;
			h3{
				font-size: 6vw;
			}
			.copy{
				font-size: 4vw;
			}
			p{
				font-size: 3.7vw;
			}
		}
	}
}
.main-point{
	.list-number-type02{
		&::after{
			display: block;
		}
	}
}

.main-about{
	.title-type02{
		padding-bottom: 0;
	}
	.banner-type02{
		padding-bottom: 70px;
		position: relative;
		ul{
			li{
				.image{
					margin: 0 auto 2vw;
					width: 40vw;
				}
				.text{
					h3{
						font-size: 6vw;
					}
					p{
						font-size: 4vw;
					}
				}
			}
		}
		&::after{
			top: -4vw;
		}
	}
}
.main-blog02{
	margin-top: 8vw;
}
.footer-contact{
	.contact-type01{
		padding: 7vw 0 9vw;
		.text{
			.tel{
				font-size: 11vw;
			}
			.datetime{
				font-size: 4vw;
			}
		}
	}
}
.footer{
	.footer-line{
		a{
			margin: 40px auto 0;
			width: 80vw;
			height: 15vw;
			gap: 3vw;
			-webkit-border-radius: 3vw;
			-moz-border-radius: 3vw;
			border-radius: 3vw;
			span.sns-icon{
				width: 10vw;
				height: 10vw;
			}
			span.footer-line-text{
				width: 60vw;
				font-size: 3.5vw;
			}
		}
	}
}
.sphone-fixed-footer{
	ul{
		li{
			a{
				color: #111;
			}
		}
	}
}