@charset "utf-8";

#message {}
#message .inner-sct { position: relative; padding: 100px 0 120px;}
#message .ttl { position: relative; margin-bottom: 60px; padding: 50px 0 40px;}
#message .ttl:after { content: 'MESSAGE'; text-align: center;}
#message .ctn { position: relative; width: 88%; max-width: 1000px; margin: 0 auto; z-index: 2;}
#message .ctn p { font-size: 21px; letter-spacing: 0.1rem; line-height: 1.8;}
#message .ctn p.name { margin-top: 30px; text-align: right;}
#message .ctn p.name img { width: 180px;}
#message .hex1 { width: 200px; right: -60px; top: 60px;}
#message .hex2 { width: 200px; left: -50px; bottom: 50px;}
@media (max-width: 1281px) {
	#message .ctn p { font-size: 18px;}
}
@media (max-width: 801px) {
	#message .ttl { padding: 30px 0 25px;}
	#message .ctn p { font-size: 16px;}
	#message .hex1 { display: none; width: 120px; right: -40px; top: 60px;}
	#message .hex2 { width: 100px; left: -20px; bottom: 40px;}
}
@media (max-width: 481px) {
	#message .inner-sct { padding: 40px 0 60px;}
	#message .ttl { margin-bottom: 20px; padding: 4.5vw 0;}
	#message .ctn p { font-size: 14px;}
	#message .ctn p.name { margin-top: 20px;}
	#message .ctn p.name img { width: 140px;}
	#message .hex1 { width: 60px; right: -20px; top: 20px;}
	#message .hex2 { width: 50px; left: -20px; bottom: 20px;}
}


#company { background: #e6edf7;}
#company .inner-sct { position: relative; padding: 100px 0 80px;}
#company .ttl { position: relative; margin-bottom: 60px; padding: 50px 0 40px;}
#company .ttl:after { content: 'COMPANY'; color: #cddbef; text-align: center;}
#company .ctn { position: relative; width: 88%; max-width: 1000px; margin: 0 auto; z-index: 2;}
#company .ctn ul { border-top: solid 1px #c8c8c8;}
#company .ctn ul li { padding: 30px; border-bottom: solid 1px #c8c8c8;}
#company .ctn ul li dl { display: table; width: 100%;}
#company .ctn ul li dl dt,
#company .ctn ul li dl dd { display: table-cell; font-size: 18px;}
#company .ctn ul li dl dt { width: 180px; font-weight: 700;}
#company .ctn ul li dl dd { width: auto; letter-spacing: 0.1rem;}
#company .ctn ul li dl dd span { display: block;}
#company .ctn ul li dl dd span.pt { padding-top: 15px;}
#company .hex1 { width: 160px; right: -60px; bottom: 60px;}
#company .hex1 .stroke:after { background: #e6edf7;}
@media (max-width: 801px) {
	#company .ttl { padding: 4.5vw 0 4.0vw;}
	#company .ctn ul li { padding: 20px;}
	#company .ctn ul li dl dt,
	#company .ctn ul li dl dd { font-size: 16px;}
	#company .ctn ul li dl dt { width: 120px;}
	#company .hex1 { display: none;}
}
@media (max-width: 481px) {
	#company .inner-sct { padding: 40px 0;}
	#company .ttl { margin-bottom: 20px; padding: 4.6vw 0 3.8vw;}
	#company .ctn ul li { padding: 8px;}
	#company .ctn ul li dl dt,
	#company .ctn ul li dl dd { font-size: 12px;}
	#company .ctn ul li dl dt { width: 80px;}
	#company .ctn ul li dl dd { letter-spacing: 0.05rem;}
}


#access {}
#access .inner-sct { position: relative; padding: 90px 0;}
#access .ttl { position: relative; margin-bottom: 30px; padding: 50px 0 40px;}
#access .ttl:after { content: 'ACCESS'; text-align: center;}
#access .ctn { position: relative; width: 88%; max-width: 1000px; margin: 0 auto; z-index: 2;
 display: flex; justify-content: space-between;
}
#access .ctn .box { width: 48%; }
#access .ctn .box .map { width: 100%; height: 360px; margin: 0 auto 20px;}
#access .ctn .box .map iframe { width: 100%; height: 100%; border: none;}
#access .ctn .box p { font-size: 19px; letter-spacing: 0.075rem; line-height: 1.8;}
#access .ctn .box p span { display: block;}
#access .hex { width: 200px; left: -60px; bottom: 50px;}

@media (max-width: 1281px) {
	#access .ctn .box p { font-size: 16px;}
}
@media (max-width: 641px) {
	#access .ttl { margin-bottom: 20px; padding: 4.5vw 0 4.0vw;}
	#access .ctn { display: block;}
	#access .ctn .box { width: 100%; padding: 20px 0;}
	#access .ctn .box .map { height: 300px;}
	#access .hex { width: 120px; left: auto; right: -40px; bottom: 120px;}
}
@media (max-width: 481px) {
	#access .inner-sct { padding: 40px 0 60px;}
	#access .ttl { margin-bottom: 12px; padding: 4.6vw 0 3.8vw;}

	#access .ctn .box { padding: 12px 0;}
	#access .ctn .box .map { height: 200px; margin-bottom: 8px;}
	#access .ctn .box p { font-size: 13px; letter-spacing: 0.05rem;}
	#access .hex { width: 80px; bottom: 100px;}
}