@charset "utf-8";
.philSec figcaption{position:relative;}
.philSec figcaption:before{
	content:"";
	display:block;
	position:absolute;
	background-color:var(--white-color);
}
.philSec img,
.philSec figcaption > *{
	position:relative;
	z-index:1;
}
.pageContent .philTtl{line-height:1.476;}
.philTxt{line-height:2.1875;}
.msgSec{background-color:var(--white-color);}
.msgFg{margin:0 auto;}
.msgName{line-height:1.75;}
.msgTxt{
	display:block;
	line-height:2.25;
}
.companyDl{
	background-color:var(--white-color);
	line-height:1.875;
}
.companyDl dt{font-weight:600;}
.companyBankList,
.companyBankList li{list-style:none;}
.historySec{
	position:relative;
	background-color:var(--white-color);
}
.historyList{line-height:1.6;}
.gmapSec{
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
.gmapSec iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:0!important;
}
.featuresSec{
	position:relative;
	background-color:var(--main-color);
	color:var(--white-color);
}
.featuresSec .langTtl span[lang="en"]{color:#70a379;}
.featuresTxt{line-height:2.0;}
.featuresLink a{
	display:table;
	background-color:#3c3c3c;
	color:var(--white-color);
	text-decoration:none;
	font-weight:bold;
}
@media screen and (max-width:1023.98px){
	.langTtl{margin-bottom:36px;}
	.langTtl span[lang="en"]{font-size:32px;}
	.langTtl strong{
    margin-top:-12px;
    font-size:14px;
	}
	.philSec img{
		object-fit:cover;
		object-position:center;
		aspect-ratio:1 / 1.2;
		border-radius:10px;
	}
	.philSec figcaption{margin-top:36px;}
	.philSec figcaption:before{
		width:calc(70% + 8vw);
		height:calc(100% + 100px);
		top:-70px;
		right:-8vw;
		border-radius:10px 0 0 10px;
	}
	.pageContent .philTtl{font-size:24px;}
	.philTxt{
		margin-top:24px;
		font-size:14px;
	}
	.msgSec{
		padding:0 8vw 36px;
		margin-right:-8vw;
		margin-left:-8vw;
	}
	*[data-content] > *+.msgSec{margin-top:140px;}
	.msgSec:before{
		content:"";
		display:block;
		width:100%;
		height:1px;
	}
	.msgFg img{
		width:100%;
		margin:-60px auto 0;
		border-radius:10px;
	}
	.msgFg figcaption{margin-top:36px;}
	.msgName{font-size:14px;}
	.msgTxt{
		margin-top:36px;
		font-size:14px;
	}
	.companyDl{
		padding:16px 4vw;
		border-radius:6px;
		font-size:14px;
	}
	.companyDl:not(:first-child){margin-top:10px;}
	.companyDl > dt{
		margin-bottom:12px;
		font-size:16px;
	}
	.dlSub dt:not(:first-child){
		margin-top:16px;
		padding-top:16px;
		border-top:1px solid var(--gray-color);
	}
	.dlSub dd{margin-top:8px;}
	.historySec{
		width:92vw;
		margin-left:-8vw;
		padding:36px 4vw 36px calc(16px + 8vw);
		border-radius:0 10px 10px 0;
	}
	*[data-content] > *+.historySec{margin-top:min(112px,9.333vw);}
	.historyList{
		margin-top:max(-12px,-1vw);
		font-size:14px;
	}
	.historyList strong{
		margin-right:3px;
		font-size:18px;
	}
	.historyList dt{
		margin-bottom:8px;
		line-height:1.0;
	}
	.historyList dd{line-height:1.6;}
	.historyList dt:not(:first-of-type){
		margin-top:16px;
		padding-top:16px;
		border-top:1px solid var(--gray-color);
	}
	.gmapSec{
		width:100vw;
		height:100vw;
		margin:0 -8vw;
	}
	*[data-content] > *+.gmapSec{margin-top:200px;}
	.featuresSec{
		width:100vw;
		padding:36px 8vw;
		margin:0 -8vw;
	}
	*[data-content] > *+.featuresSec{margin-top:200px;}
	.featuresSec img{
		width:86vw;
		margin:-160px 0 0 -8vw;
		border-radius:0 10px 10px 0;
	}
	.featuresSec figcaption{margin-top:36px;}
	.featuresTxt{
		margin-top:min(44px,3.667vw);
		font-size:14px;
	}
	.featuresLink{margin-top:24px;}
	.featuresLink a{
		padding:12px 18px;
		border-radius:8px;
		font-size:16px;
	}
	*[data-content] > *+.contactLinkBox{margin-top:80px;}
}
@media screen and (min-width:1024px){
	.pageContent{
		width:min(1200px,100%);
		margin-top:min(164px,13.666vw);
	}
	.langTtl{margin-bottom:min(35px, 2.917vw);}
	.langTtl span[lang="en"]{font-size:min(64px,5.333vw);}
	.langTtl strong{
		margin-top:max(-18px,-1.5vw);
		font-size:min(24px,2.0vw);
	}
	.philSec{
		display:flex;
		justify-content:space-between;
		padding-top:min(10px,0.833vw);
	}
	.philSec img{
		position:relative;
		width:min(438px,36.5%);
		border-radius:16px;
		z-index:1;
	}
	.philSec figcaption{
		width:min(668px,55.666%);
		margin-top:max(-20px,-1.666vw);
	}
	.philSec figcaption:before{
		width:calc(100% + min(228px,19vw) + min(calc(50vw - 600px),4vw));
		height:calc(79.29% + min(116px,9.667vw));
		top:20.71%;
		left:max(-228px,-19vw);
		border-radius:min(16px,1.333vw) 0 0 min(16px,1.333vw);
	}
	.pageContent .philTtl{font-size:min(42px,3.5vw);}
	.philTxt{
		margin-top:min(40px,3.333vw);
		font-size:min(16px,1.333vw);
	}
	.msgSec{
		width:100vw;
		padding-bottom:min(120px,10vw);
	}
	*[data-content] > * + .msgSec{margin-top:min(402px,33.5vw);}
	.msgSec:before{
		content:"";
		display:block;
		width:100%;
		height:1px;
	}
	.msgFg{
		display:flex;
		justify-content:space-between;
		align-items:center;
		width:860px;
		margin-top:max(-86px,-7.167vw);
	}
	.msgFg img{
		width:46.5116%;
		border-radius:min(16px,1.333vw);
	}
	.msgFg figcaption{
		width:42.093%;
		padding-top:min(86px,7.167vw);
	}
	.msgName{font-size:min(16px,1.333vw);}
	.msgTxt{
		column-count:2;
		column-width:47.333%;
		column-gap:5.334%;
		margin-top:min(86px,7.167vw);
		font-size:min(16px,1.333vw);
	}
	.companySec{
		display:grid;
		grid-template-columns:35.833% 64.167%;
	}
	*[data-content] > *+.companySec{margin-top:min(150px,12.5vw);}
	.companyDl{
		display:grid;
		grid-template-columns:20.519% 79.481%;
		padding:min(16px,1.333vw) 6.4935% min(16px,1.333vw) 4.935%;
		border-radius:min(10px,0.833vw);
		font-size:min(16px,1.333vw);
	}
	.companyDl:not(:first-child){margin-top:min(10px,0.833vw);}
	.companyDl > dt{font-size:min(18px,1.5vw);}
	.dlSub dt:not(:first-child){
		margin-top:min(16px,1.333vw);
		padding-top:min(16px,1.333vw);
		border-top:1px solid var(--gray-color);
	}
	.dlSub dd{margin-top:4px;}
	.historySec{
		display:grid;
		grid-template-columns:36% 64%;
		padding:min(115px,9.583vw) min(100px,8.333vw) min(93px,7.75vw) 0;
		border-radius:0 min(16px,1.333vw) min(16px,1.333vw) 0;
	}
	.historySec:before{
		content:"";
		display:block;
		height:100%;
		position:absolute;
		top:0;
		background-color:var(--white-color);
	}
	*[data-content] > *+.historySec{margin-top:min(112px,9.333vw);}
	.historyList{
		display:grid;
		grid-template-columns:14.22155% 85.77845%;
		grid-template-rows:repeat(auto-fill,auto);
		row-gap:1px;
		margin-top:max(-12px,-1vw);
		font-size:min(16px,1.333vw);
		background-color:var(--gray-color);
	}
	.historyList dt{
		padding:min(10px,0.78125vw) 0;
		background-color:var(--white-color);
	}
	.historyList dd{
		width:calc(100% + 1px);
		padding:min(17px,1.328125vw) 0 min(10px,0.78125vw);
		margin-right:-1px;
		background-color:var(--white-color);
	}
	.historyList dt:first-of-type,
	.historyList dd:first-of-type{padding-top:0;}
	.historyList dt:last-of-type,
	.historyList dd:last-of-type{padding-bottom:0;}
	.historyList strong{
		margin-right:3px;
		font-size:min(24px,2vw);
	}
	.gmapSec{
		width:100%;
		height:405px;
		border-radius:min(16px,1.333vw);
	}
	*[data-content] > *+.gmapSec{margin-top:min(162px,13.5vw);}
	.featuresSec{
		position:relative;
		display:flex;
		align-items:center;
		justify-content:space-between;
		padding:min(102px,8.5vw) 0;
		border-radius:min(16px,1.333vw) 0 0 min(16px,1.333vw);
	}
	*[data-content] > *+.featuresSec{margin-top:min(162px,13.5vw);}
	.featuresSec:before{
		content:"";
		display:block;
		height:100%;
		position:absolute;
		top:0;
		background-color:var(--main-color);
	}
	.featuresSec img{border-radius:0 min(16px,1.333vw) min(16px,1.333vw) 0;}
	.featuresSec figcaption{
		width:42.5%;
		padding-right:5.8333%;
	}
	.featuresTxt{
		margin-top:min(44px,3.667vw);
		font-size:min(16px,1.333vw);
	}
	.featuresLink{margin-top:min(36px,3vw);}
	.featuresLink a{
		padding:min(18px,1.5vw) min(36px,3vw);
		border-radius:min(8px,0.667vw);
		font-size:min(18px,1.5vw);
	}
	*[data-content] > *+.contactLinkBox{margin-top:min(106px,8.833vw);}
}
@media screen and (min-width:1024px) and (max-width:1239.98px){
	.philSec figcaption:before{width:calc(100% + min(228px,19vw) + 4vw);}
	.msgSec{
		width:100vw;
		margin-right:-4vw;
		margin-left:-4vw;
	}
	.msgTxt{padding:0 4vw;}
	.historySec:before{
		width:4vw;
		left:-4vw;
	}
	.featuresSec:before{
		width:4vw;
		right:-4vw;
	}
	.featuresSec img{
		width:calc(47.333% + 4vw);
		margin-left:-4vw;
	}
}
@media screen and (min-width:1240px){
	.philSec figcaption:before{width:calc(100% + min(228px,19vw) + calc(50vw - 600px));}
	.msgSec{
		width:100vw;
		margin-right:calc(600px - 50vw);
		margin-left:calc(600px - 50vw);
		padding-right:calc(50vw - 600px);
		padding-left:calc(50vw - 600px);
	}
	.historySec:before{
		width:calc(50vw - 600px);
		left:calc(600px - 50vw);
	}
	.featuresSec:before{
		width:calc(50vw - 600px);
		right:calc(600px - 50vw);
	}
	.featuresSec img{
		width:calc(47.333% + 120px);
		margin-left:-120px;
	}
}