/* --------------------
     Common
--------------------*/

main#GlobalContents {
padding:80px 0 0;
position:relative;
width:100vw;
}

main#GlobalContents hr {
width:1170px;
margin:0 auto 60px;
border-top:1px solid #ccc;
z-index:3;
}

.ContentsArea h2 {
font-family:'Cormorant Garamond',serif;
font-size:60px;
font-weight:100;
line-height:100%;
margin:0 0 60px;
padding:0 6%;
position:relative
}

.ContentsArea h2:after {
border-bottom:solid 1px #9F7A46;
bottom:-30px;
content:" ";
display:block;
position:absolute;
width:60px
}

.ContentsBlock {
padding:0 6%
}

.ContentsBlock p {
font-size:14px;
margin:0 0 30px;
text-align:justify
}

/* --------------------
     Header MV
--------------------*/

section.ContentsHeader {
position:relative;
width:100vw;
height:50vh;
margin:0 0 60px;
z-index:3;
}

section.ContentsHeader2 {
position:relative;
width:1170px;
height:auto;
margin:0 auto 30px;
padding:50px 0 0 0;
z-index:3;
}

.ContentsHeaderGradation{
width:100vw;
height:50vh;
background:-webkit-linear-gradient(0,rgba(0,0,0,0.6),rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.0),rgba(0,0,0,0.0));
background:-o-linear-gradient(0,rgba(0,0,0,0.6),rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.0),rgba(0,0,0,0.0));
background:linear-gradient(0,rgba(0,0,0,0.6),rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.0),rgba(0,0,0,0.0))
}

section#ContentsHeaderService {
background:url("../images/pages/header-service.jpg");
background-position: top center;
background-size: cover;

}

section#ContentsHeaderWorks {
background:url("../images/pages/header-works.jpg");
background-position: top center;
background-size: cover;

}

@media screen and (min-width: 961px) {
	section#ContentsHeaderService,
	section#ContentsHeaderWorks {
	background-position: center center;
	}
}

section#ContentsHeaderCompany {
background:url("../images/pages/header-company.jpg");
background-position: top center;
background-size: cover;

}

section#ContentsHeaderPP {
background:url("../images/pages/header-pp.jpg");
background-position: top center;
background-size: cover;

}

.ContentsHeaderPosition {
width:100%;
height:auto;
position:absolute;
bottom:50px; left:50px;
}

.ContentsHeader2Position {
width:100%;
height:auto;
}

.ContentsHeaderInner {
/* width:1184px; */
margin:0 auto 0;
}

.ContentsHeader h1,
.ContentsHeader2 h1{
float:left;
font-family:'Cormorant Garamond',serif;
font-weight:100;
font-size:52px;
line-height:100%;
margin:0 20px 0 0;
color:#fff;
letter-spacing:-.04em
}

.ContentsHeader2 h1 {
color:#404040;
}
.ContentsHeaderDescription,
.ContentsHeader2Description {
float:left;
padding:30px 0 0;
position:relative;
}

.ContentsHeaderDescription p,
.ContentsHeader2Description p{
padding:0 0 0 60px;
font-size:11px;
font-weight:700;
color:#fff;
line-height:100%;
}
.ContentsHeader2Description p {
color:#404040;
}

.ContentsHeaderDescription p:after,
.ContentsHeader2Description p:after{
position:absolute;
content:" ";
display:block;
border-bottom:solid 2px #9F7A46;
bottom:5px;
left:0;
width:40px
}

/* --------------------
     Contents
--------------------*/

section.ContentsArea,
section.ContentsTeamFront,
section.ContentsTeam2Column {
position:relative;
width:1170px;
margin:0 auto 60px;
z-index:1;
}

section.ContentsArea2 {
margin:0 auto 30px;
}

section.ContentsArea3 {
margin:0 auto 0;
}

section.ContentsAreaInner,
section.ContentsTeamFrontInner {
z-index:2;
}

section.ContentsImage {
position:relative;
width:1170px;
margin:0 auto 45px;
z-index:1;
}

section.ContentsImage2 {
position:relative;
width:1170px;
margin:0 auto 30px;
z-index:1;
}

section.ContentsImage img,
section.ContentsImage2 img{
width:100%;
height:auto;
}

.ContentsImageInner {
z-index:2;
}

section.ContentsLinks,
section.ContentsLinks2 {
position:relative;
width:1170px;
margin:0 auto 45px;
z-index:1;
}
.ContentsLinksInner,
.ContentsLinks2Inner{
z-index:2;
}

section.ContentsLinks h5 {
margin:0 0 10px;
font-size:11px;
font-weight:700;
line-height:100%;
}

section.ContentsLinks ul {
width:100%;
background:#fff;
padding:30px;
line-height:100%;
}

section.ContentsLinks ul li {
display:inline;
font-size:13px;
color:#9F7A46;
}

section.ContentsLinks ul li a {
text-decoration: underline
}

section.ContentsLinks ul li a:hover {
text-decoration: none;
-webkit-transition:all .2s ease;
opacity:.7;
transition:all .2s ease
}



section.ContentsArea h3 {
position:relative;
font-size:13px;
font-weight:700;
margin:0 0 35px;
padding:0 0 0 40px;
color:#FFF;
letter-spacing:2px;
line-height:100%
}

section.ContentsArea h3:after {
position:absolute;
content:" ";
top:5px;
left:0;
display:block;
border-bottom:solid 1px #9F7A46;
width:25px
}

section.ContentsArea h4 {
position:relative;
font-family:"YuMincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho","Times New Roman",serif;
font-weight:100;
font-size:18px;
line-height:160%;
margin:0 0 50px;
color:#fff;
z-index:2
}

section.ContentsArea h4.SubtitleIntro {
font-size:28px;
/*line-height:140%;*/
}

section.ContentsArea h4 span {
font-size:0.7em;
}

section.ContentsArea h4:after {
position:absolute;
content:" ";
display:block;
border-bottom:solid 2px #9F7A46;
bottom:-25px;
width:50px;
z-index:2
}

section.ContentsArea h5 {
position:relative;
font-size:16px;
font-weight:700;
line-height:100%;
margin:0 0 15px;
z-index:2
}

section.ContentsArea p {
font-size:14px;
line-height:180%;
margin:0 0 30px;
}

section.ContentsTeamFront h4 {
position:relative;
font-family:"YuMincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho","Times New Roman",serif;
font-weight:100;
font-size:22px;
line-height:100%;
margin:0 0 20px;
color:#333;
z-index:2
}

section.ContentsTeamFront p {
font-size:12px;
line-height:180%;
margin:0 0 30px;
}

.ContentsTeamFrontInner {
position:relative;
width:100%;
z-index:2;
margin:0;
font-size:12px;
}

.ContentsTeamFrontInner img {
display:block;
margin:0;
width:100%;
}

.ContentsTeamFrontLeft {
float:left;
width:700px;
padding:0 50px 0 0;
}

.ContentsTeamFrontRight {
float:right;
width:284px;
}

.ContentsTeam2ColumnInner {
width:100%;
z-index:1;
font-size:12px;
}

.ContentsTeam2ColumnLeft {
float:left;
width:484px;
}

.ContentsTeam2ColumnRight {
float:right;
width:484px;
}

.ContentsTeamChildLeft {
float:left;
width:184px;
}

.ContentsTeamChildRight {
float:right;
width:270px;
padding:0 20px 0 0;
}

section.ContentsTeam2Column h3 {
position:relative;
font-size:13px;
font-weight:700;
margin:0 0 30px;
padding:0 0 0 40px;
color:#333;
letter-spacing:2px;
line-height:100%
}

section.ContentsTeam2Column h3:after {
position:absolute;
content:" ";
top:5px;
left:0;
display:block;
border-bottom:solid 1px #9F7A46;
width:25px
}

section.ContentsTeam2Column h4 {
position:relative;
font-family:"YuMincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho","Times New Roman",serif;
font-weight:100;
font-size:22px;
line-height:100%;
margin:0 0 20px;
color:#333;
z-index:2
}

section.ContentsTeam2Column h4 span {
font-size:0.60em;
letter-spacing:0.06em;
}

section.ContentsTeam2Column p {
font-size:12px;
line-height:180%;
color:#505050;
padding: 0 20px 0 0;
margin:0 0 20px;
}

section.ContentsTeam2Column ul {
font-size:12px;
line-height:180%;
color:#505050;
margin:0 0 20px;
}

.ContentsTeam2ColumnInner img {
width:100%;
margin:0 0 20px;
}

.ContentsTeamChildLeft img {
width:100%;
margin:0;
}

.L2Column {
position:relative;
width:100%;
z-index:2;
margin:0 0 20px;
}
.L2Column img {
display:block;
margin:0 0 20px;
width:100%;
}

.L2ColumnLeft {
float:left;
width:480px;
}

.L2ColumnRight {
float:right;
width:480px;
}

.L2ColumnLeftChildLeft {
float:left;
width:230px;
}

.L2ColumnLeftChildRight {
float:right;
width:230px;
}

.L2Column .BtnViewmoreWhite a {
width:190px;
font-size:11px;
font-family:"YuMincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho","Times New Roman",serif;
font-weight:700;
}

.VHcentering {
display: flex;
justify-content: center;
align-items: center;
}

.VHcenteringGuestroom {
height: 446px;
}

.VHcenteringVilla {
height: 380px;
}

.VHcenteringSki {
height: 450px;
}

.VHcenteringInner {
padding:0 0 0 60px;
}

.L3Column {
position:relative;
width:100%;
z-index:2;
margin:0 0 45px;
}
.L3Column img {
display:block;
margin:0 0 10px;
width:100%;
}

.L3ColumnLeft {
float:left;
width:334px;
padding:0 18px 0 0;
}

.L3ColumnMid {
float:left;
width:334px;
padding:0 18px 0 0;
}

.L3ColumnRight {
float:right;
width:316px;
}

.L3Column div {
font-size:11px;
}

.Links2Column {
position:relative;
width:100%;
z-index:2;
margin:0 0 20px;
background:#fff;
font-size:12px;
}

.Links2ColumnLeft {
float:left;
width:482px;
padding:30px;
border-right:20px solid #f7f8fa;
}

.Links2ColumnRight {
float:left;
width:482px;
padding:30px;
}

.Links2Column h5 {
font-size:13px;
font-weight:700;
margin:0 0 15px;
}
.Links2Column p {
margin:0 0 20px;
font-size:12px;
line-height:190%;
color:#505050;
}

.LTable1 {
width:100%;
}

.LTable1 dl,
.LTable2 dl{
width:100%;
margin:0 0 45px;
}

.LTable1 dt {
float:left;
width:270px;
font-size:12px;
font-weight:700;
}
.LTable1 dd {
float:left;
width:709px;
padding:0 0 0 30px;
border-left:1px solid #e3e3e3;
font-size:12px;
color:#505050;
}

.LTable2 dt {
float:left;
width:180px;
font-size:12px;
font-weight:700;
}
.LTable2 dd {
float:left;
width:799px;
padding:0 0 0 30px;
border-left:1px solid #e3e3e3;
font-size:12px;
color:#505050;
}

.LTable2 dd .LTable2Left {
float:left;
width:384px;
padding:0 50px 0 0;
}

.LTable2 dd .LTable2Right {
float:right;
width:384px;
}

.LTable2 dd img {
width:100%;
}

.LTable2 dd p {
margin:0;
}

.LTable2 dd p.LTable2_p_margin {
margin:0 0 30px;
}

.LProfile1 {
width:1170px;
margin:0 auto 60px;
padding:30px;
background:#fff;
}

.LProfile1Left {
float:left;
width:530px;
border-right:1px solid #e3e3e3;
}

.LProfile1Right {
float:right;
width:390px;
padding:0 0 0 20px;
font-size:12px;
line-height:160%;
}

.LProfile1Img {
float:left;
width:270px;
}

.LProfile1Img img {
width:240px;
}

.LProfile1Name {
float:left;
width:259px;
}

.LProfile1Name h3 {
position:relative;
font-size:11px;
font-weight:700;
margin:0 0 20px;
padding:0;
color:#333;
letter-spacing:2px;
line-height:100%
}

.LProfile1Name h3:after {
display:none;
}

.LProfile1Name h4 {
position:relative;
font-family:"YuMincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho","Times New Roman",serif;
font-weight:100;
font-size:22px;
line-height:100%;
margin:0 0 40px;
color:#333;
z-index:2
}

.LProfile1Name h4:after {
position:absolute;
content:" ";
display:block;
border-bottom:solid 1px #9F7A46;
bottom:-20px;
width:50px;
z-index:2
}

.LProfile1Name h4 span {
font-size:0.60em;
letter-spacing:0.06em;
}
.LProfile1Name ul li {
font-size:12px;
line-height:160%;
}

.LProfile1 a {
color:#9F7A46;
}

.url_link1 {
letter-spacing: 0.05em;
}

.img_margin1 {
margin:0 0 16px;
}


/* --------------------
     Table
--------------------*/

section table   { width: 100%; }
section th,
section th  { background: #9F7A46; }
.demo01 th  {
	width: 30%;
	text-align: left;
	background-color: #9F7A46;
	font-family:"YuMincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho","Times New Roman",serif;
	font-size: 18px;
}

@media only screen and (max-width:767px){
    .demo01 { margin: 0 0px; }
    .demo01 th,
    .demo01 td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .demo01 tr:first-child th   { border-top: 1px solid #000; }
}

.about_container{
	padding: 0 15px;
	width: 100%;
}
.waku
{ border: 1px solid #2e2e2e; }

.table_header img{
	margin-bottom: 10px;
}
.mb30{min-height: 650px;}

/* --------------------
     Swiper Slides
--------------------*/

.AboutSlideSection {
width:100%;
height:auto;
background:-webkit-linear-gradient(#444,#000);
background:-o-linear-gradient(#444,#000);
background:linear-gradient(#444,#000);
padding:0;
margin:0 0 60px
}

.swiper-wrapper {
width:600px;
height:339px;
margin:0;
padding:0
}

.swiper-slide img {
width:100%
}

#AboutSlide1-prev, #AboutSlide2-prev {
position:absolute;
top:50%;
left:30px;
width:50px;
height:50px;
margin-top:calc(-1 * var(--swiper-navigation-size) / 2);
z-index:10;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:#9F7A46;
background:#fff;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
-ms-border-radius:50px;
border-radius:50px;
-webkit-filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.2));
-moz-filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.2));
-ms-filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.2));
filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.2));
outline:none
}

#AboutSlide1-prev:after, #AboutSlide2-prev:after {
font-family:swiper-icons;
font-size:18px;
margin:0 2px 0 0;
text-transform:none!important;
letter-spacing:0;
font-variant:initial;
line-height:1;
outline:none
}

#AboutSlide1-next, #AboutSlide2-next {
position:absolute;
top:50%;
right:30px;
width:50px;
height:50px;
margin-top:calc(-1 * var(--swiper-navigation-size) / 2);
z-index:10;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
color:#9F7A46;
background:#fff;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
-ms-border-radius:50px;
border-radius:50px;
-webkit-filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.2));
-moz-filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.2));
-ms-filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.2));
filter:drop-shadow(1px 3px 5px rgba(0,0,0,0.2));
outline:none
}

#AboutSlide1-next:after, #AboutSlide2-next:after {
font-family:swiper-icons;
font-size:18px;
margin:0;
text-transform:none!important;
letter-spacing:0;
font-variant:initial;
line-height:1;
outline:none
}


/* --------------------
     Contact
--------------------*/

#FrontContact {
width:100vw;
height:570px;
padding:110px 0 0;
background:url(../images/front/footer_img.jpg) no-repeat;
background-size:cover;
opacity: .8;
}

#FrontContactInner {
width:1180px;
height:350px;
margin:0 auto;
padding:100px 100px 0;
background:rgb(10,10,10,0.7);
}

#FrontContactInner h3 {
width:450px;
padding:0 60px 0 0;
position:relative;
font-size:36px;
font-family:'Cormorant Garamond',serif;
line-height:160%;
margin:0 0 30px;
letter-spacing:-.04em;
color:#fff
}

#FrontContactInner h3:after {
position:absolute;
content:" ";
display:block;
border-bottom:solid 1px #9F7A46;
bottom:-10px;
width:40px
}

#FrontContactInner p {
float:left;
font-family:"YuMincho","Yu Mincho","Hiragino Mincho ProN","MS PMincho","Times New Roman",serif;
font-size:18px;
color:#fff;
letter-spacing:5px
}

#FrontContactInner p span {
font-size:.8em
}

#FrontContactInner .BtnContact {
float:right;
font-size:17px
}

#FrontContactInner .BtnContact a {
padding:20px 40px
}

/* --------------------
     Front Footer
--------------------*/

footer {
width:100%;
margin:0;
padding:15px;
background:#000
}

#FrontFooterInner {
width:1180px;
margin:0 auto 80px
}

#FrontFooterInner dl {
width:236px;
border-right:1px dotted #ccc;
float:left
}

#FrontFooterInner dl:nth-child(5) {
border-right:none
}

#FrontFooterInner dt {
padding:0 0 20px 15px;
font-family:'Work Sans',sans-serif;
font-size:9px;
text-transform:uppercase
}

#FrontFooterInner dd {
margin:0 auto;
width:180px;
text-align:center
}

#FrontFooterInner dd img {
width:100%;
height:auto
}

#FrontFooterLink {
width:1180px;
margin:0 auto 80px
}

#PrivacyPolicy {
float:right;
font-family:'Work Sans',sans-serif;
font-size:9px;
text-align:right;
text-transform:uppercase;
letter-spacing:.1em
}

#PrivacyPolicy a {
color:#fff;
text-decoration:none
}

#PrivacyPolicy a:hover {
text-decoration:none
}

address {
float:left;
font-family:'Work Sans',sans-serif;
font-size:9px;
letter-spacing:.1em
}



@media screen and (max-width: 1280px) {

	main#GlobalContents hr {
	width:900px;
	}

	/* ----------------------------------------
		 under 1280px | Contents
	----------------------------------------*/

	section.ContentsArea,
	section.ContentsImage,
	section.ContentsImage2,
	section.ContentsLinks,
	section.ContentsLinks2,
	section.ContentsHeader2,
	section.ContentsTeamFront,
	section.ContentsTeam2Column {
	width:900px;
	}

	.ContentsTeamFrontLeft {
	width:616px;
	}

	.ContentsTeamFrontRight {
	width:284px;
	}

	.ContentsTeam2ColumnLeft {
	width:442px;
	}

	.ContentsTeam2ColumnRight {
	width:442px;
	}

	.ContentsTeamChildLeft {
	width:184px;
	}

	.ContentsTeamChildRight {
	width:238px;
	padding:0;
	}

	.FeatherMargin {
	width:625px;
	}

	.L2ColumnLeft {
	width:440px;
	}

	.L2ColumnRight {
	width:440px;
	}

	.L2ColumnLeftChildLeft {
	width:210px;
	}

	.L2ColumnLeftChildRight {
	width:210px;
	}

	.L3ColumnLeft {
	width:306px;
	padding:0 18px 0 0;
	}

	.L3ColumnMid {
	width:306px;
	padding:0 18px 0 0;
	}

	.L3ColumnRight {
	width:288px;
	}

	.Links2ColumnLeft {
	width:440px;
	}

	.Links2ColumnRight {
	width:440px;
	}



}

@media screen and (max-width: 960px) {

	main#GlobalContents hr {
	width:100%;
	margin:0 auto 40px;
	}

	/* ----------------------------------------
		 under 960px | Header
	----------------------------------------*/

	section.ContentsHeader {
	height:70vh;
	}

	section.ContentsHeader2 {
	width:100%;
	height:auto;
	margin:0 auto 30px;
	padding:30px 0 0 0;
	z-index:3;
	}

	.ContentsHeaderGradation{
	width:100vw;
	height:70vh;
	background:-webkit-linear-gradient(0,rgba(0,0,0,0.8),rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.0),rgba(0,0,0,0.0));
	background:-o-linear-gradient(0,rgba(0,0,0,0.8),rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.0),rgba(0,0,0,0.0));
	background:linear-gradient(0,rgba(0,0,0,0.8),rgba(0,0,0,0.6),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.0),rgba(0,0,0,0.0))
	}

	.ContentsHeaderPosition {
	width:100%;
	bottom:50px; left:6%;
	}

	.ContentsHeader2Position{
	margin:0 6%;
	}

	.ContentsHeaderInner {
	width:100%;
	}

	.ContentsHeader h1,
	.ContentsHeader2 h1{
	float:none;
	font-size:52px;
	margin:0 0 30px;
	}

	.ContentsHeaderDescription,
	.ContentsHeader2Description{
	float:none;
	padding:0;
	}

	.ContentsHeaderDescription p,
	.ContentsHeader2Description p{
	padding:0;
	}

	.ContentsHeaderDescription p:after,
	.ContentsHeader2Description p:after {
	bottom:30px;
	left:0;
	width:45px
	}

	/* ----------------------------------------
		 under 1280px | Contact
	----------------------------------------*/

	#FrontContactInner {
	width:900px;
	height:350px;
	padding:100px 70px 0
	}

	/* ----------------------------------------
		 under 1280px | Front Footer
	----------------------------------------*/

	#FrontFooterInner {
	width:900px;
	margin:0 auto 60px
	}

	#FrontFooterInner dl {
	width:179px
	}

	#FrontFooterInner dt {
	padding:0 0 20px 15px
	}

	#FrontFooterInner dd {
	width:150px
	}

	#FrontFooterLink {
	width:900px;
	margin:0 auto 80px
	}


	/* ----------------------------------------
		 under 960px | Contact
	----------------------------------------*/

	#FrontContact {
	width:100vw;
	height:auto;
	padding:100px 0;
	background-position:center
	}

	#FrontContactInner {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:50px 0 60px
	}

	#FrontContactInner h3 {
	width:88%;
	margin:0 auto 30px;
	padding:0;
	font-size:38px
	}

	#FrontContactInner p {
	float:none;
	width:88%;
	font-size:14px;
	margin:0 auto 30px
	}

	#FrontContactInner .BtnContact {
	float:none;
	font-size:17px;
	width:85%;
	margin:0 0 0 6%;
	text-align:center
	}

	#FrontContactInner .BtnContact a {
	display:block;
	padding:14px 40px
	}

	/* ----------------------------------------
		 under 960px | Front Footer
	----------------------------------------*/

	footer {
	width:100%;
	margin:0;
	padding:2em 0 1em
	}

	#FrontFooterInner {
	width:90%;
	margin:0 auto 40px
	}

	#FrontFooterInner dl {
	width:50%;
	border-right:1px dotted #ccc;
	float:left;
	margin-bottom:20px
	}

	#FrontFooterInner dl:nth-child(1),#FrontFooterInner dl:nth-child(3),#FrontFooterInner dl:nth-child(5) {
	border-right:1px dotted #ccc
	}

	#FrontFooterInner dl:nth-child(2),#FrontFooterInner dl:nth-child(4) {
	border-right:none
	}

	#FrontFooterInner dt {
	padding:0 0 15px 15px;
	font-family:'Work Sans',sans-serif;
	font-size:9px;
	text-transform:uppercase
	}

	#FrontFooterInner dd {
	margin:0 auto;
	width:75%;
	text-align:center
	}

	#FrontFooterInner dd img {
	width:100%;
	height:auto;
	margin:0 auto
	}

	#FrontFooterLink {
	width:90%;
	margin:0 auto 4em
	}

	#PrivacyPolicy {
	width:100%;
	float:none;
	margin:0 0 2em;
	font-family:'Work Sans',sans-serif;
	font-size:9px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:.1em
	}

	#PrivacyPolicy a {
	color:#fff
	}


	/* ----------------------------------------
		 under 960px | Contents
	----------------------------------------*/

	section.ContentsArea,
	section.ContentsTeamFront{
	width:88%;
	margin:0 auto 30px;
	z-index:1;
	}

	section.ContentsAreaInner {
	z-index:2;
	}

	section.ContentsImage,
	section.ContentsImage2,
	section.ContentsLinks,
	section.ContentsLinks2{
	width:100%;
	}

	section.ContentsLinks h5 {
	margin:0 6% 20px;
	}

	section.ContentsLinks ul {
	padding:5% 6%;
	}

	.ContentsTeamFrontLeft {
	float:none;
	width:100%;
	padding:0;
	margin:0 0 30px;
	}

	.ContentsTeamFrontRight {
	float:none;
	width:100%;
	}

	.Feather {
	width:116px;
	height:335px;
	top:-100px;
	right:6%;
	}

	.FeatherMargin {
	width:100%;
	}

	section.ContentsArea h3{
	font-size:11px;
	margin:0 0 30px -6%;
	padding:0 0 0 6%;
	}

	section.ContentsArea h3:after{
	top:5px;
	left:-1%;
	width:4.5%
	}






	/* ----------------------------------------
		 under 960px | Swiper Slides
	----------------------------------------*/

	.AboutSlideSection {
	width:100%;
	height:auto;
	background:#f7f8fa;
	padding:0;
	margin:0
	}

	.swiper-wrapper {
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 50px
	}

	.AboutSlideArrows {
	position:relative;
	width:110px;
	float:right;
	margin:-65px 6% 0 0;
	padding:0 0 10px;
	z-index:1000
	}

	#AboutSlide1-prev, #AboutSlide2-prev {
	top:0;
	left:0
	}

	#AboutSlide1-next, #AboutSlide2-next {
	top:0;
	right:0
	}

}

@media screen and (max-width: 560px) {
	section#ContentsHeaderService {
	background-position: -150px 0px;
	background-size: cover;
	}
	section#ContentsHeaderWorks {
	background-position: -150px 0px;
	background-size: cover;
	}
}