@charset 'utf-8';

@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;700&family=Noto+Serif+JP:wght@300;500;600;700;900&display=swap");
/* reset
------------------------------------------------ */
#main body, #main div, #main pre, #main p, #main a, #main img, #main form, #main fieldset, #main input, #main textarea, #main select, #main option, #main dl, #main dt, #main dd, #main ul, #main ol, #main li, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main table, #main th, #main td, #main embed, #main object, #main figure, #main figcaption {
	margin: 0;
	padding: 0;
}
#main h1,#main h2,#main h3,#main h4,#main h5,#main h6 { font-family: inherit; font-size: inherit; }
#main {
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	font-optical-sizing: auto;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 10px;
	line-height: 1.6;
	color: #333;
}

#main ul, #main ol { list-style: none; }
#main img { width: auto; height: auto; max-width: 100%; border: none; vertical-align: top; }
#main a { transition: all 0.3s ease; pointer-events: auto !important; }
#main a:link { text-decoration: none; color: #333; }
#main a:visited { text-decoration: none; color: #333; }
#main a:hover { text-decoration: none; }
#main .wrap { width: 1200px; display: block; position: relative; margin: 0 auto; padding: 0 20px; }

#main .section-line .bg-line1, 
#main .section-line .bg-line2 { width: 100vw; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 0; }
#main .section-line .bg-line2 { top: auto; bottom: 9.8%; }

#main .vd-logo { max-width: 192px; display: block; margin: 0 auto; margin-bottom: 50px; }
#main .vd-hlinks { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 47px 0; }
#main .vd-hlinks li { font-size: 18px; margin: 0 50px; }
#main .vd-hlinks li a { display: inline-block; }
#main .vd-hlinks li a span { transition: 200ms ease opacity; }
#main .vd-hlinks li a span:nth-of-type(2n) { transition-delay: 200ms; }
#main .vd-hlinks li a span:nth-of-type(3n) { transition-delay: 100ms; }
#main .vd-hlinks li a span:nth-of-type(4n) { transition-delay: 50ms; }
#main .vd-hlinks li a span:nth-of-type(5n) { transition-delay: 150ms; }
#main .vd-hlinks li a:hover span { opacity: 0.4; }

#main .vd-blinks { padding: 45px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #F5F5F5; }
#main .vd-blinks--btn { font-size: 18px; width: 18.915em; display: block; position: relative; margin: 0 10px; }
#main .vd-blinks--btn a { display: flex; align-items: center; justify-content: space-between; padding: 0 1.5em 0 2.22em; height: 3.9em; color: #fff; background: url(../img/share/btn-bg.png) no-repeat; background-size: 100% 100%; transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
#main .vd-blinks--txt { width: calc( 100% - 1.67em ); display: flex; align-items: center; position: relative; }
#main .vd-blinks--arrow { width: 1.5em; height: .55556em; line-height: 1; display: block; position: absolute; right: 1.5em; top: 50%; transform: translateY(-50%); }
#main .vd-blinks--arrow img { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; -webkit-transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
#main .vd-blinks--arrow img:last-child { opacity: 0; -webkit-transform: translateX(-25%); transform: translateX(-25%); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
#main .vd-blinks--btn a:hover { background: url(../img/share/btn-bg-hover.png) no-repeat; background-size: 100% 100%; }
#main .vd-blinks--btn a:hover .vd-blinks--arrow img:first-child { opacity: 0; -webkit-transform: translateX(50%); transform: translateX(50%); }
#main .vd-blinks--btn a:hover .vd-blinks--arrow img:last-child { opacity: 1; -webkit-transform: translateX(25%); transform: translateX(25%); -webkit-transition-delay: 0; transition-delay: 0; }
#main .vd-blinks--btn.ba-black a .ba-last { opacity: 0; }
#main .vd-blinks--btn.ba-black a:hover .ba-last { opacity: 1; }

#main .vd-foot { padding: 50px 0; background: #131313; }
#main .vd-foot .vd-hlinks,
#main .vd-foot .vd-blinks { padding: 0; background: none; }
#main .vd-foot .vd-hlinks { margin-bottom: 48px; }
#main .vd-foot .vd-hlinks li a {  color: #fff; }

	@media screen and (max-width: 1200px) {
		.single-column #htlMainContent.GOLDTemplate { width: 100% !important }
	}

#main .section { display: block; position: relative; }
#main .section--block { display: block; position: relative; }
#main .section__more { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; margin-top: 4em; }
#main .section__more--list { font-size: inherit; text-align: left; }
#main .section__more--list a,
#main .section__more--list span { font-size: 1.8em; display: inline-block; min-width: 9.11em; position: relative; padding-bottom: .55em; letter-spacing: 0.12em; }
#main .section__more--list.ja a,
#main .section__more--list.ja span { font-size: 1.5em; min-width: 10.93em; font-weight: 600; padding-bottom: .66em; }
#main .section__more--list a::before,
#main .section__more--list span::before { content: ""; display: block; width: 100%; height: 1px; background: #ccc; position: absolute; bottom: 0; left: 0; }
#main .section__more--list a::after,
#main .section__more--list span::after { content: ""; display: block; width: 25px; height: 1px; background: #BC980E; position: absolute; bottom: 0; left: 0; z-index: 1; transition: 400ms cubic-bezier(0.23, 1, 0.32, 1); }
#main .section__more--list a:hover::after,
#main .section__more--list span:hover::after { width: 100%; }


/* access page */
#main #access { padding: 130px 0 200px; }
#main .access--block01 { margin-bottom: 150px; }
#main .access--more { position: absolute; bottom: -15px; left: 710px; }