/* ==================== world-meiji/<hr>.css ==================== */

.world-meiji hr {
	border: none;
	marign: 0;
	height: 2em;
}



/* ==================== world-meiji/<p>.css ==================== */

@media (max-width: 640px) {
	.world-meiji p {
		font-size: 90%;
	}
}

@media (min-width: 641px) {
	.world-meiji p {
		font-size: 70%;
	}
}



/* ==================== world-meiji/<section>.css ==================== */

.world-meiji section {
	/* display: flex;
	flex-direction: column;
	align-items: center; */
	/* overflow: hidden; */
}


.world-meiji section {
	position: relative;
}

.world-meiji section::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 100%;
	width: 100%;
	background: no-repeat center bottom;
}

.world-meiji section .wm-content {
	z-index: 0;
	overflow: hidden;
}

.world-meiji section p {
	line-height: 1.8;
}


@media (max-width: 640px) {
	.world-meiji section::before {
		height: 40vw;
		transform: translateY(7.5em);
		background-size: 100% 100%;
		background-image: url(../images/title_back_sp.png);
}
	.world-meiji section:nth-of-type(1)::before {
		background-image: url(../images/title_back_top_sp.png);
	}

	.world-meiji section .wm-content {
		padding: 7.5em 0 3em;
	}
}


@media (min-width: 641px) {

	.world-meiji section::before {
		height: 10em;
		transform: translateY(6.5em);
		background-size: 68.3em 100%;
		background-image: url(../images/title_back.png);
	}
	.world-meiji section:nth-of-type(1)::before {
		background-image: url(../images/title_back_top.png);
	}

	.world-meiji section .wm-content {
		padding: 6.5em 0;
	}

	.IE .world-meiji section > * {
		max-width: 100%;
	}
}


@media (min-width: 1367px) {
	.world-meiji section::before {
		background-size: 100% 100%;
	}
}



/* ==================== world-meiji/<section>__<h2>.css ==================== */

.world-meiji section h2 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	font-size: inherit;
	text-align: center;
}


@media (max-width: 640px) {
	.world-meiji section h2 img {
		height: 4.5em;
	}
}


@media (min-width: 641px) {
	.world-meiji section h2 img {
		height: 5em;
	}
}



/* ==================== world-meiji/<ul>.css ==================== */

.world-meiji ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



/* ==================== world-meiji/@.css ==================== */

.world-meiji {
	background: #abe7ff;
}

.world-meiji * {
	color: black;
}



/* ==================== world-meiji/@responsive.css ==================== */

@media (max-width: 375px) {
	.world-meiji, .world-meiji img {
		font-size: 4vw;
	}
}

@media (min-width: 376px) and (max-width: 640px) {
	.world-meiji, .world-meiji img {
		font-size: 15px;
	}
}

@media (min-width: 641px) {
	.world-meiji, .world-meiji img {
		font-size: 2vw;
	}
}

@media (min-width: 1001px) {
	.world-meiji, .world-meiji img {
		font-size: 20px;
	}
}



/* ==================== world-meiji/cnt-base.css ==================== */

.world-meiji .cnt-base {
	box-sizing: border-box;
	padding: 1.5em;
	position: relative;
}


body.open-popup .world-meiji .cnt-base {
	opacity: 0.75;
}


.world-meiji .cnt-base::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 1em;
	background: white;
	box-shadow: 0.25em 0.25em 0 rgba(56,193,255,0.3);
}

.world-meiji .cnt-base.kamaboko::before {
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
}

.world-meiji .cnt-base.trv,
.world-meiji .cnt-base.activity-country {
	padding-top: 0;
}



.world-meiji .cnt-base > * {
	position: relative;
}


@media (max-width: 640px) {
	.world-meiji .cnt-base.activity-country::before {
		height :calc(100% - 9em);
	}
	.world-meiji .cnt-base.trv::before {
		height :calc(100% - 2em);
	}
}


@media (min-width: 641px) {

	.world-meiji .cnt-base.activity-country::before {
		height :calc(100% - 9em);
	}
	.world-meiji .cnt-base.trv::before {
		height :calc(100% - 1.5em);
	}
}



/* ==================== world-meiji/compare-content.css ==================== */

.world-meiji .compare-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 641px) {
  .world-meiji .compare-content {
    width: 37em;
  }
}
.world-meiji .compare-content h3 {
  margin: 0;
}
@media (max-width: 640px) {
  .world-meiji .compare-content h3 img {
    width: 100%;
  }
}
@media (min-width: 641px) {
  .world-meiji .compare-content h3 img {
    width: 33.5em;
  }
}
.world-meiji .compare-content figure {
  margin: 2em auto;
}
@media (max-width: 640px) {
  .world-meiji .compare-content figure img {
    width: 100%;
  }
}
@media (min-width: 641px) {
  .world-meiji .compare-content figure img {
    width: 32em;
  }
}
.world-meiji .compare-content p {
  margin: 0 auto;
}
@media (min-width: 641px) {
  .world-meiji .compare-content p {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2em;
  }
}
.world-meiji .compare-content p::before {
  content: "";
  display: block;
  flex-shrink: 0;
  margin-left: 1em;
  background: url(../images/compare_chara.png) no-repeat center center/contain;
}
@media (max-width: 640px) {
  .world-meiji .compare-content p::before {
    float: right;
    width: 5em;
    height: 5em;
    margin-top: -1em;
  }
}
@media (min-width: 641px) {
  .world-meiji .compare-content p::before {
    order: 1;
    width: 6em;
    height: 6em;
  }
}
.world-meiji .compare-content.compare-content-hellopanda p span {
  color: #9e4115;
}

.world-meiji .compare-content.compare-content-kinokonoyama p span {
  color: #4dba00;
}

.world-meiji .compare-content.compare-content-meltykiss p span {
  color: #ff6600;
}

.world-meiji .compare-content.compare-content-milk p span {
  color: #0081e3;
}

.world-meiji .compare-content.compare-content-yanyan p span {
  color: #ff5c5c;
}

.world-meiji .compare-content.compare-content-yogurt p span {
  color: #1da2db;
}

.world-meiji .compare-content p ruby,
.world-meiji .compare-content p * {
  color: inherit;
}



/* ==================== world-meiji/popup.css ==================== */

.world-meiji .popup {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 1.5em;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

body.open-popup {
	height: 100vh;
	overflow-y: hidden;
}


.world-meiji .popup:not(.open) {
	visibility: hidden;
}


.world-meiji .popup .base {
	flex-shrink: 0;
	position: relative;
	margin: auto;
	padding: 1.5em;
}

.world-meiji .popup:not(.open) .base {
	opacity: 0.5;
	transform: translateY(0.5em);
}
.world-meiji .popup.open .base {
	opacity: 1;
	transition: opacity 400ms, transform 400ms;
}

.world-meiji .popup .base::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 0.25em solid;
	border-radius: 1em;
	background: white;
}

.world-meiji .popup .base > * {
	position: relative;
}

.IE .world-meiji .popup .base > * {
	max-width: 100%;
}

.world-meiji .popup.fct-1 .base::before { border-color: #ffb3fe; }
.world-meiji .popup.fct-2 .base::before { border-color: #ffbc8f; }
.world-meiji .popup.fct-3 .base::before { border-color: #16b819; }
.world-meiji .popup.fct-4 .base::before { border-color: #4ca0ff; }
.world-meiji .popup.fct-5 .base::before { border-color: #cb93e5; }
.world-meiji .popup.fct-6 .base::before { border-color: #e8cd61; }
.world-meiji .popup.fct-7 .base::before { border-color: #f295c1; }
.world-meiji .popup.fct-8 .base::before { border-color: #e0a800; }
.world-meiji .popup.fct-9 .base::before { border-color: #ff9d00; }
.world-meiji .popup.fct-10 .base::before { border-color: #1698ff; }

.world-meiji .popup.cmp-hellopanda .base::before {border-color: #e3c197; }
.world-meiji .popup.cmp-kinokonoyama .base::before {border-color: #99e363; }
.world-meiji .popup.cmp-meltykiss .base::before {border-color: #ffc39c; }
.world-meiji .popup.cmp-milk .base::before {border-color: #8fceff; }
.world-meiji .popup.cmp-yanyan .base::before {border-color: #ffbdbd; }
.world-meiji .popup.cmp-yogurt .base::before {border-color: #73d4ff; }



.world-meiji .popup .popup-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 3em;
	height: 3em;
	border: none;
	margin: 0;
	padding: 0;
	font-size: inherit;
	background: url(../images/popup_close.svg) no-repeat center center / 40%;
	cursor: pointer;
}



/* ==================== world-meiji/scroll-map-box.css ==================== */

.world-meiji .scroll-map-box {
	width: 100%;
	position: relative;
	background: url(../images/map_base.png);
	background-repeat: no-repeat, repeat;
	background-position: center top;
	transition: background-position 1200ms;
}


/* .world-meiji .scroll-map-box[data-current-index="0"] {
	background-repeat: no-repeat;
} */

.world-meiji .scroll-map-box[data-map-id="1"][data-current-index="1"] {
	background-image: url(../images/map_china.png), url(../images/map_base.png);
}
.world-meiji .scroll-map-box[data-map-id="1"][data-current-index="2"] {
	background-image: url(../images/map_thailand.png), url(../images/map_base.png);
}
.world-meiji .scroll-map-box[data-map-id="1"][data-current-index="3"] {
	background-image: url(../images/map_singapore.png), url(../images/map_base.png);
}
.world-meiji .scroll-map-box[data-map-id="1"][data-current-index="4"] {
	background-image: url(../images/map_vietnam.png), url(../images/map_base.png);
}
.world-meiji .scroll-map-box[data-map-id="1"][data-current-index="5"] {
	background-image: url(../images/map_america.png), url(../images/map_base.png);
}

.world-meiji .scroll-map-box[data-map-id="2"][data-current-index="1"] {
	background-image: url(../images/map_ghana.png), url(../images/map_base.png);
}
.world-meiji .scroll-map-box[data-map-id="2"][data-current-index="2"] {
	background-image: url(../images/map_vietnam.png), url(../images/map_base.png);
}
.world-meiji .scroll-map-box[data-map-id="2"][data-current-index="3"] {
	background-image: url(../images/map_mexico.png), url(../images/map_base.png);
}
.world-meiji .scroll-map-box[data-map-id="2"][data-current-index="4"] {
	background-image: url(../images/map_peru.png), url(../images/map_base.png);
}
.world-meiji .scroll-map-box[data-map-id="2"][data-current-index="5"] {
	background-image: url(../images/map_brazil.png), url(../images/map_base.png);
}



.world-meiji .scroll-map-box .map-target {
	display: block;
	visibility: hidden;
	/* border: 2px solid red; */
	width: 0;
	height: 0;
	margin: 0 auto;
}


@media (max-width: 640px) {
	.world-meiji .scroll-map-box {
		background-size: 300vw;
	}
}


@media (min-width: 641px) {
	.world-meiji .scroll-map-box {
		background-size: 80em;
	}
}



/* ==================== world-meiji/wc-link.css ==================== */

.world-meiji .wc-link {
	text-align: center;
}


.world-meiji .wc-link a {
	display: inline-block;
	/* transform-origin: center bottom; */
	transition: 200ms;
}
.world-meiji .wc-link a:hover {
	/* transform: scale(1.05); */
	opacity: 0.6;
}


@media (max-width: 640px) {
	.world-meiji .wc-link img {
		width: 18em;
	}
}


@media (min-width: 641px) {
	.world-meiji .wc-link img {
		width: 15em;
	}
}



/* ==================== world-meiji/activity/@.css ==================== */





/* ==================== world-meiji/activity/countries.css ==================== */

.world-meiji .activity .countries > div {
	margin: 4em auto;
}


@media (max-width: 640px) {
	.world-meiji .activity .countries {
		padding: 0 1em;
	}
}


@media (min-width: 641px) {
	.world-meiji .activity .countries {
		width: 45em;
		margin: 0 auto;
	}
}



/* ==================== world-meiji/activity/country.css ==================== */

@media (min-width: 641px) {
	.world-meiji .activity .country {
		display: grid;
		align-items: center;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1em 2em;
	}
	.world-meiji .activity .country:nth-of-type(even) > *:nth-child(1) {
		grid-column: 2;
		grid-row: 1;
	}

	.IE .world-meiji .activity .country {
		display: -ms-grid;
		-ms-grid-columns: 1fr 1fr;
	}

	.IE .world-meiji .activity .country > * {
		-ms-grid-row-align: start;
	}
	.IE .world-meiji .activity .country > *:nth-child(1) {
		-ms-grid-column: 1;
	}
	.IE .world-meiji .activity .country > *:nth-child(2) {
		-ms-grid-column: 2;
	}

	.IE .world-meiji .activity .country:nth-of-type(even) > *:nth-child(1) {
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	.IE .world-meiji .activity .country:nth-of-type(even) > *:nth-child(2) {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}

}



/* ==================== world-meiji/activity/country__<figure>.css ==================== */

.world-meiji .activity .country figure img {
	border: 0.5em solid white;
	box-shadow: 0 0 0 1px #ccc;
	transform: rotate(-3deg);
}


.world-meiji .activity .country.country-1 figure {
	display: flex;
	flex-direction: column;
}

.IE .world-meiji .activity .country.country-1 figure > * {
	flex-shrink: 0;
	max-width: 100%;
}

.world-meiji .activity .country.country-1 figure img {
	width: 75%;
}
.world-meiji .activity .country.country-1 figure img:nth-of-type(1) {
	margin-right: auto;
}
.world-meiji .activity .country.country-1 figure img:nth-of-type(2) {
	transform: rotate(3deg);
	margin-left: auto;
	margin-top: -5%;
}



/* ==================== world-meiji/activity/country__agro.css ==================== */

.world-meiji .activity .country .agro {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	padding: 0 2em 2em;
}

.world-meiji .activity .country .agro::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: calc(100% - 4em);
	border: 0.5em solid white;
	box-shadow: 0 0 0 1px #ccc;
	background: #91c98b;
	transform: rotate(3deg);
}

.world-meiji .activity .country .agro > * {
	position: relative;
}


.world-meiji .activity .country .agro h5 {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.world-meiji .activity .country .agro p {
	margin: 0;
}


@media (max-width: 640px) {
	.world-meiji .activity .country .agro {
		width: 94%;
	}
	.world-meiji .activity .country .agro h5 img {
		width: 14em;
	}
}


@media (min-width: 641px) {
	.IE .world-meiji .activity .country .agro > * {
		max-width: 100%;
	}

	.world-meiji .activity .country .agro h5 img {
		width: 11em;
	}
}



/* ==================== world-meiji/activity/country__body.css ==================== */

.world-meiji .activity .country .body {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.world-meiji .activity .country .body .map-target {
	position: absolute;
	top: 1em;
}

.world-meiji .activity .country .body h4 {
	margin: 0 0 1em;
}

.world-meiji .activity .country .body h4 img {
}

.world-meiji .activity .country .body p {
	margin: 0;
}


@media (max-width: 640px) {
	.world-meiji .activity .country .body h4 img {
		height: 11em;
	}
}


@media (min-width: 641px) {
	.world-meiji .activity .country .body h4 img {
		height: 10em;
	}

	.IE .world-meiji .activity .country .body {
		overflow: hidden;
	}

	.IE .world-meiji .activity .country .body > * {
		max-width: 100%;
	}
}



/* ==================== world-meiji/activity/main.css ==================== */

.world-meiji .activity .main.top {
	margin-top: 1em;
}

.world-meiji .activity .main.top h3 {
	margin: 0 0 1em;
	text-align: center;
}

.world-meiji .activity .main p {
	margin: 0;
}


.world-meiji .activity .main.foot {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.world-meiji .activity .main.foot::after {
	visibility: visible;
	content: '';
	display: block;
	width: 8em;
	background: url(../images/activity_chara.png) no-repeat center center / contain;
}

.world-meiji .activity .main.foot a {
	margin-top: 1em;
	transition: 200ms;
}
.world-meiji .activity .main.foot a:hover {
	opacity: 0.6;
}



@media (max-width: 640px) {
	.world-meiji .activity .main {
		margin: 0 1em;
	}

	.world-meiji .activity .main h3 img {
		width: 100%;
	}
	.world-meiji .activity .main figure {
		display: grid;
		grid-gap: 1em;
		margin: 2em 1em;
	}
}


@media (min-width: 641px) {

	.world-meiji .activity .main {
		width: 45em;
		margin: 0 auto;
	}

	.world-meiji .activity .main.top {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}

	.IE .world-meiji .activity .main.top {
		overflow: hidden;
	}

	.world-meiji .activity .main.top h3 {
		width: 100%;
	}
	.world-meiji .activity .main.top h3 img {
		width: 24.5em;
	}

	.world-meiji .activity .main.top figure {
		width: 40%;
		margin: 0;
	}

	.world-meiji .activity .main.top p {
		width: 55%;
	}

	.world-meiji .activity .main.top figure:nth-of-type(1) {
		order: 1;
	}
	.world-meiji .activity .main.top p:nth-of-type(1) {
		order: 2;
	}
	.world-meiji .activity .main.top p:nth-of-type(2) {
		order: 3;
	}
	.world-meiji .activity .main.top figure:nth-of-type(2) {
		order: 4;
	}
	.world-meiji .activity .main.top figure:nth-of-type(3) {
		order: 5;
	}
	.world-meiji .activity .main.top p:nth-of-type(3) {
		order: 6;
	}

	.world-meiji .activity .main.top figure:nth-of-type(2) {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: -1em 0;
	}
	.world-meiji .activity .main.top figure:nth-of-type(2) img {
		width: 75%;
	}
	.world-meiji .activity .main.top figure:nth-of-type(2) img:nth-of-type(2) {
		margin-left: auto;
		margin-top: 0.5em;
	}

	.IE .world-meiji .activity .main.top figure:nth-of-type(2) img {
		flex-shrink: 0;
	}


	.world-meiji .activity .main.foot {
		padding-right: 10em;
	}

	.IE .world-meiji .activity .main.foot > * {
		max-width: 100%;
	}

	.world-meiji .activity .main.foot::after {
		position: absolute;
		right: 1em;
		top: 0;
		width: 8em;
		height: 100%;
	}

}



/* ==================== world-meiji/factory/@.css ==================== */





/* ==================== world-meiji/factory/factory-container.css ==================== */

.world-meiji .factory .factory-container {
	position: relative;
}


@media (max-width: 640px) {
	.world-meiji .factory .factory-container {
		margin-top: -1em;
	}
	.world-meiji .factory.country-selected .factory-container {
		margin-top: -2em;
		height: 51em;
	}
}


@media (min-width: 641px) {
	.world-meiji .factory .factory-container {
		transition: margin 400ms;
	}

	.world-meiji .factory:not(.country-selected) .factory-container {
		margin-bottom: -4em;
	}
}



/* ==================== world-meiji/factory/factory-content.css ==================== */

.world-meiji .factory .factory-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content {
    min-width: 28em;
  }
}
.world-meiji .factory .factory-content h3 {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: inherit;
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content h3 {
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content h3 img.meiji {
    width: 4.5em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content h3 img.meiji {
    width: 4em;
    margin-right: 1em;
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content h3 img.name {
    margin-top: 0.5em;
    max-width: calc(100% - 1em);
    height: 2.5em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content h3 img.name {
    height: 2.3em;
  }
}
.world-meiji .factory .factory-content dl {
  margin: 1.5em 0;
  border: solid #b2dbf6;
  border-width: 1px 0;
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content dl {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 0.5em 1em;
    align-items: center;
    padding: 1em 0;
    width: calc(100% - 1em);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content dl {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 25em;
    padding: 1em;
  }
}
.world-meiji .factory .factory-content dl dt {
  display: flex;
  align-items: center;
  background: #0086e0;
  height: 2.4em;
  border-radius: 1.2em;
  padding: 0 1em;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  color: white;
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content dl dt {
    font-size: 80%;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content dl dt {
    font-size: 65%;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content dl dt:nth-of-type(n+2) {
    margin-left: 2em;
  }
}
.world-meiji .factory .factory-content dl dt > span {
  transform: translateY(22%);
}
.world-meiji .factory .factory-content dl dt * {
  color: white;
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content dl dd {
    margin: 0;
    font-size: 90%;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content dl dd {
    margin: 0 0 0 1em;
    font-size: 70%;
  }
}
.world-meiji .factory .factory-content figure {
  display: flex;
  margin: 0;
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content figure {
    flex-direction: column;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content figure {
    align-items: center;
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content figure::before {
    content: "";
    display: block;
    width: 6em;
    height: 6em;
    margin-top: -2em;
    background: url(../images/factory_chara_1.png) no-repeat left bottom/contain;
    order: 2;
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content figure img {
    margin: 0 0.5em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content figure img {
    width: 16em;
    margin: 0 0.5em;
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content figure img.pic {
    order: 1;
  }
}
@inlude sp {
  .world-meiji .factory .factory-content:is(.fct5_2) figure img.pic {
    width: 14em;
    margin: 0 auto;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content:is(.fct5_2) figure img.pic {
    margin-left: 6.5em;
    margin-bottom: -4em;
    margin-right: 2em;
    width: auto;
    height: 16em;
  }
}

@media (max-width: 640px) {
  .world-meiji .factory .factory-content figure img.items {
    order: 3;
  }
}
.world-meiji .factory .factory-content p {
  display: flex;
  align-items: flex-end;
  margin: 1em 0 0;
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content p {
    width: 100%;
    justify-content: flex-end;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content p::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 8.5em;
    height: 8.5em;
    background: url(../images/factory_chara_1.png) no-repeat left bottom/contain;
  }
}
.world-meiji .factory .factory-content p img.chara {
  width: 4.4em;
  margin-left: -0.75em;
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content p img.chara {
    flex-shrink: 1;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content p img.chara {
    width: 4.4em;
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .factory-content p img.text {
    width: calc(100% - 4.4em + 0.75em);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .factory-content p img.text {
    width: auto;
    height: 3.7em;
  }
}



/* ==================== world-meiji/factory/map.css ==================== */

.world-meiji .factory .map {
	/* flex-shrink: 0; */
	position: relative;
	left: 50%;
	width: 64em;
	height: 32em;
	transform: translateX(-50%);
}

.world-meiji .factory .map .body {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	transition: 600ms;
}
.world-meiji .factory .map .body img {
	width: 100%;
	height: 100%;
}



/* ==================== world-meiji/factory/plot.css ==================== */

.world-meiji .factory .plot {
	width: 0.75em;
	height: 0.75em;
	position: absolute;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	transition: 150ms;
	opacity: 0.8;
}



.world-meiji .factory .plot.cid-1 { background: #cf257e; }
.world-meiji .factory .plot.cid-2 { background: #d63900; }
.world-meiji .factory .plot.cid-3 { background: #00783d; }
.world-meiji .factory .plot.cid-4 { background: #0070ed; }
.world-meiji .factory .plot.cid-5 { background: #990094; }
.world-meiji .factory .plot.cid-6 { background: #db0000; }
.world-meiji .factory .plot.cid-7 { background: #21468b; }
.world-meiji .factory .plot.cid-8 { background: #de3f00; }
.world-meiji .factory .plot.cid-9 { background: #00247d; }
.world-meiji .factory .plot.cid-10 { background: #eb0000; }

.world-meiji .factory.country-selected .plot {
	animation-name: wm-factory-plot;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	box-shadow: 0 0 0 2px rgba(255,255,255,1);
}

@keyframes wm-factory-plot {
	from {
		box-shadow: 0 0 0 2px rgba(255,255,255,1), 0 0 0 4px rgba(255,255,255,1);
	}
	to {
		box-shadow: 0 0 0 2px rgba(255,255,255,1), 0 0 0 10px rgba(255,255,255,0);
	}
}

.world-meiji .factory.factory-selected .plot {
	transform: translate(-50%, -50%) scale(0.9);
}

.world-meiji .factory.factory-selected .plot.selected {
	transform: translate(-50%, -50%) scale(1.1);
}

.world-meiji .factory .plot.off {
	width: 0;
	height: 0;
	opacity: 0;
}


@media (max-width: 640px) {
	.world-meiji .factory:not(.country-selected) .plot {
		display: none;
	}
}



/* ==================== world-meiji/factory/select-country.css ==================== */

.world-meiji .factory .select-country {
  order: 1;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1em 1em;
  transition: 400ms;
}
.world-meiji .factory:not(.country-selected) .select-country {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.world-meiji .factory.country-selected .select-country {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}

@media (max-width: 640px) {
  .world-meiji .factory .select-country {
    box-sizing: border-box;
    width: 24em;
  }
}
.world-meiji .factory .select-country::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 1em;
  background: rgba(56, 193, 255, 0.75);
}
.world-meiji .factory.country-selected .select-country::before {
  height: 100%;
}

@media (max-width: 640px) {
  .world-meiji .factory .select-country::before {
    height: calc(100% - 1em);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-country::before {
    height: calc(100% - 0.9em);
  }
}
.world-meiji .factory .select-country > * {
  position: relative;
}
.world-meiji .factory .select-country h3 {
  margin: 0;
  font-size: inherit;
}
.world-meiji .factory.country-selected .select-country h3 {
  display: none;
}

@media (max-width: 640px) {
  .world-meiji .factory .select-country h3 {
    margin-bottom: 0.5em;
    height: 2em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-country h3 {
    height: 1.8em;
  }
}
.world-meiji .factory .select-country h3 img {
  width: auto;
  height: 100%;
}
.world-meiji .factory .select-country ul {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-country ul {
    flex-wrap: wrap;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-country ul {
    width: 38em;
  }
  .world-meiji .factory:not(.country-selected) .select-country ul {
    flex-wrap: wrap;
  }
  .world-meiji .factory .select-country ul::after {
    content: none;
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .select-country ul li {
    width: 31.3%;
    margin: 1%;
  }
  .world-meiji .factory.country-selected .select-country ul li {
    margin: -2% 0.5% 0;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-country ul li {
    width: 8em;
  }
  .world-meiji .factory .select-country ul li:nth-of-type(2) {
    width: 8.6021505376em;
  }
  .world-meiji .factory:not(.country-selected) .select-country ul li {
    margin: 0.25em 0.5em;
  }
  .world-meiji .factory.country-selected .select-country ul li {
    width: 100%;
    margin: 0.25em;
  }
}
.world-meiji .factory .select-country ul li a {
  display: inline-block;
  transition: 200ms;
  transform-origin: center bottom;
  vertical-align: bottom;
}
.world-meiji .factory .select-country ul li a.off {
  transform: scale(0.9);
  opacity: 0.5;
}
.world-meiji .factory.country-selected .select-country ul li a:not(.off) {
  position: relative;
}

.world-meiji .factory .select-country ul li a:hover, .world-meiji .factory .select-country ul li a.on {
  transform: scale(1.1);
  opacity: 1;
}



/* ==================== world-meiji/factory/select-factory.css ==================== */

.world-meiji .factory .select-factory {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.world-meiji .factory .select-factory:not(.open) {
  position: fixed;
  visibility: hidden;
}
.world-meiji .factory .select-factory:not(.open) h4,
.world-meiji .factory .select-factory:not(.open) li {
  transform: scale(0.3);
}
.world-meiji .factory .select-factory:is(.open) {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
.world-meiji .factory .select-factory:is(.open) h4,
.world-meiji .factory .select-factory:is(.open) li {
  transform: scale(1);
  transition: 300ms ease-out;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory h4 {
    margin: 0 0 0.5em;
  }
  .world-meiji .factory .select-factory.cid-1 h4 {
    transform: translate(-2.5em, -1em);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory h4 {
    margin: 0;
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory h4 img {
    width: 9.5em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory h4 img {
    width: 9em;
  }
}
.world-meiji .factory .select-factory ul {
  position: relative;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul {
    width: 23.5em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul {
    width: 36em;
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory.cid-1 ul {
    margin-top: -6em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory.cid-1 ul {
    width: 40em;
    margin-top: -4em;
  }
}

.world-meiji .factory .select-factory ul li {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li {
    top: 7.5em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li {
    top: 8em;
  }
}
.world-meiji .factory .select-factory ul li.cid-1_3 {
  right: auto;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-1_3 {
    top: calc(5em * 1);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li.cid-1_3 {
    top: calc(4.5em * 1);
  }
}
.world-meiji .factory .select-factory ul li.cid-1_7 {
  right: auto;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-1_7 {
    top: calc(5em * 2);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li.cid-1_7 {
    top: calc(4.5em * 2);
  }
}
.world-meiji .factory .select-factory ul li.cid-1_4 {
  right: auto;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-1_4 {
    top: calc(5em * 3);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li.cid-1_4 {
    top: calc(4.5em * 3);
  }
}
.world-meiji .factory .select-factory ul li.cid-1_8 {
  left: auto;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-1_8 {
    top: calc(5em * 0);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li.cid-1_8 {
    top: calc(4.5em * 0);
  }
}
.world-meiji .factory .select-factory ul li.cid-1_1 {
  left: auto;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-1_1 {
    top: calc(5em * 1);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li.cid-1_1 {
    top: calc(4.5em * 1);
  }
}
.world-meiji .factory .select-factory ul li.cid-1_6 {
  left: auto;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-1_6 {
    top: calc(5em * 2);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li.cid-1_6 {
    top: calc(4.5em * 2);
  }
}
.world-meiji .factory .select-factory ul li.cid-1_5 {
  left: auto;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-1_5 {
    top: calc(5em * 3);
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li.cid-1_5 {
    top: calc(4.5em * 3);
  }
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-1 img {
    width: 8.5em;
  }
}
.world-meiji .factory .select-factory ul li.cid-5:nth-of-type(1) {
  right: auto;
}
.world-meiji .factory .select-factory ul li.cid-5:nth-of-type(2) {
  left: auto;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-5:nth-of-type(1) {
    top: 4em;
  }
  .world-meiji .factory .select-factory ul li.cid-5:nth-of-type(2) {
    top: 2em;
  }
  .world-meiji .factory .select-factory ul li.cid-5 img {
    width: 9.5em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li.cid-5:nth-of-type(1) {
    top: 4.5em;
  }
  .world-meiji .factory .select-factory ul li.cid-5:nth-of-type(2) {
    top: 2.5em;
  }
}
.world-meiji .factory .select-factory ul li.cid-6:nth-of-type(1), .world-meiji .factory .select-factory ul li.cid-6:nth-of-type(2) {
  left: auto;
}
.world-meiji .factory .select-factory ul li.cid-6:nth-of-type(3) {
  right: auto;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul li.cid-6:nth-of-type(1), .world-meiji .factory .select-factory ul li.cid-6:nth-of-type(3) {
    top: 7em;
  }
  .world-meiji .factory .select-factory ul li.cid-6:nth-of-type(2) {
    top: 0.5em;
  }
  .world-meiji .factory .select-factory ul li.cid-6 img {
    width: 9.5em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul li.cid-6:nth-of-type(1), .world-meiji .factory .select-factory ul li.cid-6:nth-of-type(3) {
    top: 7.5em;
  }
  .world-meiji .factory .select-factory ul li.cid-6:nth-of-type(2) {
    top: 1.5em;
  }
}
.world-meiji .factory .select-factory ul a img {
  border: 3px solid rgba(0, 0, 0, 0);
  border-radius: 0.5em;
  background: white;
  transition: border-color 150ms;
}
@media (max-width: 640px) {
  .world-meiji .factory .select-factory ul a img {
    width: 15em;
  }
}
@media (min-width: 641px) {
  .world-meiji .factory .select-factory ul a img {
    width: 13.6em;
  }
}
.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #cf257e;
}

.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #d63900;
}

.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #088c08;
}

.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #005ec7;
}

.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #990094;
}

.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #db0000;
}

.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #21468b;
}

.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #de3f00;
}

.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #00247d;
}

.world-meiji .factory.factory-selected .select-factory ul a.selected img {
  border-color: #eb0000;
}



/* ==================== world-meiji/factory/select-menu.css ==================== */

.world-meiji .factory .select-menu {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid red;
}



/* ==================== world-meiji/trivial/<nav>.css ==================== */

.world-meiji .trivial nav ul {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-around;
	border-radius: 1em;
	margin: 0 auto;
	padding: 1em;
	background: rgba(56,193,255,0.75);
	text-align: center;
}

.world-meiji .trivial nav li {
	box-sizing: border-box;
}

.world-meiji .trivial nav li:nth-last-of-type(1) {
	width: 100%;
}

.world-meiji .trivial nav li img {
	width: 100%;
	transition: 200ms;
	transform-origin: center bottom;
}
.world-meiji .trivial nav li:nth-last-of-type(1) img {
	width: 11.1em;
}
.world-meiji .trivial nav li:hover img {
	transform: scale(1.1);
}


@media (max-width: 640px) {
	.world-meiji .trivial nav ul {
		margin: 0 1em;
	}
	.world-meiji .trivial nav li {
		width: calc(100%/2 - 1em);
		margin: 0.25em 0;
	}
	.world-meiji .trivial nav li:nth-last-of-type(1) {
		margin-top: 1em;
	}
	.world-meiji .trivial nav li:nth-of-type(3) {
		margin-left: 25%;
		margin-right: 25%;
	}
	.world-meiji .trivial nav li img {
		/* font-size: 125%; */
	}
}


@media (min-width: 641px) {
	.world-meiji .trivial nav ul {
		width: 42em;
	}
	.world-meiji .trivial nav li {
		width: calc(100%/5 - 1em);
	}
	.world-meiji .trivial nav li:nth-of-type(even):not(:last-child) {
		transform: translateY(2em);
	}

	.world-meiji .trivial nav li:last-child {
		margin-top: 1.5em;
	}

}



/* ==================== world-meiji/trivial/country.css ==================== */

.world-meiji .trivial .country {
	margin: 0 auto;
	padding: 2em 0;
}

.world-meiji .trivial .country h3 {
	display: flex;
	flex-direction: column;
	align-items: center;
}


@media (max-width: 640px) {
	.world-meiji .trivial .country {
		padding: 0 1em;
	}

	.world-meiji .trivial .country h3 img {
		width: 16em;
	}

	.world-meiji .trivial .country {
		display: grid;
		grid-gap: 1em;
	}
}


@media (min-width: 641px) {

	.world-meiji .trivial .country {
		width: 45em;
	}

	.world-meiji .trivial .country h3 img {
		width: 13.9em;
	}

	.world-meiji .trivial .country > * {
		width: calc(50% - 1em);
	}

	.world-meiji .trivial .country h3 {
		float: left;
	}

	.world-meiji .trivial .country > div:nth-of-type(2),
	.world-meiji .trivial .country > div:nth-of-type(4) {
		float: left;
	}

	.world-meiji .trivial .country > div:nth-of-type(1),
	.world-meiji .trivial .country > div:nth-of-type(3),
	.world-meiji .trivial .country > div:nth-of-type(5) {
		float: right;
	}

	.world-meiji .trivial .country.country-4 {
		display: flex;
		align-items: center;
	}
	.world-meiji .trivial .country.country-4 h3 {
		order: 1;
	}

}



/* ==================== world-meiji/trivial/item.css ==================== */

.world-meiji .trivial .item {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.world-meiji .trivial .item:nth-of-type(n+2) {
	margin-top: 1.5em;
}

.world-meiji .trivial .item > * {
	max-width: 100%;
}

.world-meiji .trivial .item h4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 0 1em;
	font-size: inherit;
}

.world-meiji .trivial .item h4 img.cap {
	margin-top: 0.5em;
}

.world-meiji .trivial .item .text {
	display: flex;
	align-items: center;
}
.world-meiji .trivial .item.trv2_1 .text,
.world-meiji .trivial .item.trv3_3 .text {
	flex-direction: column;
}
.IE .world-meiji .trivial .item.trv2_1 .text,
.IE .world-meiji .trivial .item.trv3_3 .text {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.world-meiji .trivial .item .text p {
	margin: 0;
}

.world-meiji .trivial .item .text img {
	flex-shrink: 0;
}

.world-meiji .trivial .item .compare-link {
	margin-top: 1em;
	transition: 200ms;
}

.world-meiji .trivial .item .compare-link:hover {
	opacity: 0.6;
}


.world-meiji .trivial .item .link {
	margin-top: 1em;
}
.world-meiji .trivial .item link img {
	width: 75%;
}


.world-meiji .trivial .item.yogurt {
	margin-top: 3em;
}


@media (max-width: 640px) {
	.world-meiji .trivial .item h4 {
		width: 20em;
	}
	.world-meiji .trivial .item h4 img.cap {
		height: 1.5em;
	}
	.world-meiji .trivial .item.trv4_1 h4 img.cap {
		height: 2.25em;
	}

	.world-meiji .trivial .item.yogurt .text {
		flex-direction: column;
	}
	.world-meiji .trivial .item .text img {
		font-size: 125%;
	}

	.world-meiji .trivial .item .compare-link img {
		height: 5em;
	}

}


@media (min-width: 641px) {

	.world-meiji .trivial .item h4 {
		width: 16em;
	}

	.IE .world-meiji .trivial .item h4 {
		overflow: hidden;
	}
	.IE .world-meiji .trivial .item h4 img.pic {
		flex-shrink: 0;
	}

	.world-meiji .trivial .item h4 img.cap {
		height: 1.25em;
	}
	.world-meiji .trivial .item.trv4_1 h4 img.cap {
		height: 1.75em;
	}

	.world-meiji .trivial .item .compare-link img {
		height: 4em;
	}

	.IE .world-meiji .trivial .item .compare-link {
		width: 100%;
		text-align: center;
	}

}



/* ==================== world-meiji/trivial/item__<img>.css ==================== */

.world-meiji .trivial .item img[src*="trivial_1_2_image"] {
	width: 5.6em;
	margin-left: 1em;
}
.world-meiji .trivial .item img[src*="trivial_2_1_image"] {
	width: 11.5em;
	margin-top: 1em;
}
.world-meiji .trivial .item img[src*="trivial_3_2_image"] {
	width: 4.5em;
	margin-left: 1em;
}
.world-meiji .trivial .item img[src*="trivial_3_3_image"] {
	width: 10.7em;
	margin-top: 1em;
}
.world-meiji .trivial .item img[src*="trivial_4_1_image"] {
	width: 3.5em;
	margin-left: 1em;
}


@media (max-width: 640px) {
	.world-meiji .trivial .item img[src*="trivial_yogurt_image"] {
		width: 9.2em;
		margin-top: 1em;
	}
}


@media (min-width: 641px) {
	.world-meiji .trivial .item img[src*="trivial_yogurt_image"] {
		width: 9.2em;
		margin-left: 1em;
	}
}



/* ==================== world-meiji/trivial/yogurt.css ==================== */

@media (max-width: 640px) {
	.world-meiji .trivial .yogurt {
		margin: 0 1em;
	}
}


@media (min-width: 641px) {
	.world-meiji .trivial .yogurt {
		width: 40em;
		margin: 2em auto;
	}
}



/* ==================== world-meiji/wm-header/@.css ==================== */

.world-meiji .wm-header {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
}


@media (max-width: 640px) {
	.world-meiji .wm-header {
		padding: 1.5em;
	}
}


@media (min-width: 641px) {
	.world-meiji .wm-header {
		padding: 2em;
	}
}



/* ==================== world-meiji/wm-header/menu.css ==================== */

.world-meiji .wm-header .menu {
	margin-top: 0.5em;
}

.world-meiji .wm-header .menu ul {
	display: flex;
	align-items: flex-start;
}


.world-meiji .wm-header .menu li {
	transition: transform 200ms;
}
.world-meiji .wm-header .menu li:hover {
	transform: scale(1.1);
}


@media (max-width: 640px) {
	.world-meiji .wm-header .menu ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.world-meiji .wm-header .menu li {
		margin: 0 0.5em;
		width: 10em;
	}

}


@media (min-width: 641px) {
	.world-meiji .wm-header .menu li {
		margin: 0 0.5em;
	}

	.world-meiji .wm-header .menu li:nth-of-type(2) {
		margin-top: 1em;
	}
}



/* ==================== world-meiji/wm-header/title.css ==================== */

.world-meiji .wm-header .title {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.world-meiji .wm-header .title h1 {
	margin: 0 0 0.5em;
	font-size: inherit;
}

.world-meiji .wm-header .title p {
	margin: 0;
}


@media (max-width: 640px) {
	.world-meiji .wm-header .title {
		width: 100%;
		padding-top: 1.25em;
		padding-bottom: 14%;
		background:
			url(../images/title_image.png) no-repeat center top 1.5em / contain,
			url(../images/title_base_sp.svg) no-repeat center top / contain;
	}

	.world-meiji .wm-header .title img {
		width: 100%;
	}

	.world-meiji .wm-header .title h1 {
		width: 36%;
	}
	.world-meiji .wm-header .title p {
		width: 64%;
	}

}


@media (min-width: 641px) {

	.world-meiji .wm-header .title {
		width: 34em;
		padding-bottom: 2.25em;
		background:
			url(../images/title_image.png) no-repeat center top / contain,
			url(../images/title_base.svg) no-repeat center bottom / auto calc(100% - 0.5em);
	}

	.IE .world-meiji .wm-header .title {
		background:
			url(../images/title_image.png) no-repeat center top / contain,
			url(../images/title_base.svg) no-repeat center bottom / 100% calc(100% - 0.5em);
	}

	h1 img {
		width: 10.4em;
	}

	p img {
		width: 18.5em;
	}

}