
/* reset */
p{
	font-weight: normal;
	margin: 0;
}

ul, ol, dl, li, dt, dd{
	list-style: none;
	margin: 0;
	padding:0;
}
.text-align-right{
    text-align: right;
}
.color_white {
	color: #FFF;
}
.color_black {
	color: #000;
}
a.animate {
	position: relative;
}
a.animate::after {
	content: '';
	width: 0;
	height: 1.5px;
	background-color: #454545;
	position: absolute;
	transition: all .3s ease-Out;
	bottom: -2px;
	left: 0;
}
a.color_white.animate::after {
	background-color: #FFF;
}
a.animate:hover::after {
	width: 100%;
}
.caution{
	font-weigh:bold;
	color:red;
}

/******* footer *******/
footer{
	text-align:right;
	padding:0 5px 5px 0;
	font-size:13px; 
	text-decoration:none;
}
footer span:nth-child(-n+2){
	text-decoration:none;
	margin-right:20px;
}
footer.fixed_v{
	position:fixed;
	bottom:5px;
	right:5px;
	font-size:11px; 
}
footer a{
	text-decoration:none;
}
/******* popup *******/
.mfp-bg {
	background-color: #2D2D2D;
	z-index: 100000;
}

.mfp-wrap {
	overflow: visible!important;
	z-index: 104300;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 1;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-close-btn-in .mfp-close {
	background: url(/img/closebtn.png) no-repeat right center / contain;
	color: #FFF;
	font-family: 'Lucida Sans Unicode','Noto Sans Japanese', sans-serif;
	font-size: 1.375rem;
	height: 24px;
	line-height: 24px;
	opacity: 1;
	padding-top: 1px;
	right: 20px;
	text-align: left;
	top: calc(100% + 20px);
	width: 120px;

}
button.mfp-close:hover{
	opacity: 0.5;
}

.mfp-auto-cursor .mfp-content {
	margin: 0;
}

.popup_cont {
	background-color: #000;
	box-sizing: border-box;
	color: #FFF;
	height: calc(95vh - 85px);
	height: calc(95dvh - 85px);
	margin: 20px auto 45px;
	padding: 50px 0;
	position: relative;
	text-align: justify;
	width: 960px;
}
@media (max-width: 768px) {
	.popup_cont {
		width: 95%;
    }
}

.popup_cont .container {
	min-width: 0;
}

.popup_section_ttl,
.popup_subsection_ttl,
.popup_cont p,
.popup_text {
	font-size: .875rem;
	line-height: 2;
}

.popup_cont_body {
	height: 100%;
	overflow-y: scroll;
	padding: 0% 8%;
	scrollbar-color: #D70C19 #000;
	scrollbar-width: thin;
}

.popup_main_ttl {
	font-size: 1.75rem;
	line-height: 1.285714;
}

.popup_section.container {
	margin-top: 50px;
}

.popup_section_ttl.container {
	margin-bottom: 40px;
}

.popup_subsection.container {
	margin-top: 40px;
}


