@charset "UTF-8";

#page .group_greeting{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;}
#page .group_greeting .image{position:absolute;z-index:0;right:0;bottom:0;margin:0;padding:0;width:100%;max-width:529px;aspect-ratio:529/774;background-image:url("../img/greeting_image.png");background-size:100%;background-repeat:no-repeat;background-position:center center;}
#page .group_greeting .greeting{position:relative;z-index:1;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;}
#page .group_greeting .greeting .header{position:relative;margin:0;padding:0;}
#page .group_greeting .greeting .header .title{position:relative;margin:0;padding:0;font-size:40px;font-weight:600;color:#000000;line-height:1.4;word-break:keep-all;}
#page .group_greeting .greeting .header .title b{font-weight:700;color:#0E8A98;}
#page .group_greeting .greeting .body{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:50px;}
#page .group_greeting .greeting .body .text{position:relative;margin:0;padding:0;font-size:18px;font-weight:300;color:#000000;line-height:1.8;word-break:keep-all;}
#page .group_greeting .greeting .body .signature{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:45px;}
#page .group_greeting .greeting .body .signature .position{position:relative;margin:0;padding:0;font-size:25px;font-weight:700;color:#000000;line-height:1.2;}
#page .group_greeting .greeting .body .signature .group{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;gap:20px;}
#page .group_greeting .greeting .body .signature .sign{position:relative;margin:0;padding:0;width:111px;aspect-ratio:111/44;background-image:url("../img/greeting_signature_sign.png");background-size:contain;background-repeat:no-repeat;background-position:center center;flex-shrink:0;}
#page .group_greeting .greeting .body .signature .from{position:relative;margin:0;padding:0;font-size:23px;font-weight:300;color:#000000;line-height:1.2;}

@media all and (max-width:1200px)
{
	#page .group_greeting .image{max-width:400px;}
}
@media all and (max-width:1000px)
{
	#page .group_greeting{margin:0 auto;max-width:600px;gap:40px;}
	#page .group_greeting .image{position:relative;right:auto;top:auto;border-radius:5px;aspect-ratio:1/1;max-width:300px;background-image:url("../img/greeting_image_mobile.png");background-position:center top;align-self:center;}
	#page .group_greeting .greeting{gap:30px;}
	#page .group_greeting .greeting .header .title{font-size:26px;text-align:center;}
	#page .group_greeting .greeting .body{gap:30px;}
	#page .group_greeting .greeting .body .text{font-size:14px;text-align:center;}
	#page .group_greeting .greeting .body .text br.pc{display:none;}
	#page .group_greeting .greeting .body .signature{justify-content:center;gap:30px;}
	#page .group_greeting .greeting .body .signature .position{font-size:16px;}
	#page .group_greeting .greeting .body .signature .group{gap:10px;}
	#page .group_greeting .greeting .body .signature .sign{width:60px;}
	#page .group_greeting .greeting .body .signature .from{font-size:14px;}
}


#page .group_visual{position:relative;margin:0;padding:30px;height:280px;background-image:url("../img/visual_bg.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;}
#page .group_visual .titles{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:15px;}
#page .group_visual .titles .title{position:relative;margin:0;padding:0;font-size:52px;font-weight:400;color:#FFFFFF;line-height:1.3;text-align:center;word-break:keep-all;}
#page .group_visual .titles .title b{font-weight:600;}
#page .group_visual .titles .title_en{position:relative;margin:0;padding:0;font-size:26px;font-weight:500;color:#B3B3B3;line-height:1.2;text-align:center;word-break:keep-all;opacity:0.6;}
#page .group_visual .titles .title_en b{font-weight:700;}
#page * + .group_visual{margin-top:180px;}

@media all and (max-width:1000px)
{
	#page .group_visual{height:200px;}
	#page .group_visual .titles .title{font-size:28px;}
	#page .group_visual .titles .title_en{font-size:16px;}
	#page * + .group_visual{margin-top:80px;}
}