@charset "utf-8";
.present_section {
		padding: 0 0;
}
.present_inner {
		padding: 70px 40px;
}
.present_bg {
		padding: 0 30px 80px;
		position: relative;
		background-repeat: no-repeat;
		background-position: center -50px;
		background-size: 3000px;
		background-image: url("../images/present_lineBG_pc.png")
}
.present_bg.upper {
		padding-top: 260px;
		background-position: center 50px;
		background-image: url("../images/present_lineBG_double_pc.png");
}
@media(max-width: 767px) {
		.present_section {
				padding: 0 0 80px;
				overflow: hidden
		}
		.present_bg {
				padding: 0 15px;
				background-repeat: repeat-y;
				background-position: 0 80px;
				background-size: 100%;
				background-image: url("../images/sp_line_bg.png");
		}
		.present_bg.upper {
				padding-top: 180px;
				background-repeat: repeat-y;
				background-position: 0 600px;
				background-size: 100%;
				background-image: url("../images/sp_line_bg.png");
		}
}
.present_inner {
		padding: 50px 20px;
}
.present_col {
		max-width: 900px;
		margin: 0 auto;
		background-repeat: repeat-y;
		background-position: center center;
		background-size: 3000px;
		min-height: 300px;
		position: relative;
		margin-bottom: 27px;
		color: #fff;
		z-index: 1;
}
.present_col .present_col_bottom {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
}
.present_col.brwn {
		background-image: url("../images/brwn_bg_pc.png")
}
.present_col.grn {
		background-image: url("../images/grn_bg_pc.png")
}
@media(max-width: 1439px) {
		.present_col.brwn {
				background-image: url("../images/brwn_bg_mid.png");
				background-size: 2000px;
		}
		.present_col.grn {
				background-image: url("../images/grn_bg_mid.png");
				background-size: 2000px;
		}
}
@media(max-width: 767px) {
		.present_col {
				background-size: 100vw;
		}
		.present_col.brwn {
				background-image: url("../images/brwn_bg_sp.png");
				background-size: 100vw;
		}
		.present_col.grn {
				background-image: url("../images/grn_bg_sp.png");
				background-size: 100vw;
		}
}
.present_col::before, .present_col::after, .present_col_bottom::before, .present_col_bottom::after {
		content: '';
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 40px;
		pointer-events: none
}
.present_col::before {
		top: -1px;
		left: -1px;
		background-image: url("../images/corner-40_1.png")
}
.present_col::after {
		top: -1px;
		right: -1px;
		background-image: url("../images/corner-40_2.png")
}
.present_col_bottom::before {
		bottom: -1px;
		left: -1px;
		background-image: url("../images/corner-40_3.png")
}
.present_col_bottom::after {
		bottom: -1px;
		right: -1px;
		background-image: url("../images/corner-40_4.png")
}
.present_catch {
		text-align: center;
		margin: 0 0 35px;
}
.present_catch p {
		font-size: 30px;
		font-weight: 700;
		line-height: 1.5;
}
@media(max-width: 960px) {
		.present_catch p {
				font-size: 24px;
		}
}
@media(max-width: 767px) {
		.present_catch p {
				font-size: 20px;
		}
}
.present_col_inner {
		display: flex;
		justify-content: space-between;
		max-width: 620px;
		padding: 20px 0 25px;
		margin: 0 auto;
}
.present_col_thumb {
		display: flex;
		align-items: center;
		height: 278px;
		margin-bottom: 15px;
}
.present_col_thumb img {
		width: 100%;
		height: auto;
}
.present_col_thumb.type2 {
		height: 260px;
}
.present_col_left {
		width: 200px;
		position: relative;
		left: 30px
}
.present_col_left .present_col_thumb {
		width: 90px;
		margin-left: auto;
		margin-right: auto;
}
.present_col_right {
		width: 322px;
}
.present_col_notes {
		text-align: center;
		line-height: 1.8;
		margin: 0 0 80px;
}
.present_col_notes.extra {
		margin-bottom: 0;
}
.present_col_plus {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 278px;
		position: relative;
		left: -9px;
		top: 20px;
}
.present_col_plus.type2 {
		top: 0;
		left: 0;
		height: 260px
}
.present_plus {
		width: 38px;
		height: 38px;
		position: relative;
}
.present_plus::before, .present_plus::after {
		content: '';
		display: block;
		position: absolute;
		top: 16px;
		left: 0;
		width: 38px;
		height: 6px;
		background: #fff;
}
.present_plus::after {
		transform: rotate(90deg);
}
.present_col_inner p {
		text-align: center;
		line-height: 1.6;
		font-size: 14px;
}
@media(max-width: 767px) {
		.present_col::before, .present_col::after, .present_col_bottom::before, .present_col_bottom::after {
				width: 14px;
				height: 14px;
				background-size: 14px;
		}
		.present_col_inner {
				display: block;
				padding: 25px 15px;
		}
		.present_col_thumb {
				display: block;
				height: auto;
				margin-bottom: 10px;
		}
		.present_col_thumb.type2 {
				height: auto;
		}
		.present_col_left {
				width: auto;
				position: relative;
				left: inherit;
		}
		.present_col_left .present_col_thumb {
				width: 90px;
				margin-left: auto;
				margin-right: auto;
		}
		.present_col_right {
				width: auto;
				max-width: inherit;
				margin: 0 auto
		}
		.present_col_plus {
				width: 24px;
				height: 24px;
				margin: 20px auto 25px;
				position: relative;
				left: inherit;
				top: inherit;
		}
		.present_col_plus.type2 {
				left: inherit;
				top: inherit;
				height: 24px;
		}
		.present_plus {
				width: 24px;
				height: 24px;
		}
		.present_plus::before, .present_plus::after {
				top: 10px;
				width: 24px;
				height: 4px;
		}
		.present_col_notes {
				text-align: left;
				margin-bottom: 60px;
		}
		.present_col_notes br {
				display: none
		}
}
/* ======== */
.present_mid {
		max-width: 1080px;
		margin: 0 auto;
		padding: 0 30px;
		color: #fff;
}
.reserve_gr {
		display: flex;
		flex-wrap: wrap;
		color: #fff;
		margin: 0 auto 15px;
		max-width: 990px;
}
.reserve_item {
		height: 150px;
		display: flex;
		align-items: center;
		padding-left: 45px;
		box-sizing: border-box;
		position: relative;
}
.reserve_gr .reserve_item:nth-child(even) {
		padding-left: 25px;
}
.reserve_gr .reserve_item:nth-child(odd) {
		width: 490px;
		margin-right: 95px;
		background: #76431f;
}
.reserve_gr .reserve_item:nth-child(odd)::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		right: -37px;
		width: 75px;
		height: 150px;
		transform: skewX(-26deg);
		background: #76431f;
}
.reserve_gr .reserve_item:nth-child(even) {
		flex: 1;
		background: #109b95;
}
.reserve_gr .reserve_item:nth-child(even)::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: -37px;
		width: 75px;
		height: 150px;
		transform: skewX(-26deg);
		background: #109b95;
}
.reserve_item_thumb {
		width: 40px;
		margin-right: 20px;
		position: relative;
		z-index: 2
}
.reserve_item_thumb img {
		width: 100%;
		height: auto;
}
.reserve_item_caption {
		flex: 1;
		position: relative;
		z-index: 2
}
.reserve_item_caption p {
		line-height: 1.4;
		font-size: 28px;
		font-weight: 700;
}
.reserve_catch {
		text-align: center;
		font-weight: 700;
		margin: 0 0 30px;
}
.reserve_catch_hd {
		font-size: 22px;
		margin: 0 0 15px;
}
.reserve_catch_1 {
		line-height: 1.4;
		font-size: 40px;
}
.reserve_catch_2 {
		line-height: 1.4;
		font-size: 48px;
}
.present_mid .notes {
		padding-top: 30px;
		padding-bottom: 80px;
}
.full_hd {
		text-align: center;
		margin: 0 0 25px;
		font-weight: 700;
}
.full_hd-1 {
		font-size: 32px;
		font-weight: 700;
		margin: 0 0 15px;
}
.full_hd-2 {
		font-size: 42px;
		font-weight: 700;
}
.full_hd-2 span.tum {
		letter-spacing: 0;
		margin-right: 2px;
		font-size: 110%;
}
.full_lead {
		text-align: center;
		margin: 0 0 40px;
		line-height: 1.8;
}
.fullset_flex {
		display: flex;
		justify-content: space-between;
		max-width: 920px;
		margin: 0 auto;
}
.fullset_item {
		width: 450px;
}
.fullset_item img {
		width: 100%;
		height: auto;
}
.fullset_item_thumb {
		margin: 0 0 20px;
}
.fullset_item_hd {
		height: 50px;
		display: flex;
		align-items: center;
		margin: 0 0 25px;
		background-repeat: no-repeat;
		background-position: center right;
		background-size: 100%;
		padding-left: 35px;
}
.fullset_item_hd.brwn {
		background-image: url("../images/full_bg_brown_pc.png")
}
.fullset_item_hd.grn {
		background-image: url("../images/full_bg_grn_pc.png")
}
.fullset_item_hd h4 {
		font-size: 24px;
		font-weight: 700;
		color: #fff;
}
.fullset_item_caption h5 {
		font-size: 22px;
		font-weight: 700;
		text-align: center;
		margin: 0 0 25px
}
.fullset_item_caption h6 {
		text-align: center;
		font-size: 100%;
		font-weight: 700;
		margin: 0 0 15px;
}
.fullset_all {
		display: flex;
		justify-content: center;
}
.fullset_all li {
		list-style: none;
		line-height: 1.5;
		margin: 0 0 5px;
}
@media(max-width: 1200px) {
		.reserve_catch_hd {
				font-size: 18px;
		}
		.reserve_catch_1 {
				font-size: 36px;
		}
		.reserve_catch_2 {
				font-size: 44px;
		}
		.reserve_item {
				padding-left: 30px !important;
		}
		.reserve_gr .reserve_item:nth-child(odd) {
				width: calc(58% - 100px);
				margin-right: 95px;
		}
		.reserve_gr .reserve_item:nth-child(odd)::after {
				content: '';
				display: block;
				position: absolute;
				top: 0;
				right: -37px;
				width: 75px;
				height: 150px;
				transform: skewX(-26deg);
		}
		.reserve_item_caption p {
				font-size: 26px;
		}
		.fullset_item {
				width: calc(50% - 10px);
		}
		.fullset_item_hd {
				padding-left: 15px;
		}
		.fullset_item_hd h4 {
				font-size: 20px;
		}
}
@media(max-width: 960px) {
		.present_inner {
				padding: 60px 30px;
		}
		.reserve_catch_hd {
				font-size: 18px;
		}
		.reserve_catch_1 {
				font-size: 32px;
		}
		.reserve_catch_2 {
				font-size: 38px;
		}
		.reserve_item, .reserve_gr .reserve_item:nth-child(odd)::after, .reserve_gr .reserve_item:nth-child(even)::before {
				height: 140px;
		}
		.reserve_item_caption p {
				font-size: 20px;
		}
		.fullset_all li {
				font-size: 14px;
		}
}
@media(max-width: 767px) {
		.present_inner {
				padding: 60px 25px;
		}
		.present_mid {
				padding: 60px 25px 0
		}
		.present_mid .notes {
				padding-top: 20px;
				padding-bottom: 60px;
		}
		.reserve_catch_1 {
				font-size: 24px;
		}
		.reserve_catch_2 {
				font-size: 44px;
		}
		.reserve_gr {
				display: block;
				margin: 0 0 15px;
		}
		.reserve_gr .reserve_item:nth-child(odd) {
				width: auto;
				margin: 0 0 15px;
		}
		.reserve_gr .reserve_item:nth-child(odd)::after, .reserve_gr .reserve_item:nth-child(even)::before {
				display: none
		}
		.reserve_item {
				height: auto !important;
				padding: 10px 0 10px 25px !important;
		}
		.full_hd {
				margin: 0 0 25px;
		}
		.full_hd-1 {
				font-size: 24px;
				margin: 0 0 15px;
		}
		.full_hd-2 {
				font-size: 32px;
				margin: 0 0 12px
		}
		.full_lead {
				text-align: left;
				margin: 0 0 30px;
		}
		.fullset_flex {
				display: block;
		}
		.fullset_item {
				width: 100%
		}
		.fullset_flex .fullset_item:first-child {
				margin-bottom: 80px;
		}
		.fullset_all {
				display: block
		}
		.fullset_item_hd.brwn {
				background-image: url("../images/full_bg_brown_sp.png")
		}
		.fullset_item_hd.grn {
				background-image: url("../images/full_bg_grn_sp.png")
		}
		.fullset_item_hd {
				height: auto;
				text-align: center;
				padding: 10px;
				display: block
		}
		.fullset_item_hd h4 {
				text-align: center;
				font-size: 20px;
				line-height: 1.5;
		}
		.fullset_all li {
				font-size: 15px;
				text-align: center;
				line-height: 1.5;
				margin: 0 0 7px;
		}
}