@charset "utf-8";
/* ヘッダーのメニュー強制非表示 */
.responsive-menu-pro-button {
	display: none !important;
}
.logo {
	img {
		max-width: 50% !important;
	}
}
main.site-main {
    margin-top: 10px !important;
}

/* 枠 */
.content {
	position:relative;
    border:solid 2px #000;
    border-radius: 20px;
    padding: 20px 10px 10px 10px;
	margin-top: 20px;
	max-width: 1024px;
	text-align: center;
	
	&:first-child {
		margin-top: 0px;
	}

	&:last-child {
		margin-top: 20px;
		margin-bottom: 50px;
	}
	
	p.title {
		position: absolute;
		background-color: white;
		top: 0;
		padding: 5px;
		transform: translateY(-50%) translateX(1em);
		font-weight: bold;
		font-size: 16px;
	}

	/* セクション（画像＋テキスト） */
	.section {
		ul {
			margin-top: 10px;
			padding-inline-start: 15px;

			li {
				text-align: left;
				line-height: normal;
				font-size: 14px;
			}
		}

		/* 画像 */
		img.image {
			width: 150px;
			height: auto;
			margin: 5px;
		}

		p {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		/* テキスト */
		.text {
			text-align: left;
			line-height: normal;
			font-size: 14px;
			margin-bottom: 5px;

/* 			&:first-child {
				margin-top: 20px;
			} */
		}
	}
	
	.btn_area {
		margin-bottom: 10px;
		text-align: center;
		
		/* ボタン */
		a.btn_entry {
			display: inline-block;
			min-width: 140px;
			background-color: #003261;
			color: #fff !important;
			border:solid 1px #003261;
			border-radius: 100px;

			&:hover {
				background-color: #fff;
				color: #003261 !important;
				text-decoration: none;
			}
		}
	}
}

/* 背景 */
.bk-gray{
    background-color: #eee;
}

/* カルーセル */
.carousel {
    overflow-x: hidden;

	.carousel-track {
		width: 100%;
		display: flex;
		gap: 10px;
		scroll-snap-type: x mandatory;
		overflow-x: auto;
	}

	.slide {
		padding: 20px;
		flex: 0 0 auto;
		width: 80%;
		scroll-snap-align: start;
		align-items: center;
	}
}