@charset "utf-8";
@-webkit-keyframes ContentsSwitch{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

body{
	color: #333;
}

@media only screen and (max-width: 768px) {
/* -------------------------------- 

common

-------------------------------- */
html{
	overflow-x: hidden;
}
body{
	width: 100vw;
	background: #f6f6f6;
	overflow-x: hidden;
}
section[class^=area]{
	margin: 25vw auto 0;
}
section[class^=area] h2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	font-size: 3.6rem;
}
.hide{
	display:none;
}
.sub-txt{
	margin: 45px 0 0;
}


/* -------------------------------- 
.area-lead
-------------------------------- */
.area-lead .mv-block{
	position: relative;
	margin: 1vw 0 0;
	overflow-y: hidden;
}
.area-lead .mv-block h2{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin: calc(100vw/75*5) 0 0;
	color: #fff;
	font-size: 1vw;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
}
.area-lead .mv-block .img-logo{
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100vw/75*36);
	height: auto;
	margin: calc(-100vw/75*7.5) 0 0 calc(-100vw/75*36/2);
}
.area-lead .inner{
	background: #fff;
}
.area-lead .block{
	display: -webkit-flex;
	display: flex;
	flex-direction: column-reverse;
	margin: 0 auto;
}
.area-lead .block .in{
	margin: calc(100vw/75*7) 0 0;
	padding: 0 0 calc(100vw/75*11);
	color: #333;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.area-lead .block .in h3{
	padding: 0 0 calc(100vw/75*2.6);
	border-bottom: 2px solid #9b8d5d;
	font-weight: bold;
	font-size: calc(100vw/75*3.2);
	text-align: center;
}
.area-lead .block .in .txt{
	width: 92vw;
	margin: calc(100vw/75*5) auto 0;
	line-height: 1.75;
}
.area-lead .block .in .line{
	display: block;
}
.area-lead .block .in .line + .line{
	margin: calc(100vw/75*6) auto 0;
}
.area-lead .in-nav{
	width: 92vw;
	margin: calc(100vw/75*5) auto 0;
}
.area-lead .in-nav li{
	font-size: calc(100vw/75*2.8);
}
.area-lead .in-nav li:nth-of-type(n+2){
	margin: calc(100vw/75*7) 0 0;
}
.area-lead .in-nav li a{
	display: inline-block;
	position: relative;
	margin: 0 0 0 calc(100vw/75*12);
	box-sizing: border-box;
	line-height: 1.75;
}
.area-lead .in-nav li a::before{
	content: "1";
	display: block;
	position: absolute;
	top: 50%;
	left: calc(-100vw/75*8);
	width: calc(100vw/75*4.5);
	height: calc(100vw/75*4.5);
	margin: calc(-100vw/75*5/2) 0 0;
	color: #fff;
	text-align: center;
	z-index: 2;
}
.area-lead .in-nav li:nth-of-type(2) a::before{
	content: "2";
}
.area-lead .in-nav li:nth-of-type(3) a::before{
	content: "3";
}
.area-lead .in-nav li:nth-of-type(4) a::before{
	content: "4";
}
.area-lead .in-nav li:nth-of-type(5) a::before{
	content: "5";
}
.area-lead .in-nav li a::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: calc(-100vw/75*8);
	width: calc(100vw/75*4.5);
	height: calc(100vw/75*4.5);
	margin: calc(-100vw/75*5/2) 0 0;
	background: #9b8d5d;
	transform: rotate(45deg);
}
.area-lead .in-nav li:nth-of-type(2n) a::after{
	background: #273447;
}
.area-lead .in-nav li a:hover{
	border-bottom: 1px solid #9b8d5d;
	box-sizing: border-box;
	color: #9b8d5d;
}
.area-rest{
	position: relative;
	z-index: 3;
}
.area-rest .img{
	display: block;
	max-height: 100vw;
	overflow-y: hidden;
}


/* -------------------------------- 
.area-item
-------------------------------- */
section[class=area-item]{
	position: relative;
	margin: 0 auto;
	padding: calc(100vw/75*15) 0 calc(100vw/75*7);
	background: #f6f6f6;
	box-sizing: border-box;
}
section[class=area-item]:nth-of-type(n+2){
	padding: calc(100vw/75*33) 0 calc(100vw/75*7);
}
section[class=area-item]:nth-of-type(n+2)::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: calc(100vw/75*18);
	background: #9b8d5d;
}
section[class=area-item]:nth-of-type(2n+1)::after{
	background: #273447;
}
.area-item::before{
	content: "";
	display: block;
	position: absolute;
	top: -4vw;
	right: -6vw;
	width: calc(100vw/75*14);
	height: calc(100vw/75*14);
	border: .2vw solid #dbd6c8;
	box-sizing: border-box;
	transform: rotate(45deg);
}
.area-item .lead{
	position: relative;
	width: 92vw;
	margin: calc(100vw/75*45) auto 0;
	z-index: 2;
}
.area-item .lead::before{
	content: "";
	display: block;
	position: absolute;
	top: -21vw;
	right: -16vw;
	width: calc(100vw/75*21);
	height: calc(100vw/75*21);
	border: .2vw solid #b7bbc1;
	box-sizing: border-box;
	transform: rotate(45deg);
}
.area-item .lead::after{
	content: "";
	display: block;
	position: absolute;
	top: -77vw;
	left: -10vw;
	width: calc(100vw/75*21);
	height: calc(100vw/75*21);
	border: .2vw solid #dbd6c8;
	box-sizing: border-box;
	transform: rotate(45deg);
}
.area-item:nth-of-type(n+2) .lead-block::before{
	content: "";
	display: block;
	position: absolute;
	top: -98vw;
	left: 50%;
	width: calc(100vw/75*30);
	height: calc(100vw/75*10);
	margin: 0 0 0 calc(-100vw/75*30/2);
	background: url(../img/gift_heigh_common-logo.png) center /contain no-repeat;
	z-index: 5;
}
.area-item .lead .txt::after{
	content: "";
	display: block;
	position: absolute;
	top: -53vw;
	left: 4vw;
	width: calc(100vw/75*14);
	height: calc(100vw/75*14);
	border: .2vw solid #b7bbc1;
	box-sizing: border-box;
	transform: rotate(45deg);
}
section[class=area-item] h2{
	position: absolute;
	top: calc(-100vw/75*45);
	left: 50%;
	width: calc(100vw/75*27);
	height: calc(100vw/75*55);
	margin: 0 0 0 calc(-100vw/75*47/2);
	padding: calc(100vw/75*4) calc(100vw/75*5);
	background: #fff;
	border-top: calc(100vw/75*.8) solid #9b8d5d;
	border-bottom: calc(100vw/75*.8) solid #9b8d5d;
	box-sizing: border-box;
	font-size: calc(100vw/75*3.2);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.area-item h2::before{
	content: "";
	display: block;
	position: absolute;
	bottom: calc(-100vw/75*3.8);
	right: calc(-100vw/75*3);
	width: calc(100vw/75*3);
	height: calc(100vw/75*50);
	background: #e2dfd6;
}
.area-item h2::after{
	content: "";
	display: block;
	position: absolute;
	bottom: calc(-100vw/75*3.8);
	left: calc(100vw/75*3);
	width: calc(100vw/75*24);
	height: calc(100vw/75*3);
	background: #e2dfd6;
}
.area-item h2 span[class^=sp]{
	display: block;
	height: calc(100vw/75*45.5);
}
.area-item h2 span.sp02{
	height: calc(100vw/75*40);
	text-align: center;
}
.area-item h2 span.sp03{
	position: relative;
	height: calc(100vw/75*45.5);
	text-align: end;
	z-index: 2;
}
.area-item h2 span[class^=squer]{
	position: relative;
	margin: 0 0 0 calc(100vw/75*2.5);
	z-index: 2;
}
.area-item:nth-of-type(1) h2 span[class^=squer]{
	margin: .5vw 0;
}
.area-item h2 span[class^=squer]::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: calc(100vw/75*4.7);
	height: calc(100vw/75*4.7);
	margin: calc(-100vw/75*4.7/2) 0 0 calc(-100vw/75*.5);
	transform: rotate(45deg);
	z-index: -1;
}
.area-item h2 span.squer01::after{
	background: #e2dfd6;
}
.area-item h2 span.squer02::after{
	background: #cbced1;
}
.area-item .lead-block{
	padding: calc(100vw/75*18) 4vw calc(100vw/75*8);
	margin: 0 0 0 auto;
	background: url(../img/gift_heigh_common-item-bg.png) center /cover no-repeat;
	border: .2vw solid #9b8d5d;
	box-sizing: border-box;	
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.area-item .lead-block::after{
	content: "";
	display: block;
	position: absolute;
	bottom: calc(100vw/75*9.5);
	left: -4vw;
	width: 100vw;
	height: .2vw;
	background: #9b8d5d;
	z-index: -1;
}
.area-item .n-ttl{
	position: relative;
	margin: calc(100vw/75*6) 0 0;
	padding: calc(100vw/75*3) 0;
	font-size: calc(100vw/75*3.2);
	text-align: right;
}
.area-item .n-ttl::before,
.area-item .n-ttl::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 84vw;
	height: .75vw;
	border-top: .2vw solid #273447;
	border-bottom: .2vw solid #273447;
}
.area-item .n-ttl::before{
	top: 0;
}
.area-item .n-ttl::after{
	bottom: 0;
}
.area-item .n-ttl span{
	display: block;
	position: absolute;
	top: calc(-100vw/75*6);
	right: 0;
}
.area-item .txt{
	margin: calc(100vw/75*5) 0 0 ;
	line-height: 1.75;
}
.area-item .txt span{
	display: block;
}
.area-item .txt span + span{
	margin: calc(100vw/75*5) 0 0;
}
.area-item .item{
	position: relative;
	width: 100vw;
	margin: calc(100vw/75*12) auto 0;
	padding: 0 0 calc(100vw/75*13);
	z-index: 2;
}
.area-item .item:nth-of-type(n+3){
	margin-top: 0;
	padding: calc(100vw/75*13) 0;
	border-top: .2vw solid rgba(155,141,93,.2);
}
.area-item .item .block:nth-of-type(n+2){
	margin: calc(100vw/75*9.6) 0 0;
}
.area-item .item .block .in{
	width: 92vw;
	margin: 0 auto;
}
.area-item .item .block:nth-of-type(1) h3{
	padding: 0 0 calc(100vw/75*1) 0;
	border-bottom: .2vw solid #9b8d5d;
	font-size: calc(100vw/75*3.2);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.area-item .item .block:nth-of-type(2) h3{
	font-size: calc(100vw/75*5.6);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
}
.area-item .item .block:nth-of-type(2) h3 span{
	position: relative;
	z-index: 2;
}
.area-item .item .block:nth-of-type(2) h3 span::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100vw/75*6.4);
	height: calc(100vw/75*6.4);
	margin: calc(-100vw/75*6.4/2) 0 0 calc(-100vw/75*6.4/2);
	background: #e2dfd6;
	transform: rotate(45deg);
	z-index: -1;
}
.area-item .item .block:nth-of-type(2) h3 span:nth-of-type(2n)::after{
	background: #cbced1;
}
.area-item .item .block .img{
	width: 92vw;
	margin: calc(100vw/75*7) auto 0;
}
.area-item .item ul{
	margin: calc(100vw/75*11) auto 0;
}
.area-item .item li{
	margin: 0 auto;
}
.area-item .item li:nth-of-type(n+2){
	margin: calc(100vw/75*12) auto 0;
}
.area-item .item li .ttl{
	width: 92vw;
	margin: calc(100vw/75*5) auto 0;
	font-weight: bold;
	font-size: calc(100vw/75*3.2);
	text-align: center;
}
.area-item .item li .txt{
	width: 92vw;
	margin: calc(100vw/75*3) auto 0;
}
.area-item .item li .price{
	margin: calc(100vw/75*3) 0 0;
	font-weight: bold;
	font-size: calc(100vw/75*3.2);
	text-align: center;
}
.area-item .item li .btn{
	width: 92vw;
	margin: calc(100vw/75*7) auto 0;
}
.area-item .item li .btn a{
	display: block;
	position: relative;
	width: calc(100vw/75*30);
	margin: 0 0 0 auto;
	padding: calc(100vw/75*3.8) 0 calc(100vw/75*3.6) calc(100vw/75*6);
	background: #9b8d5d;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	font-size: calc(100vw/75*3.2);
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.area-item .item li .btn a::before{
	content: "";
	display: block;
	position: absolute;
	bottom: calc(100vw/75*4.5);
	right: calc(100vw/75*4.5);
	width: calc(100vw/75*2);
	height: .2vw;
	background: #fff;
	transform: rotate(45deg)
}
.area-item .item li .btn a::after{
	content: "";
	display: block;
	position: absolute;
	bottom: calc(100vw/75*4);
	right: calc(100vw/75*4.7);
	width: calc(100vw/75*7.1);
	height: .2vw;
	background: #fff;
}
.area-item .item .bg-border{
	position: absolute;
	top: 10vw;
	left: -10vw;
	width: 120vw;
	height: calc(100vw/75*44);
	background: #e6e6e7;
	z-index: -1;
	transform: rotate(-10deg)
}
.area-item .item:nth-of-type(2n-1) .bg-border{
	top: 28vw;
	transform: rotate(10deg)
}
.area-item .item .bg-border::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -496vw;
	left: -90vw;
	width: 120vw;
	height: calc(100vw/75*44);
	background: #e6e6e7;
	z-index: -1;
}
.area-item .item:nth-of-type(2n-1) .bg-border::after{
	left: 90vw;
}
}


@media only screen and (min-width: 769px) {
/* -------------------------------- 

common

-------------------------------- */
body{
	background: #f6f6f6;
	overflow-x: hidden;
}
section[class^=area]{
	position: relative;
	margin: 150px auto 0;
}
section[class^=area] h2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	font-size: 3.6rem;
}
.hide{
	display:none;
}
.sub-txt{
	margin: 45px 0 0;
}


/* -------------------------------- 
.area-lead
-------------------------------- */
section[class=area-lead]{
	width: 1050px;
	margin: 50px auto 0;
}
.area-lead .mv-block{
	position: relative;
	max-height: 550px;
	margin: 10px 0 0;
	overflow-y: hidden;
}
.area-lead .mv-block h2{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin: 70px 0 0;
	color: #fff;
	font-size: 1.6rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
}
.area-lead .mv-block .img-logo{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 317px;
	height: auto;
	margin: -35px 0 0 calc(-317px/2);
}
.area-lead .inner{
	background: #fff;
}
.area-lead .block{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	width: 1200px;
	margin: 0 auto;
}
.area-lead .block:nth-of-type(2n){
	flex-direction: row-reverse;
}
.area-lead .block .in{
	width: 50%;
	padding: 0 85px 0 0;
	box-sizing: border-box;
	color: #333;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.area-lead .block:nth-of-type(2n) .in{
	padding: 0 0 0 50px;
}
.area-lead .block .in h3{
	padding: 0 0 15px;
	border-bottom: 2px solid #9b8d5d;
	font-size: 2.4rem;
	text-align: center;
}
.area-lead .block .in .txt{
	margin: 20px auto 0;
	line-height: 1.75;
}
.area-lead .block .in .line{
	display: block;
}
.area-lead .block .in .line + .line{
	margin: 20px auto 0;
}
.area-lead .block .img{
	width: 50%;
}
.area-lead .in-nav{
	margin: 30px 0 0;
}
.area-lead .in-nav li{
	font-size: 2rem;
}
.area-lead .in-nav li:nth-of-type(n+2){
	margin: 32px 0 0;
}
.area-lead .in-nav li a{
	display: inline-block;
	position: relative;
	margin: 0 0 0 45px;
	padding: 4px 0 5px;
	box-sizing: border-box;
	line-height: 1;
}
.area-lead .in-nav li a::before{
	content: "1";
	display: block;
	position: absolute;
	top: 3px;
	left: -45px;
	width: 25px;
	color: #fff;
	text-align: center;
	z-index: 2;
}
.area-lead .in-nav li:nth-of-type(2) a::before{
	content: "2";
}
.area-lead .in-nav li:nth-of-type(3) a::before{
	content: "3";
}
.area-lead .in-nav li:nth-of-type(4) a::before{
	content: "4";
}
.area-lead .in-nav li:nth-of-type(5) a::before{
	content: "5";
}
.area-lead .in-nav li a::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -45px;
	width: 25px;
	height: 25px;
	background: #9b8d5d;
	transform: rotate(45deg);
}
.area-lead .in-nav li:nth-of-type(2n) a::after{
	background: #273447;
}
.area-lead .in-nav li a:hover{
	border-bottom: 1px solid #9b8d5d;
	box-sizing: border-box;
	color: #9b8d5d;
}
.area-rest{
	position: relative;
	z-index: 2;
}
.area-rest .img{
	display: block;
	max-height: 550px;
	overflow-y: hidden;
}


/* -------------------------------- 
.area-item
-------------------------------- */
section[class=area-item]{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 110px 0 60px;
	background: #f6f6f6;
	box-sizing: border-box;
}
section[class=area-item]:nth-of-type(n+2){
	padding: 310px 0 60px;
}
section[class=area-item]:nth-of-type(n+2)::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -1400px;
	width: 4000px;
	height: 200px;
	background: #9b8d5d;
}
section[class=area-item]:nth-of-type(2n+1)::after{
	background: #273447;
}
.area-item::before{
	content: "";
	display: block;
	position: absolute;
	top: 200px;
	right: 490px;
	width: 215px;
	height: 215px;
	border: 1px solid #dbd6c8;
	box-sizing: border-box;
	transform: rotate(45deg);
}
.area-item .lead{
	position: relative;
	width: 1200px;
	margin: 170px auto 0;
	z-index: 2;
}
.area-item .lead::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -140px;
	width: 140px;
	height: 140px;
	border: 1px solid #b7bbc1;
	box-sizing: border-box;
	transform: rotate(45deg);
}
.area-item .lead::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -190px;
	width: 140px;
	height: 140px;
	border: 1px solid #dbd6c8;
	box-sizing: border-box;
	transform: rotate(45deg);
}
.area-item:nth-of-type(n+2) .lead-block::before{
	content: "";
	display: block;
	position: absolute;
	top: -420px;
	left: 50%;
	width: 317px;
	height: 81px;
	margin: 0 0 0 calc(-367px/2);
	background: url(../img/gift_heigh_common-logo.png) center /cover no-repeat;
}
.area-item .lead .txt::after{
	content: "";
	display: block;
	position: absolute;
	top: 90px;
	left: -190px;
	width: 140px;
	height: 140px;
	border: 1px solid #dbd6c8;
	box-sizing: border-box;
	transform: rotate(45deg);
}
section[class=area-item] h2{
	position: absolute;
	top: -170px;
	left: -150px;
	width: 230px;
	height: 496px;
	padding: 36px 70px 35px 80px;
	background: #fff;
	border-top: 8px solid #9b8d5d;
	border-bottom: 8px solid #9b8d5d;
	box-sizing: border-box;
	font-size: 2.4rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.area-item h2::before{
	content: "";
	display: block;
	position: absolute;
	bottom: -58px;
	right: -30px;
	width: 30px;
	height: 420px;
	background: #e2dfd6;
}
.area-item h2::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -58px;
	left: 30px;
	width: 200px;
	height: 50px;
	background: #e2dfd6;
}
.area-item h2 > span{
	display: block;
}
.area-item h2 span[class^=pc]{
	display: block;
	height: 480px;
}
.area-item h2 .pc02{
	height: 480px;
	text-align: end;
}
.area-item h2 span[class^=squer]{
	position: relative;
	z-index: 2;
}
.area-item:nth-of-type(1) h2 span[class^=squer]{
	margin: 8px 0;
}
.area-item h2 span[class^=squer]::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 38px;
	height: 38px;
	margin: -19px 0 0 -7px;
	transform: rotate(45deg);
	z-index: -1;
}
.area-item h2 span.squer01::after{
	background: #e2dfd6;
}
.area-item h2 span.squer02::after{
	background: #cbced1;
}
.area-item .lead-block{
	width: 1100px;
	min-height: 529px;
	padding: 165px 75px 95px 250px;
	margin: 0 0 0 auto;
	background: url(../img/gift_heigh_common-item-bg-pc.png) center /cover no-repeat;
	border: 2px solid #9b8d5d;
	box-sizing: border-box;	
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.area-item .lead-block::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 86px;
	left: -1400px;
	width: 4000px;
	height: 2px;
	background: #9b8d5d;
	z-index: -1;
}
.area-item .n-ttl{
	position: relative;
	margin: 30px 0 0;
	padding: 15px 0;
	font-size: 2.4rem;
}
.area-item .n-ttl::before,
.area-item .n-ttl::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 400px;
	height: 2px;
	border-top: 1px solid #273447;
	border-bottom: 1px solid #273447;
}
.area-item .n-ttl::before{
	top: 0;
}
.area-item .n-ttl::after{
	bottom: 0;
}
.area-item .n-ttl span{
	display: block;
	position: absolute;
	top: -30px;
	left: 0;
}
.area-item .txt{
	margin: 35px 0 0 ;
	line-height: 1.75;
}
.area-item .txt span{
	display: block;
}
.area-item .txt span + span{
	margin: 20px 0 0;
}
.area-item .item{
	position: relative;
	width: 1200px;
	margin: 120px auto 0;
	padding: 0 0 95px;
	z-index: 2;
}
.area-item .item:nth-of-type(n+3){
	margin-top: 0;
	padding: 90px 0 95px;
	border-top: 2px solid rgba(155,141,93,.2);
}
.area-item .item .block{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.area-item .item .block:nth-of-type(1){
	flex-direction: row-reverse;
}
.area-item .item:nth-of-type(2n+1) .block{
	flex-direction: row-reverse;
}
.area-item .item:nth-of-type(2n+1) .block:nth-of-type(1){
	flex-direction: row;
}
.area-item .item .block .in{
	width: 585px;
}
.area-item .item .block:nth-of-type(1) h3{
	display: inline-block;
	padding: 0 30px 10px 0;
	border-bottom: 2px solid #9b8d5d;
	font-size: 2rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.area-item .item .block:nth-of-type(2) h3{
	font-size: 4rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
}
.area-item .item .block:nth-of-type(2) h3 span{
	position: relative;
	z-index: 2;
}
.area-item .item .block:nth-of-type(2) h3 span::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	background: #e2dfd6;
	transform: rotate(45deg);
	z-index: -1;
}
.area-item .item .block:nth-of-type(2) h3 span:nth-of-type(2n)::after{
	background: #cbced1;
}
.area-item .item .block .img{
	width: 515px;
}
.area-item .item ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	margin: 100px auto 0;
}
.area-item .item li{
	width: 380px;
}
.area-item .item li .ttl{
	margin: 25px 0 0;
	font-weight: bold;
	font-size: 2rem;
}
.area-item .item li .txt{
	margin: 20px 0 0;
}
.area-item .item li .price{
	margin: 10px 0 0;
	font-weight: bold;
	font-size: 2rem;
	text-align: right;
}
.area-item .item li .btn{
	margin: 40px 0 0;
}
.area-item .item li .btn a{
	display: block;
	position: relative;
	width: 215px;
	margin: 0 0 0 auto;
	padding: 17px 0 15px 44px;
	background: #fff;
	border: 2px solid #9b8d5d;
	box-sizing: border-box;
	color: #9b8d5d;
	font-weight: bold;
	font-size: 2rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.area-item .item li .btn a::before{
	content: "";
	display: block;
	position: absolute;
	bottom: 22px;
	right: 25px;
	width: 10px;
	height: 1px;
	background: #9b8d5d;
	transform: rotate(45deg)
}
.area-item .item li .btn a::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 18px;
	right: 25px;
	width: 69px;
	height: 1px;
	background: #9b8d5d;
}
.area-item .item li .btn a:hover{
	background: #9b8d5d;
	color: #fff;
}
.area-item .item li .btn a:hover::before,
.area-item .item li .btn a:hover::after{
	background: #fff;
	transition: .6s;
}
.area-item .item .bg-border{
	position: absolute;
	top: 128px;
	left: -575px;
	width: 2350px;
	height: 540px;
	background: #e6e6e7;
	z-index: -1;
	transform: rotate(-10deg)
}
.area-item .item:nth-of-type(2n-1) .bg-border{
	top: 220px;
	transform: rotate(10deg)
}
}