.section { width:100%; margin:auto; font-family:'noto', sans-serif; font-weight:400; }
.sectionInner { width:920px; margin:auto; }
@media all and (max-width:1200px) {
	.sectionInner { display:block; width:90%; margin:0 5%; }
}

.aboutTitle { background:#f5fdfd; }
#aboutTitle { position:relative; height:960px; font-family:'gsans', sans-serif; }
#aboutTitle .titleWrap { position:absolute; width:580px; left:50%; top:50%; transform:translate(-50%,-50%); }
#aboutTitle h1 { font-size:66px; }
#aboutTitle h1 span { font-size:36px; }
#aboutTitle h2 { margin-left:60px; font-size:110px; letter-spacing:-0.04em; }
#aboutTitle h2 span { display:inline-block; border-radius:22px; width:22px; height:22px; background:#89d7d6; transform:translateY(50%); margin-left:0.06em; }
#aboutTitle h3 { margin-top:80px; font-size:36px; white-space:pre-line; line-height:1.2em; text-align:center; font-family:'noto', sans-serif; letter-spacing:-0.06em; color:#2e3032; }

@media all and (max-width:1200px) {
	#aboutTitle { height:400px; }
	#aboutTitle .titleWrap { width:100%; text-align:center; }
	#aboutTitle h1 { font-size:38px; margin:0; padding:0; }
	#aboutTitle h1 span { font-size:20px; }
	#aboutTitle h2 { margin-left:0; font-size:50px; letter-spacing:-0.04em; margin:0; }
	#aboutTitle h2 span { display:inline-block; border-radius:12px; width:12px; height:12px; background:#89d7d6;  }
	#aboutTitle h3 { font-size:24px; font-weight:400; }
}


#aboutVisual { position:relative; height:860px; font-family:'gsans', sans-serif; }
#aboutVisual .titleWrap { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
#aboutVisual h1 { font-size:76px; color:#4ed30d; white-space:pre-line; letter-spacing:-0.04em; text-align:center; line-height:1em; margin:0; }
#aboutVisual h2 { text-align:center; }
#aboutVisual h2 span { display:inline-block; font-size:24px; letter-spacing:0.02em; margin-right:12px; height:30px; color:#88e386; font-weight:100; }
#aboutVisual h2 span:last-child { margin-right:0; }
#aboutVisual p:first-child { position:absolute; top:120px; left:120px; }
#aboutVisual p:last-child { position:absolute; bottom:120px; right:120px; }

@media all and (max-width:1200px) {
	#aboutVisual { height:600px; }
	#aboutVisual .titleWrap { width:100%; }
	#aboutVisual h1 { font-size:36px; }
	#aboutVisual h2 span { font-size:14px; margin-top:-10px; }
	#aboutVisual p:first-child { position:absolute; top:60px; left:0px; }
	#aboutVisual p:first-child img { width:80%; }
	#aboutVisual p:last-child { position:absolute; bottom:60px; right:0px; text-align:right; }
	#aboutVisual p:last-child img { width:80%; }
}

.aboutAdvertiser { background:#f2f5f7; }
#aboutAdvertiser { position:relative; padding:180px 0; }
#aboutAdvertiser .titleWrap { position:relative; margin-bottom:180px; }
#aboutAdvertiser h1 { font-size:38px; font-weight:700; color:#2a2c2d; letter-spacing:-0.04em; }
#aboutAdvertiser h2 { font-size:22px; font-weight:400; color:#aaa; letter-spacing:-0.02em; }
#aboutAdvertiser .leftTitle { position:absolute; }
#aboutAdvertiser .leftTitle p { font-size:44px; color:#525c63; font-weight:700; letter-spacing:-0.06em; }
#aboutAdvertiser .leftTitle p span { display:inline-block; border-radius:10px; width:10px; height:10px; background:#fc992e; transform:translateY(50%); margin-left:6px; }
#aboutAdvertiser .item { margin-left:230px; right:0; width:690px; display:flex; justify-content:space-between; flex-wrap:wrap; }
#aboutAdvertiser .item .itemBox { position:relative; width:320px; height:380px; background:#fff; border-radius:16px; padding:42px 34px; margin-bottom:60px; box-sizing:border-box; }
#aboutAdvertiser .item .itemBox h3 { font-size:26px; color:#424544; white-space:pre-line; margin-bottom:20px; }
#aboutAdvertiser .item .itemBox p { font-size:16px; color:#666666; margin:0; }	
#aboutAdvertiser .item .itemBox p.icon { position:absolute; display:inline-block; left:50%; bottom:10%; transform:translate(-50%,0%); }
#aboutAdvertiser .item .itemBox:nth-child(1) p.icon { bottom:6%; }
#aboutAdvertiser .item .itemBox:nth-child(3) p.icon { bottom:0; }
#aboutAdvertiser .item .itemBox:nth-child(5) p.icon { bottom:6%; }
#aboutAdvertiser .item .itemBox:nth-child(6) p.icon { bottom:0; }

@media all and (max-width:1200px) {
	#aboutAdvertiser { padding:80px 0; }
	#aboutAdvertiser .titleWrap { position:relative; margin:auto; margin-bottom:80px; }
	#aboutAdvertiser h1 { font-size:26px; font-weight:700; color:#2a2c2d; letter-spacing:-0.04em; }
	#aboutAdvertiser h2 { font-size:18px; font-weight:400; color:#aaa; letter-spacing:-0.02em; }
	#aboutAdvertiser .leftTitle { position:relative; width:94%; margin:auto; }
	#aboutAdvertiser .leftTitle p { font-size:32px; }
	#aboutAdvertiser .item { margin-left:0; width:100%; }
	#aboutAdvertiser .item .itemBox { width:94%; max-width:420px; margin:20px auto; }
}

#aboutPartner { position:relative; padding:180px 0; }
#aboutPartner .leftTitle { position:absolute; }
#aboutPartner .leftTitle p { font-size:44px; color:#525c63; font-weight:700; letter-spacing:-0.06em; }
#aboutPartner .leftTitle p span { display:inline-block; border-radius:10px; width:10px; height:10px; background:#89d7d6; transform:translateY(50%); margin-left:6px; }
#aboutPartner .item { margin-left:230px; right:0; width:690px; display:flex; justify-content:space-between; flex-wrap:wrap; }
#aboutPartner .item .itemBox { position:relative; width:320px; height:380px; background:#f4f8fa; border-radius:16px; padding:42px 34px; margin-bottom:60px; box-sizing:border-box; }
#aboutPartner .item .itemBox:nth-child(5) { width:100%; }
#aboutPartner .item .itemBox h3 { font-size:26px; color:#424544; white-space:pre-line; margin-bottom:20px; }
#aboutPartner .item .itemBox p { word-break:keep-all; font-size:16px; color:#666666; margin:0; }	
#aboutPartner .item .itemBox p.icon { position:absolute; display:inline-block; left:50%; bottom:10%; transform:translate(-50%,0%); }
#aboutPartner .item .itemBox:nth-child(5) p.icon { right:0%; bottom:-10%; transform:translate(0,0); }

@media all and (max-width:1200px) {
	#aboutPartner { padding:80px 0; }
	#aboutPartner .titleWrap { position:relative; margin:auto; margin-bottom:80px; }
	#aboutPartner h1 { font-size:26px; font-weight:700; color:#2a2c2d; letter-spacing:-0.04em; }
	#aboutPartner h2 { font-size:18px; font-weight:400; color:#aaa; letter-spacing:-0.02em; }
	#aboutPartner .leftTitle { position:relative; width:94%; margin:auto; }
	#aboutPartner .leftTitle p { font-size:32px; }
	#aboutPartner .item { margin-left:0; width:100%; }
	#aboutPartner .item .itemBox { width:94%; max-width:420px; margin:20px auto; }
	#aboutPartner .item .itemBox:nth-child(5) { width:94%; }
	#aboutPartner .item .itemBox:nth-child(5) p.icon { right:0; bottom:0; transform:translate(0,40%); }
	#aboutPartner .item .itemBox:nth-child(5) p.icon img { width:100%; }
}

.workHard { background:url('/about/img/workhard_bg.jpg') top center no-repeat; background-size:cover; }
#workHard { position:relative; height:600px; font-family:'gsans', sans-serif; }
#workHard .titleWrap { position:absolute; width:100%; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; }
#workHard h1 { font-size:60px; color:#fff; letter-spacing:-0.04em; }
#workHard ul { margin:40px auto; display:flex; justify-content:space-between; flex-wrap:wrap; }
#workHard ul li { display:inline-block; font-size:20px; font-family:'noto', sans-serif; font-weight:700; color:#fff3e2; white-space:pre-line; letter-spacing:-0.04em; }
#workHard ul li:nth-child(1) { text-align:left; }
#workHard ul li:nth-child(2) { text-align:center; }
#workHard ul li:nth-child(3) { text-align:right; }

@media all and (max-width:1200px) {
	#workHard h1 { font-size:32px; word-break:keep-all; }
	#workHard ul { width:100%; display:block; padding:0; margin:40px 0; }
	#workHard ul li { display:block; margin:20px 0; }
	#workHard ul li:nth-child(1) { text-align:center; }
	#workHard ul li:nth-child(2) { text-align:center; }
	#workHard ul li:nth-child(3) { text-align:center; }
}