@charset "utf-8";

/* ============================================================
	imini news CSS
	Last UPDATA: 2022/12/26
============================================================ */
* {
	box-sizing: border-box;
}

.breadclumb {
	display: none;
	width: calc(650 / 750 * 100vw);
	margin: -8px auto 15px;
	color: #333333;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.75;
}
@media screen and (min-width: 769px){
	.breadclumb {
		display: block;
		width: 980px;
		max-width: 100%;
		margin: 45px auto 0;
		padding: 0;
		font-size: 12px;
		letter-spacing: -0.06em;
	}
}

h1,h2,h3 {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

.content-box {
	width: 100%;
	margin: 25px auto 50px;
	background: #fff;
}
@media screen and (min-width: 769px){
	.content-box {
		width: 980px;
		max-width: 100%;
		margin: 55px auto 80px;
	}
}

.content-box h1 {
	width: calc(650 / 750 * 100vw);
	margin: -5px auto 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.025em;
	line-height: 1.5;
}
@media screen and (min-width: 769px){
	.content-box h1 {
		width: 100%;
		margin: -7px auto 0;
		font-size: 24px;
		line-height: 1;
	}
}

.content-box .read {
	width: calc(650 / 750 * 100vw);
	margin: 16px auto 0;
	font-size: 12px;
	letter-spacing: 0.025em;
	line-height: 1.5;
}
@media screen and (min-width: 769px){
	.content-box .read {
		width: 100%;
		margin: 20px auto 0;
		font-size: 14px;
		line-height: 1.72;
	}
}

/* section */
.section {
	width: calc(650 / 750 * 100vw);
	margin: 37px auto 0;
}
@media screen and (min-width: 769px){
	.section {
		width: 100%;
		max-width: 980px;
		margin: 43px auto 0;
	}
}

.section ~ .section {
	margin: 20px auto 0;
}
@media screen and (min-width: 769px){
	.section ~ .section {
		margin: 40px auto 0;
	}
}

.section h2 {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.025em;
	line-height: 1.5;
	background-color: #f6f3e7;
	padding: 5px calc(50 / 750 * 100vw);
	margin-left: calc(-50 / 750 * 100vw);
	width: 100vw;
}
@media screen and (min-width: 769px){
	.section h2 {
		font-size: 16px;
		line-height: 1.375;
		padding: 10px 15px;
		margin: 0;
		width: 100%;
	}
}

.section h2 span {
	font-weight: normal;
}
@media screen and (min-width: 769px){
	.section h2 span {
		font-size: 14px;
		line-height: 1.72;
	}
}

.section > p {
	font-size: 12px;
	letter-spacing: 0.025em;
	line-height: 1.5;
	margin: 12px 0 0;
}
@media screen and (min-width: 769px){
	.section > p {
		font-size: 14px;
		line-height: 1.72;
		width: calc(100% - 30px);
		margin: 13px auto 0;
	}
}

.section a {
	text-decoration: underline;
}
.section a:hover {
	text-decoration: none;
}

.section strong {
	font-weight: bold;
}

.section .img {
	margin: 12px 0;
	width: calc(500 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.section .img {
		margin: 22px auto;
		width: calc(100% - 30px);
	}
}

.box-image {
	width: 76.925%;
	margin: 0 auto;
}
@media screen and (min-width: 769px){
	.box-image {
		width: 360px;
		margin: 0;
	}
}