@charset "utf-8";
/*
	Last Update: 2024/03/28
	Auther: yt
*/
/*===================================================================
	page layout
===================================================================*/
#page_title { position:relative; display:flex; }
#page_title > * { width:50%; }
#page_title .image_wrap .img_back { width:100%; height:0; padding-bottom:62.138%; }
#page_title > ._left { position:relative; z-index:3; padding-bottom:40px; }
#page_title > ._right { display:flex; flex-direction:column; position:relative; }
#page_title .text_wrap { flex-grow:1; margin-top:100px; position:relative; display:flex; align-items:center; justify-content:center; }
#page_title .text_wrap::before { content:""; width:100vw; height:100%; right:0; bottom:0; background:url(../image/layout/page_title_bg.jpg) no-repeat center center / cover; display:block; position:absolute; z-index:1; }
#page_title .text_wrap > * { position:relative; z-index:2; }
#page_title .hl_page_title { width:460px; margin-left:auto; margin-right:auto; padding:20px; }
#page_title .hl_page_title .sub { background:var(--c-green); color:var(--c-white); display:inline-block; padding:2px 4px; font-weight:500; font-size:1.25em; margin-bottom:20px; letter-spacing:2px; }
#page_title .hl_page_title .main { font-size:2em; letter-spacing:2px; font-weight:bold; color:var(--c-black); }
#page_title .scroll_btn { display:block; position:absolute; width:20px; top:50%; right:20px; z-index:3; }

@media (max-width:991px) {
	#page_title { flex-direction:column; }
	#page_title > * { width:100%; }
	#page_title > ._left { padding-bottom:0; }
	#page_title .text_wrap { margin-top:0; }
	#page_title .hl_page_title { width:100%; padding:40px 60px 40px 20px; }
	#page_title .hl_page_title .sub { margin-bottom:10px; }
	#page_title .scroll_btn { transform:translateY(-50%); }
	#page_title .scroll_btn img { width:16px; }
}
@media (max-width:767px) {
	#page_title .hl_page_title .sub { font-size:1.1em; }
	#page_title .hl_page_title .main { font-size:1.5em; }
}

#main_content { position:relative; }
#main_content .bg_text { position:relative; z-index:1; text-align:left; overflow-x:hidden; overflow-y:hidden; white-space:nowrap; width:100%; font-weight:600; color:var(--c-white); mix-blend-mode:overlay; line-height:190px; font-size:270px; letter-spacing:50px; opacity:.1; margin-top:-30px; pointer-events:none; }
#main_content > * { position:relative; z-index:2; }
@media (max-width:991px) {
	#main_content .bg_text { font-size:160px; letter-spacing:20px; line-height:120px; }
}
@media (max-width:767px) {
	#main_content .bg_text { font-size:80px; letter-spacing:10px; line-height:60px; }
}

#pankuzu { font-size:13px; padding:10px 20px; max-width:100%; width:900px; margin-left:auto; margin-right:auto; }
#pankuzu a {}
#pankuzu li, #pankuzu li:before { vertical-align:baseline; line-height:100%; }
#pankuzu li:before { display:inline-block; }
#pankuzu ul { display:flex; justify-content:flex-end; align-items:center; }
#pankuzu ul > li:first-child a { display:block; width:14px; height:12px; background:url(../image/icon/home-w.svg) no-repeat center center / cover; }
#pankuzu ul > li:not(:first-child):before { content:"/"; margin:0 8px; color:var(--c-white); }
body.pc #pankuzu a:hover { text-decoration:underline; }
	@media (min-width: 576px){
		#pankuzu li { display:inline-block; }
	}
	@media (max-width: 575px){
		#pankuzu ul { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
		#pankuzu li { display:inline; }
	}

/*===================================================================
	access
===================================================================*/
.outline_images { position:relative; padding-bottom:40px; }
.outline_images::before { content:""; width:100%; height:70%; bottom:0; left:0; position:absolute; display:block; background:url(../image/layout/bg_image1.jpg) repeat top left; }
.outline_images > * { position:relative; z-index:2; }
.outline_images .row > * { display:flex; align-items:flex-end; }
.outline_images .row > *:nth-child(2n+1) { margin-bottom:40px; }
.outline_images .image { border-radius:3px; overflow:hidden; }
@media (max-width:991px) {
	.outline_images { padding-bottom:20px; }
	.outline_images .row { --bs-gutter-x:10px; }
	.outline_images .row > *:nth-child(2n+1) { margin-bottom:20px; }
}
@media (max-width:575px) {
	.outline_images { padding-bottom:10px; }
	.outline_images::before { height:25%; }
	.outline_images .row > *:nth-child(2n+1) { margin-bottom:10px; }
}

.access_list { display:flex; align-items:center; margin-bottom:40px; }
.access_list .access_unit:not(:last-child) { padding-right:50px; }
.access_list .access_unit { display:flex; align-items:center; }
.access_list .access_unit .icon { display:flex; border:1px solid var(--c-white); border-radius:3px; align-items:center; justify-content:center; margin-right:15px; width:58px; height:58px; }
@media (max-width:767px) {
	.access_list { flex-direction:column; align-items:flex-start; }
	.access_list .access_unit:not(:last-child) { padding-right:0; padding-bottom:20px; }
}

/*===================================================================
	entry
===================================================================*/
.entry ul > li:before { content:"●"; }
.entry ul > li > ul > li:before { content:"■"; }
.entry table tr > * { border:1px solid #fff; }