a {
		text-decoration-line: none;
}
#column h2 {
		font-size: 1rem;
		border-bottom: 2px solid #ff6f00;
		background-color: #1565C0;
		padding: 10px;
		margin-bottom: 20px;
		font-weight: bold;
		color: #fff;
}
.column_box {
		position: relative;
		margin-bottom: 50px;
		padding: 20px 0 80px;
		background-color: white;
		width: 100%;
}
.column_box label {
		position: absolute;
		display: table;
		left: 50%;
		bottom: 0;
		margin: 0 auto;
		width: 200px;
		padding: 10px 0;
		color: #fff;
		text-align: center;
		border-radius: 5px;
		background: linear-gradient(to bottom, rgba(254, 204, 177, 1) 0%, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%);
		box-shadow: 0 3px 0 0 #9a2e2e;
		transform: translateX(-50%);
		cursor: pointer;
		z-index: 1;
}
.column_box label:hover {
		left: 37.5%;
		text-decoration: none;
		color: #fff;
		box-shadow: none;
		-webkit-transform: translateY(3px);
}
.column_box label::before {
		content: '続きを見る';
}
.column_box input[type="checkbox"]:checked ~ label::before {
		content: '元に戻す';
}
.column_box input[type="checkbox"] {
		display: none;
}
.column_box-content {
		position: relative;
		height: 360px;
		overflow: hidden;
}
.column_box input[type="checkbox"]:checked ~ .column_box-content {
		height: auto;
}
.column_box-content::before {
		position: absolute;
		display: block;
		content: "";
		bottom: 0;
		left: 0;
		width: 100%;
		height: 75px;
		background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
		z-index: 1;
}
.column_box input[type="checkbox"]:checked ~ .column_box-content::before {
		display: none;
}
.column_header {
		text-align: center;
		border-bottom: solid 1px rgb(220, 220, 220);
		padding: 10px 0;
}
.column {
		display: grid;
		grid-template-columns: 1fr 4fr;
		grid-gap: 1rem;
		padding: 10px;
		border-bottom: 1px dotted #c2b09d;
		position: relative;
}
.column::after {
		content: '\f054';
		font-family: fontawesome;
		position: absolute;
		top: 50%;
		right: 1.5rem;
		transform: translateY(-50%);
		transition: all 0.2s ease-in-out;
		color: #333;
}
.column:hover {
		opacity: 0.5;
}
.column:hover::after {
		transform: translate(.5rem, -50%);
		color: #2e1300;
}
.column_img_box {
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		height: 70px;
		width: 100%;
}
.column_img {
		width: 100%;
}
.column:hover .column_img {
		opacity: .8;
}
.column_title {
		line-height: 70px;
		font-size: 1.2rem;
		font-weight: bold;
		color: #333;
}
.column:hover .column_title {
		color: #2e1300;
}
/* column page*/
.column_page h1 {
		font-weight: bold;
		font-size: 2rem;
}
.column_page {
		width: 800px;
		margin: 2rem auto 3rem;
		padding: 2rem 40px;
		color: #333;
		background: white;
		border-top: solid 5px #1565C0;
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.column_ul {
		padding: 5px;
		color: #643b0d;
}
.column_ul li {
		display: inline-block;
		padding: 5px 0;
		color: #333;
}
.column_ul li p::before {
		content: '\f054';
		margin: 0 10px;
		font-family: fontawesome;
		color: #ff6f00;
}
.column_ul li a {
		color: #1565C0;
}
.column_ul li a:hover {
		opacity: 0.5;
}
.tree {
		display: inline-block;
}
.cp_img_box {
		width: 100%;
		height: 300px;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
}
.cp_img {
		width: 100%;
}
.column_h2 {
		font-size: 1.5rem;
		font-weight: bold;
		padding-left: 30px;
		margin: 50px 0 10px 0;
		position: relative;
		line-height: 100%;
}
.column_h2::before {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 10px;
		height: 3rem;
		background-color: #ff6f00;
}
.column_h3 {
		font-weight: bold;
		font-size: 1.2rem;
		margin: 10px 0 2px 0;
		padding-top: 10px;
		position: relative;
		line-height: 100%;
}
.column_p {
		padding: 10px 0;
		line-height: 2rem;
		font-size: 1.1rem;
}
.column_p li, .column_p span {
		font-weight: bold;
		color: #2e1300;
}
.btn_box {
		padding: 20px;
		display: flex;
		justify-content: center;
}
a.btn-radius-solid {
		padding: 10px 40px;
		background: linear-gradient(to bottom, rgba(254, 204, 177, 1) 0%, rgba(241, 116, 50, 1) 50%, rgba(234, 85, 7, 1) 51%, rgba(251, 149, 94, 1) 100%);
		box-shadow: 0 3px 0 0 #9a2e2e;
		color: #fff;
		transition: 300ms;
}
a.btn-radius-solid:hover {
		box-shadow: none;
		-webkit-transform: translateY(3px);
		transition: 300ms;
}
footer p {
		width: 100vw;
		margin-left: calc(-50vw + 50%);
		padding: 20px;
		background-color: #1565C0;
		color: #fff;
		text-align: center;
}
@media screen and (max-width: 768px) {
		.column {
				display: block;
		}
		.column::after {
				top: 50%;
				right: 1.5rem;
		}
		p.column_title {
				font-size: 15px;
		}
		.column_page {
				width: auto;
				margin: 30px 10px;
				padding: 20px;
				font-size: 14px;
		}
		.column_page h1 {
				font-size: 20px;
				margin-bottom: 20px;
		}
		.cp_img_box {
				display: block;
				width: auto;
				height: auto;
		}
		.column_box label:hover {
				left: 24.5%;
		}
		.column_h2 {
				font-size: 18px;
				margin: 20px 0;
				padding-left: 25px;
		}
		.column_h2::before {
				width: 8px;
				height: 35px;
		}
		.column_p {
				font-size: 15px;
		}
		.column_h3 {
				font-size: 18px;
		}
		.menu_list {
				display: block;
				text-align: center;
		}
}