@charset "UTF-8";

/* 1921px <= window_width */
@media (min-width: 1921px) {
	html {
		font-size: 100px;
	}
}
/* 1201px <= window_width <= 1920px */
@media (min-width: 1201px) and (max-width: 1920px) {
	html {
		font-size: 5.208vw;
	}
}
/* window_width <= 1200px */
@media (max-width: 1200px) {
	html {
		font-size: 62.5px;
	}
}
/* 共通部分に影響が出ないように */
html > * {
	font-size: 16px;
}
.fw700 {
	font-weight: 700;
}
.fw900 {
	font-weight: 900;
}

.wrap {
	font-family: 'Noto Sans JP', sans-serif;
	padding-top: 1.4rem;
	padding-bottom: 1.2rem;
	background-color: #fac82e;
	overflow: hidden;
	font-feature-settings: 'palt';
}
.wrap .font_serif {
	font-family: 'Noto Serif JP', serif;
}
.wrap .font_sans {
	font-family: 'Noto Sans JP', sans-serif;
}
.aprilfool2022_mengara_inner {
	max-width: 1680px;
	margin: auto;
	padding: 0 40px;
}

/* mv */
.aprilfool2022_mengara_mv {
	position: relative;
}
.aprilfool2022_mengara_mv_bg {
	margin-left: auto;
	width: 81%;
	height: 0;
	padding-top: 55.23%;
	background: #fff url(../img/pc/aprilfool2022_mengara/img_mv.jpg) no-repeat center center;
	background-size: cover;
}
.aprilfool2022_mengara_mv_ttl {
	position: absolute;
	top: 16%;
	left: 0;
	background: #fff url(../img/pc/aprilfool2022_mengara/mv_ttl_bg.jpg) no-repeat center bottom -0.24rem;
	background-size: 108.5% auto;
	line-height: 1;
	padding: 0.55rem 0.6rem 1.55rem;
	border: 0.24rem solid #000;
	width: 4.65rem;
	word-break: keep-all;
}
.aprilfool2022_mengara_mv_txt_1 {
	display: block;
	font-size: 0.58rem;
}
.aprilfool2022_mengara_mv_txt_2 {
	display: block;
	font-size: 1.54rem;
	margin-top: 0.23rem;
}
.aprilfool2022_mengara_mv_txt_3 {
	display: block;
	font-size: 1.16rem;
    margin-top: 0.11rem;
}

.aprilfool2022_mengara_lead {
	margin-top: 1.15rem;
	position: relative;
}
.aprilfool2022_mengara_lead_ttl {
	float: right;
	position: relative;
	margin-left: 0.65rem;
	z-index: 2;
	width: 19.6%;
}
.aprilfool2022_mengara_lead_txt {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	float: right;
	font-size: 0.38rem;
	line-height: 1.89;
	text-orientation: upright;
}
.aprilfool2022_mengara_lead_kanban {
	position: absolute;
	top: -8.6%;
	left: 0.2%;
	width: 25.2%;
}
.aprilfool2022_mengara_lead_deco {
	position: absolute;
}
.aprilfool2022_mengara_lead_deco1 {
	top: 54.4%;
	left: 3.9%;
	font-size: 1.38rem;
	transform: rotate(18deg);
}
.aprilfool2022_mengara_lead_deco2 {
	top: 35.8%;
	left: 12.5%;
	font-size: 1.12rem;
	transform: rotate(-25deg);
}
.aprilfool2022_mengara_lead_deco3 {
	top: 66.7%;
	left: 14.2%;
	width: 14%;
	transform: rotate(-11deg);
}

.aprilfool2022_mengara_office {
    margin-top: 1.2rem;
	position: relative;
}
.aprilfool2022_mengara_office::before {
	content: '';
	display: block;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 104.4%;
	height:1.85rem;
	background: url(../img/pc/aprilfool2022_mengara/bg_office.png) no-repeat center top;
	background-size: 100% auto;
}

.aprilfool2022_mengara_pointbox {
	margin-top: 0.55rem;
}
.aprilfool2022_mengara_point {
	width: 30.7%;
	float: left;
}
.aprilfool2022_mengara_point + .aprilfool2022_mengara_point {
	margin-left: 3.9%;
}
.aprilfool2022_mengara_point_img {
	position: relative;
}
.aprilfool2022_mengara_point_img_name {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	background-color: #fff;
	border: 0.18rem solid #000;
	padding: 0.06rem 0;
	line-height: 1;
	font-size: 0.32rem;
	text-align: center;
	width: 1.88rem;
}
.aprilfool2022_mengara_point_ttl {
	font-size: 0.64rem;
	line-height: 1.125;
	margin-top: 0.4rem;
	width: 106%;
}
.aprilfool2022_mengara_point_txt {
	font-size: 0.38rem;
	line-height: 1.47;
	margin-top: 0.09rem;
}
.aprilfool2022_notes {
	text-align: center;
	font-size: 0.24rem;
	margin-top: 1rem;
}