@charset "UTF-8";

.font_yu-gothic {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
}

.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.fw {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.fnw {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.jcsb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.jcc {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.jcfs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.jcfe {
	-webkit-box-pack: end;
     -ms-flex-pack: end;
   justify-content: flex-end;
}

.aic {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.aie {
	-webkit-box-align: end;
     -ms-flex-align: end;
        align-items: flex-end;
}

/* =================
	all
================= */
.issue58_container {
	width: 72.2rem;
	max-width: 72.2rem;
	margin: 70px auto 100px;
	font-feature-settings: "palt";
	text-align: center;
	font-size: 1.2rem;
}

.issue58_container img {
	width: 100%;
}

/* =================
	main visual
================= */
.issue_58_mv_img {
	width: 64rem;
	max-width: 64rem;
	margin: 0 auto;
}

/* =================
	title and text
================= */
.issue_58_ttl {
	width: 24.5rem;
	max-width: 24.5rem;
	margin: 4rem auto 3.4rem;
}

.issue_58_lead {
	margin-top: 2rem;
	line-height: 2;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.05em;
}

.issue_58_lead:nth-of-type(1) {
	margin-top: 0;
}

/* =================
	human
================= */
.issue58_human {
	margin: 9.4rem auto 0;
}

.issue58_human_listwtap {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.issue58_human_img {
	width: 34rem;
	max-width: 34rem;
}

.issue58_human_inner_txt {
	margin-left: 4rem;
	text-align: justify;
	font-family: noto-sans-cjk-jp, sans-serif;
	font-style: normal;
	font-weight: 400;
	margin-top: 0.4rem;
	letter-spacing: 0.05em;
	text-justify: inter-ideograph;
}

/* =================
	for IE
================= */
@media all and (-ms-high-contrast: none) {
	.issue58_human_inner_txt {
		width: 336px;
		letter-spacing: 0.06em;
	}
}

.issue58_human_job,
.issue58_human_name {
	font-size: 1.6rem;
}

.issue58_human_job,
.issue58_human_name span {
	font-family: 'Quattrocento', serif;
	font-weight: 400;
}

.issue58_human_name {
	margin-top: 1rem;
}

.issue58_human_index,
.issue58_human_txt {
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* =================
	for IE
================= */
@media all and (-ms-high-contrast: none) {
	.issue58_human_index,
	.issue58_human_txt {
		padding-right: 5px;
		text-justify: inter-ideograph;
	}
}

.issue58_human_index {
	margin-top: 2.4rem;
}

.issue58_human_txt {
	margin-top: 2rem;
}

/* =================
	greeting
================= */
.issue58_greeting_img {
	width: 34rem;
	max-width: 34rem;
	margin: 3.4rem auto 0;
}

/* =================
	button
================= */
.issue58_btn {
	width: 22.2rem;
	max-width: 22.2rem;
	margin: 4rem auto 0;
}

.issue58_btn a {
	width: 22.2rem;
	max-width: 22.2rem;
	height: 4rem;
	color: #272727;
	font-size: 1.3rem;
	border: 1px solid #8b8b8b;
	box-sizing: border-box;
	letter-spacing: 0.08em;
}

/* for pc */
@media only screen
and (min-device-width: 1024px) {
	.sp_only {
		display: none;
	}
}

/* for tablet */
@media only screen
and (min-device-width: 561px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
	.sp_only {
		display: none;
	}

	div.slide {
	  max-width: 1200px !important;
	  width: auto !important;
	}
}


/* for sp */
@media only screen
and (max-device-width: 560px) {
	.pc_only {
		display: none;
	}
	.order_01 {
		order: 1;
	}

	.order_02 {
		order: 2;
	}

	#Contents {
		overflow: hidden;
	}

	/* =================
		all
	================= */
	.issue58_container {
		width: 100%;
		max-width: 100%;
		margin: calc(218 * (100vw / 750)) auto calc(128 * (100vw / 750));
		font-size: calc(24 * (100vw / 750));
	}

	/* =================
		main visual
	================= */
	.issue_58_mv_img {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	/* =================
		title and text
	================= */
	.issue_58_ttl {
		width: calc(486 * (100vw / 750));
		max-width: calc(486 * (100vw / 750));
		margin: calc(62 * (100vw / 750)) auto calc(48 * (100vw / 750));
	}

	.issue_58_lead {
		margin-top: calc(32 * (100vw / 750));
		line-height: 2;
	}

	.issue_58_lead:nth-of-type(1) {
		margin-top: 0;
	}

	/* =================
		human
	================= */
	.issue58_human {
		margin: calc(120 * (100vw / 750)) auto 0;
	}

	.issue58_human_listwtap {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.issue58_human_inner_img {
		width: calc(560 * (100vw / 750));
		max-width: calc(560 * (100vw / 750));
		margin: 0 auto calc(42 * (100vw / 750));
	}

	.issue58_human_img {
		width: calc(560 * (100vw / 750));
		max-width: calc(560 * (100vw / 750));
	}

	.issue58_human_inner_txt {
		margin: 0 auto;
		padding: 0 calc(44 * (100vw / 750));
		letter-spacing: 0.03em;	
	}

	.issue58_human_job,
	.issue58_human_name {
		font-size: calc(30 * (100vw / 750));
	}

	.issue58_human_name {
		margin-top: calc(20 * (100vw / 750));
	}

	.issue58_human_index {
		margin-top: calc(34 * (100vw / 750));
	}

	.issue58_human_txt {
		margin-top: calc(40 * (100vw / 750));
	}

	/* =================
		greeting
	================= */
	.issue58_greeting_img {
		width: calc(560 * (100vw / 750));
		max-width: calc(560 * (100vw / 750));
		margin: calc(50 * (100vw / 750)) auto 0;
	}

	/* =================
		button
	================= */
	.issue58_btn {
		width: calc(382 * (100vw / 750));
		max-width: calc(382 * (100vw / 750));
		margin: calc(60 * (100vw / 750)) auto 0;
	}

	.issue58_btn a {
		width: calc(382 * (100vw / 750));
		max-width: calc(382 * (100vw / 750));
		height: calc(72 * (100vw / 750));
		font-size: calc(26 * (100vw / 750));
	}
}