@charset "utf-8";
/*----------------------------
	conversation_interview
	/index.html

	created: 2023.08.03
	updated: 2026.01.07
-----------------------------*/

header div.globalNav {
	padding: 0 30px 0 40px;
}

header div.globalNav h1,
header div.globalNav h1 a {
	height: 93px;
}

header div.globalNav h1 a img {
	height: 93px;
	padding: 10px 15px;
}

header div.globalNav ul {
	padding: 10px 0;
}


.main {
	background-color: white;
	padding: 50px 100px;
}

.topImg {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px 100px 80px;
}

.topImg img {
	max-width: 100%;
}

.main h1 {
	font-family: "Shin Go Bold", sans-serif;
	font-size: 1.25rem;
	background-color: lightgray;
	color: black;
	padding: 5px 20px;
	text-align: center;
	margin-bottom: 30px;
}

.txt_com {
	margin-bottom: 50px;
}

.txt_com a { color: dodgerblue; text-decoration: none;}

.txt_com a span.E { color: #0068b7;}
.txt_com a span.ART { color: #45b035;}
.txt_com a span.H { color: #e83820;}
.txt_com a span.OPEN { color: #00a0e9;}
.txt_com a span.kaigi { color: #333;}

.txt_com a:hover, .txt_com a:active { text-decoration: underline 2px dodgerblue;}


.contents {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 15px;
}

.contents div.blankBox {
	display: none;
}

.mediaBox {
	width: 284px;
	border-radius: 8px;
	border: 1px solid lightgray;
	box-shadow: 1px 1px 7px lightgray;
	padding-bottom: 15px;
}

.mediaBox img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.mediaBox h2,
.mediaBox h3,
.mediaBox p {
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'BIZ UDPGothic', sans-serif;
	font-weight: 700;
}

.mediaBox h2 {
	padding-top: 15px;
}

.mediaBox h3 {
	margin-bottom: 1rem;
}

.mediaBox a {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: #333;
	text-decoration: none;
}

.mediaBox a:hover {
	opacity: 0.8;
}

.mediaBox a p.name {
	margin-top: auto;
}

/* special layout */
#no7 .center,
#no8 .center,
#no16 .center {
    text-align: center;
    font-weight: 700;
}

/* - laptop - */
@media screen and (min-width: 1025px) and (max-width: 1400px) {
	
	.main {
		padding: 50px;
	}

	.topImg {
		padding: 30px 0 80px;
	}
	
	.contents {
		gap: 30px 3.9%;
		justify-content: center;
	}
	
	.contents div.blankBox {
		display: block;
		width: 284px;
		height: 5px;
	}
}

/* - tablet - */
@media screen and (min-width: 429px) and (max-width: 1024px) {
	
	.main {
		padding: 3% 6%;
	}

	.topImg {
		padding: 5% 3%;
	}
	
	.contents {
		gap: 30px 3.0%;
		justify-content: center;
	}
	
	.contents div.blankBox {
		display: block;
		width: 284px;
		height: 5px;
	}
}

/* - mobile - */
@media screen and (max-width: 428px) {
	
	.main {
		padding: 3% 3%;
	}

	.topImg {
		padding: 5% 3%;
	}
	
	.contents {
		gap: 30px 0;
		justify-content: center;
	}
	
}