@charset "UTF-8";

/*--------------------------------------------------------------------------------
	reset
--------------------------------------------------------------------------------*/

html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0}hr{color:inherit;height:0;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}


html {
	font-size: 62.5%;
}

body {
	font-family: "Noto Sans JP", "游ゴシック体","Yu Gothic","YuGothic","メイリオ","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #222222;
	font-size: 14px;
}

@media only screen and (min-width: 737px) {
	body {
		font-size: 16px;
	}
}

body * {
	box-sizing: border-box;
}


li {
	list-style: none;
}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

a {
	color: #1265D6;
	text-decoration: underline;
}

/*--------------------------------------------------------------------------------
	module
--------------------------------------------------------------------------------*/

.sp-v {
	display: none;
}

@media screen and (max-width: 767px) {

	.sp-v {
		display: block;
	}

	.pc-v {
		display: none;
	}

}

.text-red {
	color: #990836 !important;
}
.text-bold {
	font-weight: 600 !important;
}

.text-small {
	font-size: 12px !important;
}

.text-right {
	text-align: right !important;
}

.text-canter {
	text-align: center !important;
}

.text-align {
	text-align: left !important;
}

.note li {
	line-height: 1.6;
    padding-left: 1.5em;
	text-indent: -0.75em;
	font-size: 10px;
	color: #666666;
}

.note li::before {
	content: "※";
    display: inline-block;
    margin-right: 0.5em;
}

.note li + li {
	margin-top: 8px;
}

@media screen and (min-width: 1024px) {

	.note li {
		font-size: 12px;
	}

}


/*--------------------------------------------------------------------------------
	header
--------------------------------------------------------------------------------*/

.header {
	position: relative;
	z-index: 100;
	width: 100%;
	height: 60px;
	background: #000000;
}

.header-logo {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 2;
	width: 150px;
}

.header-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 2%;
	margin: auto;
	width: 80px;
	height: 24px;
}

.header-btn a {
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	text-decoration: none;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 10px;
}

.header-btn a:hover {
	opacity: 0.7;
	transition: 0.5s;
}

@media screen and (min-width: 768px) and (max-width: 1023.99px) {

	.header {
		height: 60px;
	}

	.header-btn {
		width: 150px;
	}
}

@media screen and (min-width: 1024px) {

	.header {
		height: 86px;
	}

	.header-logo {
		top: 24px;
		left: 30px;
		width: 240px;
    }

	.header-nav {
		top: 28px;
		left: 0;
		width: 100%;
		height: 52px;
		padding: 0 0;
    }

	.header-btn {
		width: 160px;
		height: 40px;
    }

	.header-btn a {
        font-size: 12px;
	}

}

/*--------------------------------------------------------------------------------
	mainv
--------------------------------------------------------------------------------*/

.mainv {
	background-color: #990836;
	position: relative;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.09em;
}

.mainv .mainv-lead {
	background-image: linear-gradient(150deg, rgba(234, 206, 141, 1) 10%, rgba(255, 246, 213, 1) 50%,  rgba(255, 229, 168, 1) 90%);
	position: absolute;
	top: 0;
	padding: 7px 40px 7px 16px;
}

.mainv .mainv-lead::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	height: 60px;
	width: 60px;
	background-image: linear-gradient(-60deg, #990836 31px, transparent 0);
}

.mainv .mainv-lead p {
	color: #614E26;
	font-size: 14px;
	font-weight: 700;
}

.mainv .mainv-inner {
	max-width: 1200px;
	margin: auto;
	padding: 70px 20px 20px;
	color: #fff;
}

.mainv .mainv-inner h1 {
	font-size: 28px;
	font-weight: 500;
}

.mainv .mainv-inner h1 span {
	font-size: 16px;
}

.mainv .mainv-inner p {
	font-size: 12px;
	font-weight: 600;
}


@media screen and (min-width: 1024px) {

	.mainv .mainv-lead {
		padding: 7px 60px 7px 20px;
		text-align: right;
	}

	.mainv .mainv-lead::after {
		margin: auto;
		height: 44px;
		width: 44px;
	}

	.mainv .mainv-lead p {
		font-size: 20px;
	}

	.mainv .mainv-inner {
		padding: 74px 20px 40px;
	}
	.mainv .mainv-inner h1 {
		font-size: 46px;
		font-weight: 600;
	}

	.mainv .mainv-inner h1 span {
		font-size: 30px;
	}

	.mainv .mainv-inner p {
		font-size: 18px;
	}

}

@media screen and (min-width: 1200px) {

	.mainv .mainv-lead {
		padding: 7px 60px 7px calc(50% - 600px);
		text-align: right;
	}

	.mainv .mainv-inner {
		padding: 74px 0 40px;
	}

}


/*--------------------------------------------------------------------------------
	graph
--------------------------------------------------------------------------------*/

.graph {
	margin-top: 36px;
	padding-bottom: 360px;
	background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_bg_img_02_20231025.png);
	background-position: 20% 100%;
	background-size: 120%;
}

.graph .graph-inner {
	max-width: 1000px;
	margin: auto;
	padding: 0 20px;
}

.graph .graph-inner .graph-ttl {
	text-align: center;
	border-bottom: 1px solid #707070;
	padding-bottom: 16px;
	margin-bottom: 30px;
	letter-spacing: 0.09em;
}

.graph .graph-inner .graph-ttl p {
	font-weight: 600;
	color: #A29962;
	font-size: 14px;
	margin-bottom: 10px;
}

.graph .graph-inner .graph-ttl h2 {
	font-size: 56px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	line-height: 1;
}

.graph .graph-inner .graph-ttl h2 span {
	color: #A29962;
	font-size: 88px;
}

.graph .graph-inner .graph-ttl h2 span em {
	font-size: 64px;
	font-style: normal;
}

.graph .graph-inner .graph-ttl ul {
	margin-top: 10px;
}

.graph .graph-inner .graph-img {
	max-width: 997px;
	margin: auto;
}

.graph .graph-inner .graph-img .graph-sttl {
	font-size: 16px;
	margin-bottom: 20px;
}

.graph .graph-inner .graph-img .note {
	margin-top: 30px;
}


@media screen and (min-width: 768px) and (max-width: 1023.99px) {
	.graph {
		padding-bottom: 360px;
		background-position: 124% 93%;
		background-size: 64%;
	}

}

@media screen and (min-width: 1024px) {

	.graph {
		margin-top: 80px;
		padding-bottom: 300px;
		background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_bg_img_01_20231025.png);
		background-position: 124% 104%;
		background-size: 67%;
	}

	.graph .graph-inner {
		padding: 0 20px;
	}

	.graph .graph-inner .graph-ttl {
		padding-bottom: 15px;
		margin-bottom: 50px;
	}

	.graph .graph-inner .graph-ttl .graph-ttl-inner {
		max-width: 890px;
		margin: auto;
	}

	.graph .graph-inner .graph-ttl p {
		font-size: 28px;
		margin-bottom: 0;
	}

	.graph .graph-inner .graph-ttl h2 {
		font-size: 84px;
	}

	.graph .graph-inner .graph-ttl h2 span {
		font-size: 127px;
	}

	.graph .graph-inner .graph-ttl h2 span em {
		font-size: 93px;
	}

	.graph .graph-inner .graph-img .graph-sttl {
		font-size: 20px;
		margin-bottom: 16px;
	}

}

@media screen and (min-width: 1200px) {

	.graph {
		margin-top: 80px;
		padding-bottom: 400px;
		background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_bg_img_01_20231025.png);
		background-position: 124% 104%;
		background-size: 60%;
	}

	.graph .graph-inner {
		padding: 0;
	}


}

/*--------------------------------------------------------------------------------
	menu
--------------------------------------------------------------------------------*/

.menu {
	position: relative;
    margin-top: -25%;
}

.menu .menu-bg {

}

.menu .menu-inner {
	position: relative;
	background-color: #000;
	height: 900px;
}

.menu .menu-inner ul {
	width: 100%;
	position: absolute;
	top: -2%;
}

.menu .menu-inner ul li {
	position: relative;
	background-color: #A29962;
	transition: 2s;
	height: 280px;
	width: 90%;
	margin: auto;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s, visibility 1s, transform 1s;
	transform: translateY(-25%);
}

.menu .menu-inner ul li.fadein {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

@media (max-width: 767px) {

	.menu .menu-inner ul li.menu03 {
		height: 260px;
	}

	.menu .menu-inner ul li + li {
		margin-top: 20px;
	}

}

.menu .menu-inner ul li::after {
	content: '';
	position: absolute;
	bottom: 5%;
	right: 5%;
	width: 14px;
	height: 14px;
	background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_icon_img_01_20231025.svg);
	background-size: cover;
}

.menu .menu-inner ul li:hover {
	background-color: #000;
	transition: 0.5s;
}

.menu .menu-inner ul li a {
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
	color: #fff;
	border: 1px solid #A29962;
	background-position: bottom center;
	background-size: contain;
}

.menu .menu-inner ul li.menu01 a {
	background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_menu_img_04_20231025.png);
}

.menu .menu-inner ul li.menu02 a {
	background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_menu_img_05_20231025.png);
}


.menu .menu-inner ul li.menu03 a {
	background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_menu_img_06_20231025.png);
}


.menu .menu-inner ul li a .menu-tx {
	position: absolute;
	top: 8%;
	left: 4%;
}

.menu .menu-inner ul li.menu03 a .menu-tx {
	top: 12%;
}

.menu .menu-inner ul li a .menu-tx p {
	font-size: 26px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	letter-spacing: 0.09em;
}

.menu .menu-inner ul li a .menu-tx p.menu-cap {
	font-size: 12px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}



@media screen and (min-width: 768px) and (max-width: 1023.99px) {

	.menu .menu-inner {
		height: 280px;
	}

	.menu .menu-inner ul {
		width: 100%;
		padding: 0 20px;
		display: flex;
		justify-content: space-between;
		margin: auto;
		left: 0;
		right: 0;
		top: -10%;
	}

	.menu .menu-inner ul li {
		width: 30%;
	}

}

@media screen and (min-width: 1024px) {
	.menu {
		position: relative;
		margin-top: -15%;
	}
	.menu .menu-inner {
		height: 350px;
	}

	.menu .menu-inner ul {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin: auto;
		left: 0;
		right: 0;
		top: -25%;
	}

	.menu .menu-inner ul li {
		flex: 0 0 300px;
		height: 390px;
		line-height: 1.2;
	}

	.menu .menu-inner ul li::after {
		width: 19px;
		height: 19px;
		background-size: cover;
	}

	.menu .menu-inner ul li a {
		border: 2px solid #A29962;
	}

	.menu .menu-inner ul li.menu01 a {
		background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_menu_img_01_20231025.png);
	}

	.menu .menu-inner ul li.menu02 a {
		background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_menu_img_02_20231025.png);
	}


	.menu .menu-inner ul li.menu03 a {
		background-image: url(/special/druckerinstitute/202312aum10billionyen/assets/images/g_menu_img_03_20231025.png);
	}

	.menu .menu-inner ul li a .menu-tx {
		top: 8%;
		left: 8%;
	}

	.menu .menu-inner ul li.menu03 a .menu-tx {
		top: 16%;
	}

	.menu .menu-inner ul li a .menu-tx p {
		font-size: 40px;
	}

	.menu .menu-inner ul li a .menu-tx p.menu-cap {
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 10px;
	}

	.menu .menu-inner ul li.menu03 a .menu-tx p {
		font-size: 50px;
	}


}

@media screen and (min-width: 1200px) {
	.menu .menu-inner ul {
		width: 1200px;
	}

	.menu .menu-inner ul li {
		flex: 0 0 375px;
		width: 100%;
	}
}



/*--------------------------------------------------------------------------------
	disclaimer
--------------------------------------------------------------------------------*/

/* 規約エリア */
.notes-area {
	background-color: #ECECEC;
}
.notes-area__inner {
	padding: 64px 20px 104px;
}
@media (min-width: 768px) {
	.notes-area__inner {
		max-width: 1200px;
		padding: 100px 40px;
		margin: 0 auto;
	}
}

.notes--bottom {
	padding-top: 47px;
	border-top: 1px solid #222222;
}
.notes + .notes {
	margin-top: 47px;
}
.notes__title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 24px;
}
.notes__subtitle {
	font-weight: bold;
	margin-bottom: 8px;
}
.notes__text {
	font-size: 14px;
	line-height: 1.85;
	word-wrap: break-word;
	margin-bottom: 16px;
}
.notes__text--bold {
	font-weight: bold;
}
.notes__attention {
	color: #990836;
	font-weight: bold;
}
.notes__bold {
	font-weight: bold;
	margin-bottom: 8px;
}
.notes__lists + .notes__lists {
	margin-top: 16px;
}
.notes__lists--circle .notes__list::before {
	content: "●";
}
.notes__lists--kome .notes__list {
	font-size: 12px;
	color: #666666;
}
.notes__lists--kome .notes__list + .notes__lists--kome .notes__list {
	margin-top: 3px;
}
.notes__lists--kome .notes__list::before {
	content: "※";
}
.notes__list {
	position: relative;
	padding-left: 20px;
	line-height: 1.5;
	font-size: 14px;
}
.notes__list + .notes__list {
	margin-top: 8px;
}
.notes__list::before {
	display: inline-block;
	content: "・";
	position: absolute;
	height: 1.6em;
	line-height: 1.6em;
	left: 0;
	top: 0;
}
@media (min-width: 768px) {
	.notes + .notes {
		margin-top: 64px;
	}
	.notes--bottom {
		padding-top: 64px;
	}
	.notes--bottom .notes__text + .notes__text {
		margin-top: 1.6em;
	}
}



/*--------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------*/

.main-footer {
	padding: 48px 0;
	position: relative;
	background-color: #000;
}
.main-footer__inner {
	padding: 0 5%;
	position: relative;
	color: #fff;
}
.main-footer__nav > li + li {
	margin-top: 24px;
}
.main-footer__nav > li > a {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
}
.main-footer__logo > a {
	display: block;
	width: 240px;
	margin: 0 auto;
}
.main-footer__copyright {
	margin-top: 48px;
	font-size: 10px;
}
.main-footer__copyright > p + p {
	margin-top: 20px;
}
@media (max-width: 1024px) {
	.main-footer__logo {
		margin-top: 48px;
		padding-top: 48px;
		border-top: 1px solid #fff;
	}
}
@media (min-width: 1025px) {
	.main-footer {
		padding: 80px 0 100px;
	}
	.main-footer__inner {
		width: 100%;
		min-height: 174px;
		margin: 0 auto;
		padding: 0 40px;
	}
	.main-footer__nav {
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
	}
	.main-footer__nav > li + li {
		margin-top: 0;
		border-left: 1px solid #fff;
	}
	.main-footer__nav > li > a {
		padding: 0 40px;
		line-height: 32px;
	}
}

@media (min-width: 1300px) {
	.main-footer__inner {
		width: 1280px;
		min-height: 174px;
		margin: 0 auto;
		padding: 0 40px;
	}
}
@media (min-width: 1025px) and (hover: hover) {
	.main-footer__nav > li > a:hover {
		text-decoration: underline;
	}
}
@media (min-width: 1025px) {
	.main-footer__nav > li:first-child > a {
		padding-left: 0;
	}
}
@media (min-width: 1025px) {
	.main-footer__logo {
		position: absolute;
		bottom: 0;
		left: 40px;
	}
	.main-footer__logo > a {
		width: 300px;
		margin: 0;
	}
}
@media (min-width: 1025px) {
	.main-footer__copyright {
		margin-top: 0;
		position: absolute;
		bottom: 0;
		right: 40px;
	}
}
@media (min-width: 1300px) {
	.main-footer__copyright {
		margin-top: 0;
		position: absolute;
		bottom: 0;
		right: 0;
	}
}


/* back head */
.backhead {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 25;
	transform: translateY(-100%);
}
.backhead > a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
	background-color: #A29962;
	text-decoration: none;
}
.backhead > a::after {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: 10px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(45deg);
}

@media screen and (min-width: 1024px) {
	.backhead > a {
		width: 80px;
		height: 80px;
		transition: 0.3s;
	}
	.backhead > a::after {
		width: 25px;
		height: 25px;
		top: 16px;
		border-top: 5px solid #fff;
		border-left: 5px solid #fff;
	}
	.backhead > a:hover {
		background-color: #B5A851;
	}
}

/* inview - slideup */

.js-slideup{
	will-change: translate, opacity;
	transform: translate(0,60px);
	opacity: 0;
	transition: all 0.8s ease-in-out;
}

.js-slideup-act{
	transform: translate(0,0);
	opacity: 1.0;
}