@charset "utf-8";

.u-inner {
	max-width: 1080px;
	margin: 0 auto;
	position: relative;
	background-color: transparent;
	padding: 5% 0;
}


.l-kv{
	position: relative;
	background-image: url(../../img/concept/l-kv.jpg);
	background-size: cover;
	color: #fff;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6vw), 0 100%);
	        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6vw), 0 100%);
	padding-bottom: 3%;
}

.l-title-02 {
	text-align: center;
	font-size: 3.2rem;
	line-height: 1.6;
	padding: 3% 0;
	border-top: 1px solid rgba(255,255,255,.6);
	border-bottom: 1px solid rgba(255,255,255,.6);
}

.l-text {
	font-size: 1.7rem;
	line-height: 2.5;
	text-align: center;
	letter-spacing: .25rem;
}


.l-kv .l-title-02  {
	margin-top: 100%;
	background: rgb(52,103,74);
	background: -webkit-gradient(linear, left top, right top, from(rgba(52,103,74,0)), color-stop(50%, rgba(52,103,74,0.3)), to(rgba(52,103,74,0)));
	background: linear-gradient(90deg, rgba(52,103,74,0) 0%, rgba(52,103,74,0.3) 50%, rgba(52,103,74,0) 100%);
}

.l-kv .l-text:first-of-type {
	padding: 5% 0;
}

.l-kv  .l-title_border {
	line-height: 2;
}

.l-kv  .l-title_border .l-border:after {
	width: 34%;
	background-color: #fff;
}


.l-section-1{
	position: relative;
	background-image: url(../../img/concept/l-section1-bg.jpg);
	background-size: cover;
	color: #fff;
	text-align: center;
	-webkit-clip-path: polygon(0 calc(0% + 6vw), 100% 0, 100% calc(100% - 6vw), 0 100%);
	        clip-path: polygon(0 calc(0% + 6vw), 100% 0, 100% calc(100% - 6vw), 0 100%);
	padding: 5% 0;
	margin-top: -7%;
}

.l-section-1 .l-title-03{
	font-size: 2.4rem;
	color: #000;
	line-height: 1.6;
}

.l-section-1 .l-title-04{
	color: #34674A;
	font-size: 2.8rem;
	vertical-align: middle;
	padding: 30px 0 40px 0;
}

.l-section-1 .l-title-04 span{
font-size: 3rem;
}

.l-section-1 .l-text{
	color: #000;
	line-height: 2.5;
}

.section_block-1 {
	border: 1px solid rgba(0,0,0,.4);
}

.section_block-1 h3 {
	font-size: 2rem;
	color: #000;
	padding: 20px 0;
	border-bottom: 1px solid rgba(0,0,0,.4);
	text-align: center;
}

.section_block-1 .l-coloum_container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 10px;
}

.section_block-1 .l-coloum_items{
	width: calc(100% / 2);
	padding: 10px;
}

.l-coloum_container-2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.l-coloum_container-2 .l-coloum_item{
	width: calc(100% / 2);
	padding: 10px;
}

.section_block-1 .l-colom_title_min{
	color: #926F21;
	font-size: 1.7rem;
	padding-bottom: 10px;
}

.section_block-1 .l-colom_text{
font-size: 1.5rem;
	line-height: 1.5;
}

.l-coloum_item figcaption{
	font-size: 1rem;
	padding-top: 10px;
	text-align: right;
	
}

.section_block-1 .l-coloum_item figcaption{
	color: #000;
}

.l-section-1 .section_block-1{
	text-align: left;
}

.l-section-1 .l-colom_text{
	color: #000;
}

.l-section-1 .l-colom_text{
color: #000;
}

.l-section-1  .l-img_tumb{
	padding: 50px 0;
}

.l-title-04{
	line-height: 1.4;
	font-weight: bold;
}

.l-title-04 p:first-of-type{
	font-size: 1.8rem;
	vertical-align: middle;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
}

.l-section-2  {
	position: relative;
	background-image: url(../../img/concept/l-section2-bg.jpg);
	background-size: cover;
	-webkit-clip-path: polygon(0 calc(0% + 6vw), 100% 0, 100% calc(100% - 6vw), 0 100%);
	        clip-path: polygon(0 calc(0% + 6vw), 100% 0, 100% calc(100% - 6vw), 0 100%);
	padding: 5% 0;
	margin-top: -7%;
}

.l-section-2 .l-title-02 {
	font-size: 7rem;
	border-color: #34674A;
	color: #34674A;
	padding: 1% 0;
	margin: 6% 0;
}

.l-section-2 h5 {
	font-size: 2.4rem;
	color: #34674A;
	line-height: 2;
	text-align: center;
	padding-top: 5%;
}


.l-section-3{
	background-color: #fff;
	margin-top: -13%;
	margin-bottom: -17%;
}

.l-section-4  {
	position: relative;
	background-image: url(../../img/concept/l-section3-bg.jpg);
	background-size: cover;
	padding-top: 5%;
	padding-bottom: 55%;
	background-position: 50% 97%;
	-webkit-clip-path: polygon(0 calc(0% + 6vw), 100% 0, 100% 100%, 0 100%);
	        clip-path: polygon(0 calc(0% + 6vw), 100% 0, 100% 100%, 0 100%);
}

.l-section-4  .l-title-02 {
	text-align: center;
	font-size: 3.2rem;
	line-height: 1.6;
	padding: 3% 0;
	color: #34674A;
	border-color: #34674A;
	border-top: 1px solid #34674A;
	border-bottom: 1px solid #34674A;
	position: relative;
	background: rgb(255,255,255);
	background: rgb(255,255,255);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.6)), to(rgba(255,255,255,0)));
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0) 100%);
	margin: 10% 0 3% 0;
}

.l-section-4  .l-title-02 .l-title_option{
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	background-color: #34674A;
	text-align: center;
	position: absolute;
	top: -20%;
	left: 40%;
	font-size: 2.2rem;
}

.l-text  em{
	color: #34674A;
}

.l-section-4 .l-coloum_container{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	text-align: left;
}

.l-section-4 .l-coloum_items{
	width: calc(100% / 2);
	
}

.l-coloum_container-2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.l-coloum_container-2 .l-coloum_item{
	width: calc(100% / 2);
}

.l-section-1 .l-coloum_container-2 .l-coloum_item:nth-child(odd){
	padding-right: 20px;
}

.l-section-1 .l-coloum_container-2 .l-coloum_item:nth-child(even){
	padding-left: 20px;
}

.l-colom_img-1{
	position: relative;
	z-index: 1;
}

.l-colom_caption{
	
}

.l-section-4 .l-coloum_items{
	/*border-bottom: 2px solid #ddd;*/
	text-align: left;
	margin: 40px 0;
}

.l-section-4 .l-coloum_items .l-text{
	color: #000;
	text-align: left;
	font-size: 1.6rem;
	line-height: 1.8;
	letter-spacing: .2rem;
	padding-bottom: 40px;
	border-bottom: 2px solid #ddd;
}

.l-coloum_items.color-1{
	color: #34674A;
	border-color: rgba(13,123,72,.25) ;
}

.l-coloum_items.color-2{
	color: #4A341F;
	border-color: rgba(74,52,31,.25);
}

.l-coloum_items.color-3{
	color: #0D4770;
	border-color: rgba(13,71,112,.25);
}

.l-coloum_items.color-4{
	color: #EB5C1E;
	border-color: rgba(235,92,30,.25);
}

.l-coloum_items.color-1 .l-text{
	border-color: rgba(13,123,72,.25) ;
}

.l-coloum_items.color-2 .l-text{
	border-color: rgba(74,52,31,.25);
}

.l-coloum_items.color-3 .l-text{
	border-color: rgba(13,71,112,.25);
}

.l-coloum_items.color-4 .l-text{
	border-color: rgba(235,92,30,.25);
}


.l-section-4  .l-coloum_items h2{
	border-bottom: 2px solid;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.l-coloum_items.color-1 h2{
	color: #34674A;
	border-color: rgba(13,123,72,.25);
}

.l-coloum_items.color-2 h2{
	color: #4A341F;
	border-color: rgba(74,52,31,.25);
}

.l-coloum_items.color-3 h2{
	color: #0D4770;
	border-color: rgba(13,71,112,.25);
}

.l-coloum_items.color-4 h2{
	color: #EB5C1E;
	border-color: rgba(235,92,30,.25);
	position: relative;
}

.l-section-4 .l-coloum_items h2{
	position: relative;
}

.l-section-4 .l-coloum_items h2:after{
	content: "";
	position: absolute;
	width: 20%;
	height: 4px;
	left: 0;
	bottom: -2px;
	background-color: #ddd;
}

.l-coloum_items h2 span{
font-size: 1.4rem;
	padding-bottom: 5px;
}

.l-section-4 .l-coloum_items.color-1 h2:after{
	background-color: #34674A;
}
.l-section-4 .l-coloum_items.color-2 h2:after{
	background-color: #4A341F;
}
.l-section-4 .l-coloum_items.color-3 h2:after{
	background-color: #0D4770;
}
.l-section-4 .l-coloum_items.color-4 h2:after{
	background-color: #EB5C1E;
}



.l-section-4 .l-coloum_container {
	margin-right: -80px;
}

.l-section-4 .l-coloum_items {
	padding-right: 80px;
}

.l-section-4 .l-coloum_container-2.l-colom_min .l-coloum_item {
	padding: 10px 10px 10px 0;
}


.l-colom_caption {
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.5);
	color: #fff;
	padding: 9px;
}

.l-colom_caption{
	font-size: 1.5rem;
	text-align: center;
	display: block;
	padding-top: 10px;
}

.l-colom_caption span{
	font-size: 1rem;
	text-align: center;
	padding-top: 10px;
}


.l-section-4 .l-coloum_items.color-1 .l-colom_caption {
	background: rgba(13,123,72,.8);
}
.l-section-4 .l-coloum_items.color-2 .l-colom_caption {
	background: rgba(74,52,31,.8);
}
.l-section-4 .l-coloum_items.color-3 .l-colom_caption {
	background:  rgba(13,71,112,.8);
}
.l-section-4 .l-coloum_items.color-4 .l-colom_caption {
	background: rgba(235,92,30,.8);
}

.l-section-4  .l-coloum_item figcaption{
	background: none !important;
	color: #000;
	position: relative;
	letter-spacing: 0;
}
.l-colom_caption.l-caption_min{
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}

.l-colom_caption.l-caption_min span{
font-size: 1rem;
	display: block;
}

.l-coloum_container-2.l-colom_min{
	margin-right: -10px;
}

.l-coloum_container-2.l-colom_min .l-coloum_item{
	padding-right: 10px;
}

.l-section-5{
	background-color: #324024;
	color: #fff;
	position: relative;
	z-index: 1;
}

/*.l-section-5:after {
	content: "";
	position: absolute;
	background: url(../../img/concept/l-section3-6.png) no-repeat center / 100% auto;
	width: 380px;
	height: 490px;
	bottom: 0%;
	left: 4%;
	z-index: 10;
}*/

.l-section-5 .l-title-02{
	color: #fff;
	border-color: #fff;
	margin-bottom: 80px;
	margin-top: -20%;
}

.l-section-5 .l-text{
text-align: left;
}

.l-img_tumb{
	margin: 30px auto;
	position: relative;
	z-index: 2;
}

.l-section-6{
	background-color: #3C4B2C;
	color: #fff;
	padding: 5%;
	margin-top: -8%;
	margin-bottom: -8%;
	-webkit-clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 7vw), 0 100%);
	        clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 7vw), 0 100%);
	position: relative;
	z-index: 10;
}


/*

.l-section-6:after{
	content: "";
	position: absolute;
	background: url(../../img/concept/l-section3-9.png) no-repeat center / 100% auto;
	width: 500px;
	height: 300@x;
	bottom: 0;
	right: 0;
	z-index: 15;
}
*/

.l-section-6 .l-title-02{
	color: #fff;
	border-color: #fff;
	margin-bottom: 40px;
}

.l-section-7 {
	background-color: #211E17;
	color: #fff;
	padding-top: 7%;
}

.l-title_border{
	font-size: 2.8rem;
	margin-bottom: 20px;
	padding-right: 20%;
	display: block;
	text-align: right;
}

.l-title_border .l-border {
	text-align: left;
	position: relative;
	z-index: 1;
}



.l-title_border .l-border:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #707070;
	top: 45%;
	right: 0;
	z-index: 0;
}


.l-section-7 .u-inner {
padding-bottom: 0;
}

.l-section-7  .l-title-02{
	text-shadow: 0px 1px 10px rgba(255, 255, 255, 0.4);
}

.l-section-7 .l-section_container{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	padding: 6% 0;
}

.l-section-7 .l-section_block{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: calc(100% / 2);
}

.l-section-7 .l-section_block.l-section_001 {
	padding-left: 15%;
	z-index: 5;
	position: relative;
	margin-right: 0px;
	right: -3%;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.l-section-7 .l-section_block.l-section_002{
	position: relative;
	z-index: 0;
	margin-left: 0px;
}

.l-section-7 .l-section_container l-flex-2{
	
}
.l-section-7 .l-flex-2 .l-section_block.l-section_001{
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	padding-right: 15%;
	padding-left: 0;
	right: 0;
	left: -3%;
}

.l-section-7 .l-flex-2 .l-section_block.l-section_002{
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}

.l-section-7 .l-flex-2 .l-section_block h3 {
	text-align: right;
}

.l-section-7 .l-flex-2 .l-section_001 .l-title_border {
	padding-left: 20%;
	padding-right: 0;
}

.section_block-1 h3 {
	/*background-color: #000;*/
	font-size: 2.2rem;
	line-height: 2;
	padding: 35px;
}



.l-section-7   .l-border  span{
	background-color: #211E17;
	padding-right: 20px;
	position: relative;
	z-index: 2;
}

.l-section-7  .l-block_text{
	font-size: 1.6rem;
	padding: 40px;
	z-index: 10;
	position: relative;
	background-color: #000;
}


.l-coloum_container.l-coloum-3{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-right: -40px;
}

.l-coloum_container.l-coloum-3 .l-colom_items{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: calc(100% / 3);
	padding-right: 40px;
	text-align: left;
	}

.l-coloum_container.l-coloum-3 h3{
	color: #ECC8AC;
	font-size: 1.6rem;
	padding-top: 25px;
	margin-bottom: 15px;
}

.l-coloum_container.l-coloum-3 .l-text{
	font-size: 1.5rem;
	margin-bottom: 20px;
	text-align: left;
}

.l-coloum_container.l-coloum-3 .l-note{
	font-size: 1rem;
	color: #bbb;
	line-height: 1.8;
}


.l-section-8,.l-section-9{
	background-color: #211E17;
	color: #fff;
	position: relative;
}

.l-section-8:before{
	content: "";
	position: absolute;
	background: url(../../img/concept/l-section4-4.png) no-repeat center / 100% auto;
	width: 100%;
	height: 200px;
	top: -15%;
	left: 0;
	z-index: 5;
}

.l-section-8:after{
	content: "";
	position: absolute;
	background: url(../../img/concept/l-section4-8.png) no-repeat center / 100% auto;
	width: 100%;
	height: 195px;
	bottom: -13%;
	right: 0;
	z-index: 5;
}

.l-section-9 .section_block-1{
	border-color: #ECC8AC;
	background-color: #34674A;
}

.l-section-9 .section_block-1 h3 {
	border-color: #ECC8AC;
	background: rgb(255,255,255);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.2)), to(rgba(255,255,255,0)));
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%);
	color: #fff;
}

.l-section-9 .l-title_border{
	text-align: center;
	position: relative;
	z-index: 1;
	font-size: 2.4rem;
	padding: 0;
}

.l-section-9 .l-title_border:after{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #fff;
	top: 45%;
	right: 0;
	z-index: 0;
}

.l-section-9 .l-title_border span{
	background-color: #211E17;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	z-index: 2;
}

.l-section-9 h4{
	background-color: #211E17;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
	z-index: 2;
}


.l-section-9 .l-colom_container-2{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	width: 80%;
	margin: 0 auto;
}

.l-section-9 .l-colom_container-2 .l-img{
	width: 35%;
	padding-right: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.l-section-9 .l-colom_container-2 .l-colom_item .l-text{
text-align: left;
}

.l-subtitle_point{
	color: #ECC8AC;
	padding-left: 20px;
	position: relative;
	line-height: 1.4;
	font-size: 2.2rem;
	margin-bottom: 20px;
}

.l-subtitle_point:after{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 24px;
	background-color: #ECC8AC;
	position: absolute;
	top: 14px;
	left: 0;
}

.l-btn{
	color: #fff;
	background: rgb(133,114,68);
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(133,114,68,1)), to(rgba(181,154,91,1)));
	background: linear-gradient(0deg, rgba(133,114,68,1) 0%, rgba(181,154,91,1) 100%);
	border-radius: 10px;
	padding: 20px;
	font-size: 1.8rem;
	width: 70%;
	position: relative;
	display: block;
	text-decoration: none;
	margin-top: 30px;
	text-align: left;
}

.l-section-9 .l-section_block{
	margin-bottom: 50px;
}

.l-caption_list {
	font-size: 1rem;
	line-height: 1.8;
}

.l-caption_list li{
	padding-left:1em;
	text-indent:-1em;
}

.l-section-10{
	background-color: #fff;
}

.l-section_deco_top{
	position: relative;
}

.l-section_deco_top:after {
content: "";
position: absolute;
background: url(../../img/concept/l-section3-6.png) no-repeat center / 100% auto;
	width: 290px;
	height: 380px;
	top: 0px;
	left: -70px;
	z-index: 10;
}

.l-section_deco_bottom{
position: relative;
}


.l-section_deco_bottom:after{
content: "";
position: absolute;
background: url(../../img/concept/l-section3-9.png) no-repeat center / 100% auto;
	width: 500px;
	height: 300px;
bottom: 0;
right: 0;
z-index: 15;
}