@charset "utf-8";

/* ==========*/
body {background: url("../img/elements/bg_texture01.jpg")repeat center center;}

main {overflow: hidden;}


/* mainvisual
==========================*/
.mainvisual {max-width: calc(1500px + 60px * 2);margin: 0 auto;padding: 0 60px 50px;}
.mvFrame {display: flex;flex-wrap: wrap;align-items: center;}
.mvFrame_left {width: 50%;position: relative;}
.mvFrame_right {width: 50%;position: relative;}
.mvFrame_right:before {
	content: '';position: absolute;top: 0;left: -22%;max-width: 267px;width: 14vw;height: 241px;
	background: url("../img/page/top/deco01.png")no-repeat center center;z-index: 0;
	background-size: 100%;}
.mv_copy {width: fit-content;margin: 0 auto;}
.mv_copy h2 {font-size: clamp(20px, 2.2vw, 34px);font-weight: bold;line-height: 2;color: #333;}
.mv_copy h2 span {color: #b18d69;}
.mv_photo {max-width: calc(640px + 6px);margin-right: 0;margin-left: auto;
	border: 3px solid #fff;border-radius: 60px;overflow: hidden;position: relative;z-index: 2;}
.mv_photo figure {}

@media screen and (max-width: 960px){
	.mainvisual {padding: 0 30px 60px;}
	.mvFrame {flex-direction: column-reverse;}
	.mvFrame_left {width: 100%;margin-top: 60px;}
	.mvFrame_right {width: 100%;}
	.mvFrame_right:before {left: 90%;width: 28vw;height: 28vw;}
}



/* ページ内共有
==========================*/
.secHead {margin-bottom: clamp(30px, 3vw, 45px);}
.secHead h3 {font-weight: 500;letter-spacing: 0.09em;line-height: 1;}
.secHead h3 span {font-size: clamp(30px, 4vw, 60px);font-weight: 300;color: #b18d69;letter-spacing: 0.09em;line-height: 1;padding-bottom: clamp(10px, 1.4vw, 18px);display: block;}
@media screen and (max-width: 960px){
	.secHead h3 {font-size: 15px;}
}



/* business
==========================*/
#business {background: url("../img/elements/bg_texture02.jpg")repeat center center;padding: clamp(50px, 6vw, 100px) 0;position: relative;}
#business .inner {max-width: calc(1080px + 60px * 2);margin: 0 auto;padding: 0 60px;position: relative;z-index: 2;}

.business_contents {}
.business_contents li {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.business_contents li + li {margin-top: clamp(40px, 5vw, 80px);}
.business_contents__thumb {width: 50%;}
.business_contents__thumb figure {border: 3px solid #dfd0a7;border-radius: 30px;overflow: hidden;}
.business_contents__thumb figure img {width: 100%;}
.business_contents__detail {width: 46%;}
.business_contents__detail h4 {font-size: clamp(20px, 3vw, 40px);font-weight: bold;letter-spacing: 0.04em;line-height: 1;color: #b18d69;
	border-bottom: 1px solid #b18d69;padding-bottom: clamp(12px, 1.4vw, 20px);margin-bottom: clamp(12px, 1.4vw, 20px);}
.business_contents__detail p {font-size: clamp(14px, 1.4vw, 18px);}
.business_contents__detail .linkBtn {margin-top: 25px;}
.business_contents__detail .linkBtn a {width: 260px;display: block;color: #fff;background: #151515;border-radius: 8px;padding: 17px 20px;position: relative;}
.business_contents__detail .linkBtn a:after {
	content: '';position: absolute;top: 50%;right: 5px;transform: translate(-50%,-50%);width: 20px;height: 25px;
	background: url("../img/elements/icon_arrow_right.png")repeat center center;
	background-size: cover;
}
.business_contents__detail .linkBtn.noLink a {pointer-events: none;color: #fff;background: #bbb;}
.business_contents li:nth-child(2) {flex-direction: row-reverse;}
/* ホバー */
@media (hover: hover) {
	.business_contents__detail .linkBtn a:hover {
		background: #b18d69;opacity: 1;
	}
}

@media screen and (max-width: 960px){
	#business .inner {padding: 0 30px;}
		
	.business_contents__thumb {width: 100%;}
	.business_contents__detail {width: 100%;margin-top: 20px;}
}



/* company
==========================*/
#company {background: url("../img/elements/bg_texture03.jpg")repeat center center;padding: clamp(50px, 6vw, 100px) 0 0;position: relative;}
#company .inner {max-width: calc(800px + 60px * 2);margin: 0 auto;padding: 0 60px;position: relative;z-index: 2;}

#company .secHead {color: #fff;text-align: center;}
#company .secHead h3 span {color: #fff;}

.company_contents {background: #ab9279;border: 3px solid #a4876b;border-radius: 30px;padding: 55px 60px;}
.company_contents table {color: #fff;}
.company_contents table th {width: 22%;font-weight: 500;text-align: left;padding: 10px 0;border-bottom: 1px solid #c8b29c;}
.company_contents table td {width: 78%;padding: 10px 0;border-bottom: 1px solid #c8b29c;}
.company_contents table {}
.company_contents table .maillink {color: #fff;display: block;text-decoration: underline;}

@media screen and (max-width: 960px){
	#company .inner {padding: 0 30px;}
	
	.company_contents {padding: 30px;width: 100vw;margin-left: -30px;}
	.company_contents table th {width: 30%;font-size: 14px;}
	.company_contents table td {width: 70%;font-size: 14px;}
}



/* deco
==========================*/
.deco02 {position: absolute;top: -17vw;left: 0;z-index: 2;max-width: 233px;width: 13vw;}
.deco03 {position: absolute;top: 0;left: 0;z-index: -1;max-width: 104px;width: 8vw;}
.deco04 {position: absolute;top: 0;right: 0;z-index: -1;max-width: 132px;width: 9vw;}
.deco05 {position: absolute;bottom: 20%;right: 0;z-index: -1;max-width: 338px;width: 23vw;}
.deco06 {position: absolute;top: -140px;left: 4vw;z-index: 0;max-width: 348px;width: 24vw;}
.deco07 {position: absolute;top: 100px;left: -80px;z-index: 0;max-width: 136px;width: 10vw;}
.deco08 {position: absolute;bottom: 0;right: -100px;z-index: -1;max-width: 236px;width: 16vw;}
@media screen and (max-width: 960px){
	.deco02 {top: -160px;}
	.deco06 {top: -4vw;left: 0;}
	.deco07,
	.deco08 {display: none;}
}
@media screen and (max-width: 640px){
	.deco02 {top: -70px;left: -35px;width: 25vw;}
	.deco03 {width: 15vw;}
	.deco04 {width: 20vw;}
}














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