@charset "utf-8";
/* CSS Document */

body{
	background: none !important;
}



.item_container{
}
.item_container .txt_box{
	text-align: left;
	margin-bottom: 20px;
}
	.item_container .txt_box .title{
		font-size: 125%;
		font-weight: bold;
		margin-bottom: 1em;
	}
	.item_container .txt_box p{
		margin-bottom: 1em;
	}
	.item_container .txt_box p a{
		color: #0000EE;
		text-decoration: none !important;
	}
	.item_container .txt_box p a:hover{
		text-decoration: underline !important;
	}
	.item_container .txt_box ol{
		margin-left: 2em;
	}
	.item_container .txt_box ol li{
		list-style: decimal;
		line-height: 1.8;
	}
	.item_container .txt_box ul li{
		list-style: circle;
		line-height: 1.8;
	}
	.item_container .txt_box ol li ul{
		margin-left: 1.4em;
	}

a.js-modal-close{
	position: absolute;
	top: 10px;
	right: 20px;
	color: #464646;
	font-size: 50px;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

@media screen and (max-width: 767px){
	.modal__content{
		padding: 40px 0 20px;
	}
	a.js-modal-close{
		top: 10px;
		right: 10px;
		font-size: 29px;
	}
}
@media screen and (max-width: 600px){
	.modal__content{
		height: calc(100vh - 120px);
	}
	.modal__content > .inner{
		max-height: inherit;
		height: 100%;
	}
	.item_container{
		display: block;
	}
	.item_container .img_box{
		max-width: inherit;
		width: 100%;
	}
	.item_container.flex .txt_box{
		width: 100%;
	}
}