@charset "UTF-8";
#plan {
	margin-bottom: 100px;
}

.l-inner {
	max-width: calc(1000px + 20px * 2);
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

@media screen and (min-width:767px) {
	.l-show_media {
		display: none !important;
	}
}
@media screen and (min-width:1px) and ( max-width:767px) {
	#plan {
		margin-bottom: 50px;
	}
	
	.l-hide_media {
		display: none !important;
	}
	
	
	
}

.l-hero {}
.l-hero_inner {
	position: relative;
}
.l-hero_head {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
}
.l-hero_title {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 325px;
	background: rgba(255, 255, 255, .9);
}
.l-hero_title img {
	width: 18px;
}
.l-hero_title2 {
	margin-top: 50px;
	margin-left: -15px;
	background: url(../image/plan/hero_title_02_black.svg) no-repeat center center;
	background-size: 100% 100%;
}
.l-hero_title2 img {
	visibility: hidden;
	width: 78px;
	opacity: 0;
}
.l-hero--layout_detail .l-hero_title2 {
	position: absolute;
	bottom: 0;
	left: 75px;
	background-image: url(../image/plan/hero_title_02_white.svg);
}
.l-hero_catch {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 355px;
	height: 355px;
	background: rgba(255, 255, 255, .9);
	transform: translateY(-50%);
}
.l-hero_copy {
	display: block;
}
.l-hero_copy img {
	width: 255px;
}
.l-hero_bg {
	display: block;
	height: 850px;
	margin-left: 25px;
	background: url(../image/plan/hero_visual.jpg) no-repeat center center;
	background-size: cover;
}
.l-hero--layout_detail .l-hero_bg {
	height: 600px;
}
@media screen and (min-width:1px) and ( max-width:767px) {
	.l-hero {}
	.l-hero_inner {
		padding-left: 0;
		padding-right: 0;
	}
	.l-hero_head {
		left: 10px;
	}
	.l-hero--layout_detail .l-hero_head {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: 40px;
		background: rgba(255, 255, 255, .9);
	}
	.l-hero_title {
		width: 40px;
		height: 225px;
	}
	.l-hero--layout_detail .l-hero_title {
		width: auto;
		height: auto;
		background-color: transparent;
	}
	.l-hero_title img {
		width: 14px;
	}
	.l-hero_title2 {
		margin-top: 18px;
		background-image: url(../image/plan/hero_title_02@media.svg);
	}
	.l-hero_title2 img {
		width: 50px;
	}
	.l-hero--layout_detail .l-hero_title2 {
		position: static;
		margin-top: 15px;
		margin-left: -5px;
		background-image: url(../image/plan/hero_title_02_black.svg);
	}
	.l-hero--layout_detail .l-hero_title2 img {
		width: 23px;
	}
	.l-hero_catch {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		height: auto;
		padding: 40px 0 50px;
		background: none;
		transform: translateY(0%);
	}
	.l-hero_catch:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 20px;
		height: 17px;
		margin: auto;
		background: url(../image/plan/arrow_2_black.svg) no-repeat center center;
		background-size: 100% 100%;
	}
	.l-hero_copy {}
	.l-hero_copy img {
		width: 175px;
	}
	.l-hero_bg {
		height: 360px;
		margin-left: 0;
	}
	.l-hero--layout_detail .l-hero_bg {
		height: 360px;
	}
}

.l-button {}
.l-button a {}
.l-button a:hover {}
.l-button_box {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 300px;
	min-width: 100%;
	height: 70px;
	background: #4d4d4d;
	color: #fff;
	border: solid 1px #4d4d4d;
}
.l-button_box:hover {
	background-color: transparent;
	color: #4d4d4d;
}
.l-button_box:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 30px;
	width: 6px;
	height: 12px;
	margin: auto;
	background: url(../image/plan/arrow_1_white.svg) no-repeat center center;
	background-size: 100% 100%;
	transform: translateY(-50%);
}
.l-button_box:hover:before {
	background-image: url(../image/plan/arrow_1_black.svg);
}
.l-button--type_back .l-button_box:before {
	transform: translateY(-50%) scale(-1, 1);
}
.l-button_name {
	display: block;
	font-size: 106%;
	letter-spacing: .1em;
}
@media screen and (min-width:1px) and ( max-width:767px) {
	.l-button {}
	.l-button a {}
	.l-button a:hover {}
	.l-button_box {
		width: 240px;
		height: 55px;
	}
	.l-button_box:hover {}
	.l-button_box:before {
		left: 20px;
	}
	.l-button_box:hover:before {}
	.l-button--type_back .l-button_box:before {}
	.l-button_name {
		font-size: 87.5%;
	}
}

.l-nav {
	display: block;
	margin-top: 70px;
	padding: 50px 0 60px;
	background: url(../image/plan/nav_bg.jpg) no-repeat center center;
	background-size: cover;
}
.l-nav_inner {}
.l-nav_head {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.l-nav_title {
	display: block;
	position: relative;
	margin: 0;
	padding: 40px 0 0;
	background: none;
	font-size: 138%;
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1.4;
}
.l-nav_title:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 25px;
	height: 25px;
	margin: auto;
	background: url(../image/plan/icon_serach_black.svg) no-repeat center center;
	background-size: 100% 100%;
}
.l-nav_list {
	margin-top: 30px;
}
@media screen and (min-width:1px) and ( max-width:767px) {
	.l-nav {
		margin-top: 40px;
		padding-top: 40px;
		padding-bottom: 50px;
		background-image: url(../image/plan/nav_bg@media.jpg);
	}
	.l-nav_inner {}
	.l-nav_head {}
	.l-nav_title {}
	.l-nav_title:before {}
	.l-nav_list {}
}

.l-taglist {}
.l-taglist_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: -7.5px;
	margin: -7px;
}
.l-taglist--layout_2 .l-taglist_items {
	justify-content: center;
	margin: -5px;
}
.l-taglist_item {
	display: block;
	padding: 7.5px;
	padding: 7px;
	line-height: 1.2;
}
.l-taglist--layout_2 .l-taglist_item {
	padding: 5px;
}
.l-taglist_box {
	display: block;
	padding: 3px 7px;
	border: solid 1px #4d4d4d;
	cursor: pointer;
}
.l-taglist_box:hover,
.l-taglist_box.is-sort_active {
	background-color: #4d4d4d;
	color: #fff;
}
.l-taglist--layout_2 .l-taglist_box {
	background-color: #4d4d4d;
	color: #fff;
}
.l-taglist--layout_2 .l-taglist_box:hover,
.l-taglist--layout_2 .l-taglist_box.is-sort_active {
	background-color: #fff;
	color: #4d4d4d;
}
.l-taglist_name {}
@media screen and (min-width:1px) and ( max-width:767px) {
	.l-taglist {}
	.l-taglist_items {
		justify-content: center;
	}
	.l-taglist_item {}
	.l-taglist_item--type_all {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.l-taglist_box {
		padding: 2px 4px;
	}
	.l-taglist_box:hover,
	.l-taglist_box.is-sort_active {}
	.l-taglist_name {
		font-size: 80%;
	}
}

.l-archive {
	padding-top: 50px;
}
.l-archive_inner {}
.l-archive_list {}
.l-archive_pager {
	margin-top: 30px;
}
.l-archive_more {
	margin-top: 30px;
}
@media screen and (min-width:1px) and ( max-width:767px) {
	.l-archive {
		padding-top: 30px;
	}
	.l-archive_inner {}
	.l-archive_list {}
	.l-archive_pager {}
	.l-archive_more {}
}

.l-postlist {}
.l-postlist_items {
	display: flex;
	flex-wrap: wrap;
	margin: -20px;
}
.l-postlist_item {
	display: block;
	width: 33.3%;
	padding: 20px;
}
.l-postlist_box {
	display: block;
	background: #f6f6f6;
}
.l-postlist_head {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5px;
	min-height: 70px;
}
.l-postlist_foot {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 5px;
	min-height: 35px;
}
.l-postlist_title {
	display: block;
	font-weight: 700;
	text-align: center;
}
.l-postlist_thumb {
	overflow: hidden;
	display: block;
}
.l-postlist_visual {
	display: block;
	background: no-repeat center center;
	background-size: cover;
	transform: scale(1.2);
}
.l-postlist_visual img {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}
.l-postlist_more {
	display: block;
	position: relative;
	padding-right: 25px;
	line-height: 0;
}
.l-postlist_more:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 6px;
	height: 12px;
	background: url(../image/plan/arrow_1_black.svg) no-repeat center center;
	background-size: 100% 100%;
	transform: translateY(-50%);
}
.l-postlist_more img {
	width: 70px;
}
@media screen and (min-width:1px) and ( max-width:767px) {
	.l-postlist {}
	.l-postlist_items {
		margin: -10px;
	}
	.l-postlist_item {
		width: 100%;
		padding: 10px;
	}
	.l-postlist_box {}
	.l-postlist_head {}
	.l-postlist_foot {}
	.l-postlist_title {}
	.l-postlist_thumb {}
	.l-postlist_thumb img {}
	.l-postlist_more {}
	.l-postlist_more:after {}
	.l-postlist_more img {}
}

.l-postlist2 {
	counter-reset: postlist2;
}
.l-postlist2_items {
	display: flex;
	flex-wrap: wrap;
	margin: -30px -20px;
}
.l-postlist2_item {
	counter-increment: postlist2;
	display: block;
	width: 33.3%;
	padding: 0 20px;
}
.l-postlist2_box {
	height: 100%;
	padding: 30px 0;
	border-top: 1px solid #4d4d4d;
}
.l-postlist2_item:nth-child(1) .l-postlist2_box,
.l-postlist2_item:nth-child(2) .l-postlist2_box,
.l-postlist2_item:nth-child(3) .l-postlist2_box {
	border-top: none;
}
.l-postlist2_box > * {
	margin-top: 15px;
}
.l-postlist2_box > *:first-child {
	margin-top: 0;
}
.l-postlist2_thumb {
	display: block;
	background: no-repeat center center;
	background-size: cover;
}
.l-postlist2_thumb img {
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}
.l-postlist2_head {
	display: block;
	position: relative;
	padding-left: 40px;
}
.l-postlist2_order {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	padding-top: .15em;
	background: #8c6239;
	color: #fff;
	transform: translateY(-50%);
}
.l-postlist2_order:before {
	content: counter(postlist2);
	font-size: 120%;
}
.l-postlist2_title {
	display: block;
	font-size: 110%;
	font-weight: 700;
	line-height: 1.3;
}
.l-postlist2_lead {
	display: block;
	font-size: 87.5%;
	font-weight: 400;
	line-height: 1.3;
}
@media screen and (min-width:1px) and ( max-width:767px) {
	.l-postlist2 {}
	.l-postlist2_items {
		margin: -20px;
	}
	.l-postlist2_item {
		width: 100%;
	}
	.l-postlist2_item:nth-child(2) .l-postlist2_box,
	.l-postlist2_item:nth-child(3) .l-postlist2_box {
		border-top: 1px solid #4d4d4d;
	}
	.l-postlist2_box {
		padding: 20px;
	}
	.l-postlist2_thumb {}
	.l-postlist2_thumb img {}
	.l-postlist2_head {}
	.l-postlist2_order {}
	.l-postlist2_title {}
	.l-postlist2_lead {}
}

.l-pager {
	display: flex;
	justify-content: center;
}
.l-pager_content {
	display: block;
	position: relative;
	padding: 0 25px;
}
.l-pager_prev,
.l-pager_next {
	display: block;
	position: absolute;
	top: 50%;
	width: 6px;
	height: 12px;
	background: url(../image/plan/arrow_1_black.svg) no-repeat center center;
	background-size: 100% 100%;
}
.l-pager_prev {
	left: 0;
	transform: translateY(-50%) scale(-1, 1);
}
.l-pager_next {
	right: 0;
	transform: translateY(-50%);
}
.l-pager_pages {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -3px;
}
.l-pager_pages li {
	display: block;
	padding: 3px;
}
.l-pager_pages a {}
.l-pager_pages a:hover {}
.l-pager_pages li.is-sort_active {}
.l-pager_pages li.is-sort_active a {
	pointer-events: none;
}
.l-pager_pages a:hover,
.l-pager_pages li.is-sort_active a {
	text-decoration: underline;
}
@media screen and (min-width:1px) and ( max-width:767px) {}

.l-more {
	display: flex;
	justify-content: center;
}
.l-more_item {
	display: block;
	position: relative;
	padding-bottom: 20px;
	font-size: 106%;
	letter-spacing: .1em;
}
.l-more_item:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 6px;
	height: 12px;
	margin: auto;
	background: url(../image/plan/arrow_1_black.svg) no-repeat center center;
	background-size: 100% 100%;
	transform: translateY(-50%) rotate(90deg);
}
@media screen and (min-width:1px) and ( max-width:767px) {
	.l-more_item {
		font-size: 87.5%;
	}
}

.l-detail {
	margin-top: 50px;
}
.l-detail_inner {}
.l-detail_tags {
	margin-top: 40px;
}
.l-detail_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 40px;
}
.l-detail_block2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	margin-top: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.l-detail_block2:before,
.l-detail_block2:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	width: 40px;
	height: 1px;
	margin: auto;
	background: #4d4d4d;
}
.l-detail_block2:before {
	top: 0;
}
.l-detail_block2:after {
	bottom: 0;
}
.l-detail_flexs {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: -7.5px;
}
.l-detail_flex {
	display: block;
	padding: 7.5px;
}
.l-detail_ex {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #4d4d4d;
}
.l-detail_bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 50px;
}
.l-detail_figure {
	display: block;
	margin-top: 40px;
	text-align: center;
}
.l-detail_figure img {
	width: auto;
	max-width: 100%;
}
.l-detail_title {
	display: block;
	font-size: 162%;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 1.5;
	text-align: center;
}
.l-detail_title br {
	display: none;
}
.l-detail_title2 {
	display: block;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 200%;
	font-weight: 700;
	line-height: 1.3;
}
.l-detail_title2 b {
	font-size: 120%;
	font-weight: 700;
}
.l-detail_lead {
	line-height: 1.4;
}
.l-detail_lead br {
	display: none;
}
.l-detail_lead2 {
	line-height: 1.4;
}
.l-detail_lead2 b {
	font-size: 150%;
	font-weight: 700;
}
.l-detail_lead3 {
	margin-top: 30px;
	font-size: 75%;
	line-height: 1.4;
	text-align: right;
}
@media screen and (min-width:1px) and ( max-width:767px) {
	.l-detail {
		margin-top: 30px;
	}
	.l-detail_inner {}
	.l-detail_tags {
		margin-top: 20px;
	}
	.l-detail_block {
		margin-top: 20px;
	}
	.l-detail_block2 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.l-detail_flexs {
		flex-direction: column;
	}
	.l-detail_flex {}
	.l-detail_ex {
		margin-top: 20px;
		padding-top: 20px;
	}
	.l-detail_bottom {
		margin-top: 40px;
	}
	.l-detail_figure {
		margin-top: 30px;
	}
	.l-detail_figure img {}
	.l-detail_title {
		font-size: 100%;
	}
	.l-detail_title br {
		display: block;
	}
	.l-detail_title2 {}
	.l-detail_lead {
		font-size: 87.5%;
	}
	.l-detail_lead br {
		display: block;
	}
	.l-detail_lead2 {}
	.l-detail_lead3 {
		text-align: left;
	}
}